@veritone-ce/design-system 2.3.13 → 2.4.0

package/dist/esm/Table/AutoTable/index.js

@@ -0,0 +1,106 @@
+'use strict';
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import VirtualControlledAutoTable from './virtual.js';
+import ControlledAutoTable from './controlled.js';
+import '@tanstack/react-table';
+import '../TableCell/index.js';
+import '@mui/material';
+
+function AutoTable(props) {
+  const enableSorting = props.enableSorting ?? true;
+  const [managedSorting, setManagedSorting] = useManagedStateSwitch(
+    props.sorting,
+    props.onSortingChange,
+    props.defaultSorting ?? []
+  );
+  const enableRowSelection = props.enableRowSelection ?? props.rowSelection !== void 0;
+  const [managedRowSelection, setManagedRowSelection] = useManagedStateSwitch(
+    props.rowSelection,
+    props.onRowSelectionChange,
+    {}
+  );
+  const enablePagination = props.enablePagination ?? true;
+  const [managedPage, setManagedPage] = useManagedStateSwitch(
+    props.page,
+    props.onPageChange,
+    0
+  );
+  const [managedRowsPerPage, setManagedRowsPerPage] = useManagedStateSwitch(
+    props.rowsPerPage,
+    props.onRowsPerPageChange,
+    10
+  );
+  const options = {
+    data: props.data,
+    columns: props.columns,
+    meta: props.meta,
+    getRowId: props.getRowId,
+    // sorting
+    sorting: managedSorting,
+    enableSorting,
+    onSortingChange: setManagedSorting,
+    manualSorting: props.manualSorting,
+    // selection
+    rowSelection: managedRowSelection,
+    enableRowSelection,
+    onRowSelectionChange: setManagedRowSelection,
+    // pagination
+    pagination: {
+      pageIndex: managedPage,
+      pageSize: enablePagination ? managedRowsPerPage : props.data.length
+    },
+    enablePagination,
+    onPageChange: setManagedPage,
+    onRowsPerPageChange: setManagedRowsPerPage,
+    manualPagination: props.manualRowCount !== void 0,
+    manualRowCount: props.manualRowCount
+  };
+  if (props.virtualizer) {
+    return /* @__PURE__ */ jsx(
+      VirtualControlledAutoTable,
+      {
+        ...options,
+        ...props.virtualizer,
+        stickyHeader: props.stickyHeader,
+        loading: props.loading,
+        zeroStateMessage: props.zeroStateMessage,
+        error: props.error,
+        ErrorContainer: props.ErrorContainer,
+        sx: props.sx,
+        className: props.className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ControlledAutoTable,
+    {
+      ...options,
+      stickyHeader: props.stickyHeader,
+      loading: props.loading,
+      zeroStateMessage: props.zeroStateMessage,
+      error: props.error,
+      ErrorContainer: props.ErrorContainer,
+      className: props.className
+    }
+  );
+}
+function useManagedStateSwitch(controlled, setControlled, uncontrolledDefault) {
+  const [uncontrolled, setUncontrolled] = React__default.useState(uncontrolledDefault);
+  const [managed, setManaged] = controlled !== void 0 ? [
+    controlled,
+    (u) => {
+      setControlled?.(u);
+    }
+  ] : [
+    uncontrolled,
+    (u) => {
+      setUncontrolled(u);
+      setControlled?.(u);
+    }
+  ];
+  return [managed, setManaged];
+}
+
+export { AutoTable as default };

package/dist/esm/Table/AutoTable/virtual.js

@@ -0,0 +1,172 @@
+'use strict';
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { flexRender } from '@tanstack/react-table';
+import { Table, TableHead, TableSortLabel, TableBody, TableMessage } from '../index.js';
+import TableRow from '../TableRow/index.js';
+import TableCell from '../TableCell/index.js';
+import React__default from 'react';
+import { styled, Box, CircularProgress } from '@mui/material';
+import { visuallyHidden } from '@mui/utils';
+import { useAutoTable, DefaultErrorContainer } from './common.js';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import isPropValid from '@emotion/is-prop-valid';
+
+const TableMessageMaxHeight = 100;
+const TableContainer = styled(Box, {
+  shouldForwardProp: (prop) => isPropValid(prop)
+})(({ virtualizerTotalHeight }) => ({
+  height: `${virtualizerTotalHeight}px`
+}));
+function VirtualControlledAutoTable({
+  stickyHeader,
+  loading,
+  zeroStateMessage,
+  error,
+  ErrorContainer = DefaultErrorContainer,
+  scrollOffset,
+  getScrollElement,
+  renderWhenNotVisible = true,
+  rowSize,
+  headerSize = 50,
+  overscan,
+  debug,
+  sx,
+  className,
+  ...options
+}) {
+  const table = useAutoTable(options);
+  const { rows } = table.getRowModel();
+  const offsetFromScrollEl = scrollOffset ?? 0;
+  const virtualizer = useVirtualizer({
+    getScrollElement,
+    scrollMargin: offsetFromScrollEl,
+    count: rows.length,
+    overscan: overscan ?? 10,
+    estimateSize: () => rowSize
+  });
+  const showMessage = error || loading || rows.length === 0;
+  const rowsHeight = rows.length * rowSize;
+  const totalHeight = headerSize + (showMessage ? TableMessageMaxHeight : rowsHeight);
+  const visibilityOverscan = virtualizer.options.overscan * rowSize;
+  const visibilityBounds = {
+    lower: offsetFromScrollEl - visibilityOverscan,
+    upper: offsetFromScrollEl + totalHeight + visibilityOverscan
+  };
+  const tableIsVisible = renderWhenNotVisible || virtualizer.scrollOffset + virtualizer.scrollRect.height >= visibilityBounds.lower && virtualizer.scrollOffset <= visibilityBounds.upper;
+  const virtualItems = virtualizer.getVirtualItems();
+  return /* @__PURE__ */ jsxs(
+    TableContainer,
+    {
+      virtualizerTotalHeight: totalHeight,
+      sx,
+      className,
+      children: [
+        debug && /* @__PURE__ */ jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              color: "red",
+              zIndex: 100,
+              fontSize: 10
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 5 }, children: virtualizer.scrollOffset }),
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 5 }, children: virtualizer.scrollOffset + virtualizer.scrollRect.height }),
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 5 }, children: offsetFromScrollEl }),
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 5 }, children: visibilityBounds.lower }),
+              /* @__PURE__ */ jsx("span", { style: { marginRight: 5 }, children: visibilityBounds.upper })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          Table,
+          {
+            sx: {
+              borderCollapse: "separate",
+              ...stickyHeader ? {
+                "& th": {
+                  position: "sticky",
+                  top: typeof stickyHeader === "object" ? stickyHeader.offset : 0,
+                  zIndex: 2,
+                  backgroundColor: (theme) => theme.palette.background.default
+                }
+              } : {}
+            },
+            children: [
+              /* @__PURE__ */ jsx(TableHead, { sx: { height: headerSize }, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => {
+                const isSorted = header.column.getIsSorted();
+                return /* @__PURE__ */ jsx(TableCell, { variant: "header", children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs(
+                  TableSortLabel,
+                  {
+                    active: isSorted !== false,
+                    direction: isSorted !== false ? isSorted : "asc",
+                    onClick: header.column.getToggleSortingHandler(),
+                    children: [
+                      flexRender(
+                        header.column.columnDef.header,
+                        header.getContext()
+                      ),
+                      isSorted !== false ? /* @__PURE__ */ jsx(Box, { component: "span", sx: visuallyHidden, children: isSorted === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                    ]
+                  }
+                ) : flexRender(
+                  header.column.columnDef.header,
+                  header.getContext()
+                ) }, header.id);
+              }) }, headerGroup.id)) }),
+              showMessage ? /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  colSpan: table.getAllFlatColumns().length,
+                  children: /* @__PURE__ */ jsx(Box, { children: error ? /* @__PURE__ */ jsx(ErrorContainer, { error }) : loading ? /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        justifyContent: "center",
+                        paddingTop: "10px",
+                        paddingBottom: "10px"
+                      },
+                      children: /* @__PURE__ */ jsx(CircularProgress, {})
+                    }
+                  ) : rows.length === 0 ? /* @__PURE__ */ jsx(TableMessage, { children: zeroStateMessage ?? "No data found" }) : null })
+                }
+              ) }) }) : tableIsVisible && /* @__PURE__ */ jsx(
+                TableBody,
+                {
+                  sx: {
+                    "&::after": {
+                      display: "block",
+                      content: "''",
+                      // this ensures the table takes up as much size as the total elements by adding padding to the end
+                      height: `${(rows.length - virtualItems.length) * rowSize}px`
+                    }
+                  },
+                  children: virtualItems.map((virtualRow) => {
+                    const row = rows[virtualRow.index];
+                    return /* @__PURE__ */ jsx(
+                      TableRow,
+                      {
+                        children: row.getAllCells().map((cell) => /* @__PURE__ */ jsx(React__default.Fragment, { children: flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        ) }, cell.id))
+                      },
+                      row.id
+                    );
+                  })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { TableMessageMaxHeight, VirtualControlledAutoTable as default };

package/dist/esm/Table/TableCell/index.js

@@ -0,0 +1,46 @@
+'use strict';
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import React__default, { forwardRef } from 'react';
+import styles from './styles.module.scss.js';
+import '@capsizecss/core';
+import 'color2k';
+import '../../styles/css-vars.js';
+import { cx } from '../../styles/cx.js';
+import '../../styles/defaultTheme.js';
+import '@mui/system';
+import '../../Box/index.js';
+import '../../styles/styled.js';
+
+const TableCell = forwardRef(
+  ({
+    children,
+    "data-testid": dataTestId,
+    noVerticalPadding,
+    variant = "data",
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const Tag = React__default.useMemo(
+      () => variant === "header" ? "th" : "td",
+      [variant]
+    );
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        ...props,
+        "data-testid": dataTestId,
+        className: cx(styles.tableCell, className),
+        style: {
+          padding: `${noVerticalPadding ? "0px" : "14.25px"} ${"16px"}`,
+          ...style
+        },
+        children
+      }
+    );
+  }
+);
+
+export { TableCell as default };

package/dist/esm/Table/TableCell/styles.module.scss.js

@@ -0,0 +1,3 @@
+var styles = {"tableCell":"vt_ce_TableCell_tableCell__a1247ad8"};
+
+export { styles as default };

package/dist/esm/Table/TableRow/index.js

@@ -0,0 +1,30 @@
+'use strict';
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import styles from './styles.module.scss.js';
+import '@capsizecss/core';
+import 'color2k';
+import '../../styles/css-vars.js';
+import { cx } from '../../styles/cx.js';
+import '../../styles/defaultTheme.js';
+import '@mui/system';
+import '../../Box/index.js';
+import '../../styles/styled.js';
+
+const TableRow = forwardRef(
+  ({ children, "data-testid": dataTestId, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        ref,
+        ...props,
+        "data-testid": dataTestId,
+        className: cx(styles.tableRow, className),
+        children
+      }
+    );
+  }
+);
+
+export { TableRow as default };

package/dist/esm/Table/TableRow/styles.module.scss.js

@@ -0,0 +1,3 @@
+var styles = {"tableRow":"vt_ce_TableRow_tableRow__20cdba2f"};
+
+export { styles as default };

package/dist/esm/Table/index.js

@@ -0,0 +1,69 @@
+'use strict';
+import { jsx } from 'react/jsx-runtime';
+import { Table as Table$1, TableBody as TableBody$1, TableFooter as TableFooter$1, TableHead as TableHead$1, TableSortLabel as TableSortLabel$1 } from '@mui/material';
+import Typography from '../Typography/index.js';
+import styles from './styles.module.scss.js';
+
+const Table = (props) => {
+  return /* @__PURE__ */ jsx(
+    Table$1,
+    {
+      "data-testid": props["data-testid"],
+      stickyHeader: props.stickyHeader,
+      sx: props.sx,
+      className: props.className,
+      children: props.children
+    }
+  );
+};
+const TableBody = (props) => {
+  return /* @__PURE__ */ jsx(
+    TableBody$1,
+    {
+      "data-testid": props["data-testid"],
+      sx: props.sx,
+      className: props.className,
+      children: props.children
+    }
+  );
+};
+const TableFooter = (props) => {
+  return /* @__PURE__ */ jsx(
+    TableFooter$1,
+    {
+      "data-testid": props["data-testid"],
+      sx: props.sx,
+      className: props.className,
+      children: props.children
+    }
+  );
+};
+const TableHead = (props) => {
+  return /* @__PURE__ */ jsx(
+    TableHead$1,
+    {
+      "data-testid": props["data-testid"],
+      sx: props.sx,
+      className: props.className,
+      children: props.children
+    }
+  );
+};
+const TableSortLabel = (props) => {
+  return /* @__PURE__ */ jsx(
+    TableSortLabel$1,
+    {
+      active: props.active,
+      direction: props.direction,
+      hideSortIcon: props.hideSortIcon,
+      onClick: props.onClick,
+      disabled: props.disabled,
+      children: props.children
+    }
+  );
+};
+const TableMessage = (props) => {
+  return /* @__PURE__ */ jsx("div", { className: styles.tableMessageWrapper, children: /* @__PURE__ */ jsx(Typography, { className: styles.tableMessage, children: props.children }) });
+};
+
+export { Table, TableBody, TableFooter, TableHead, TableMessage, TableSortLabel };

package/dist/esm/Table/styles.module.scss.js

@@ -0,0 +1,3 @@
+var styles = {"tableMessageWrapper":"vt_ce_Table_tableMessageWrapper__bd25fe47","tableMessage":"vt_ce_Table_tableMessage__f6316814","checkbox":"vt_ce_Table_checkbox__fcf60b18","selectionTableCell":"vt_ce_Table_selectionTableCell__1edf8bad"};
+
+export { styles as default };

package/dist/esm/Tooltip/index.js

@@ -48,7 +48,11 @@ function Tooltip({
   });
   const role = useRole(context, { role: "tooltip" });
   const hover = useHover(context, {
-    handleClose: safePolygon()
+    handleClose: safePolygon(),
+    restMs: 300,
+    // If their cursor never rests, open it after 1000ms as a
+    // fallback.
+    delay: { open: 1e3 }
   });
   const focus = useFocus(context);
   const dismiss = useDismiss(context, {
@@ -79,7 +83,7 @@ function Tooltip({
       }
     ),
     isMounted && /* @__PURE__ */ jsx(
-      "div",
+      "span",
       {
         ref: refs.setFloating,
         "data-testid": dataTestId,
@@ -88,30 +92,38 @@ function Tooltip({
         },
         className: css["tooltip-float"],
         ...getFloatingProps(),
-        children: /* @__PURE__ */ jsxs("div", { style: { ...transitionStyles }, children: [
-          showArrow && /* @__PURE__ */ jsx(
-            FloatingArrow,
-            {
-              ref: arrowRef,
-              context,
-              fill: defaultThemeCssVariableUsages.palette.tooltip.surface,
-              stroke: defaultThemeCssVariableUsages.palette.tooltip.surface,
-              strokeWidth: 1,
-              style: { margin: "-1px" }
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: css["tooltip-body"], children: /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "label",
-              color: "inherit",
-              leadingTrim,
-              style,
-              className: cx(css["tooltip-text"], className),
-              children: tooltip
-            }
-          ) })
-        ] })
+        children: /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: { ...transitionStyles },
+            className: css["tooltip-transition"],
+            children: [
+              showArrow && /* @__PURE__ */ jsx(
+                FloatingArrow,
+                {
+                  ref: arrowRef,
+                  context,
+                  fill: defaultThemeCssVariableUsages.palette.tooltip.surface,
+                  stroke: defaultThemeCssVariableUsages.palette.tooltip.surface,
+                  strokeWidth: 1,
+                  style: { margin: "-1px" }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: css["tooltip-body"], children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  as: "span",
+                  variant: "label",
+                  color: "inherit",
+                  leadingTrim,
+                  style,
+                  className: cx(css["tooltip-text"], className),
+                  children: tooltip
+                }
+              ) })
+            ]
+          }
+        )
       }
     )
   ] });

package/dist/esm/Tooltip/styles.module.scss.js

@@ -1,3 +1,3 @@
-var css = {"tooltip-anchor":"vt_ce_Tooltip_tooltip-anchor__a4700bfb","tooltip-float":"vt_ce_Tooltip_tooltip-float__ff012681","tooltip-body":"vt_ce_Tooltip_tooltip-body__19e91c15","tooltip-text":"vt_ce_Tooltip_tooltip-text__7d962fae"};
+var css = {"tooltip-anchor":"vt_ce_Tooltip_tooltip-anchor__a4700bfb","tooltip-float":"vt_ce_Tooltip_tooltip-float__ff012681","tooltip-transition":"vt_ce_Tooltip_tooltip-transition__4ac21924","tooltip-body":"vt_ce_Tooltip_tooltip-body__19e91c15","tooltip-text":"vt_ce_Tooltip_tooltip-text__7d962fae"};
 
 export { css as default };

package/dist/esm/Typography/index.js

@@ -13,13 +13,14 @@ import styles from './variants.module.scss.js';
 
 const Typography = forwardRef(
   ({
+    as,
     variant = "paragraph1",
     color = "primary",
     leadingTrim = false,
     ...props
   }, ref) => {
     const variantCn = !leadingTrim ? styles[`t-${variant}`] : styles[`t-${variant}-trim`];
-    const VariantComponent = props.as ?? variantComponents[variant];
+    const VariantComponent = as ?? variantComponents[variant];
     const colorCn = styles[`c-${color}`];
     return React__default.createElement(VariantComponent, {
       ...props,
@@ -41,7 +42,8 @@ const variantComponents = {
   paragraph3: "p",
   button: "span",
   buttonSmall: "span",
-  input: "span"
+  input: "span",
+  statusChip: "span"
 };
 
 export { Typography as default };

package/dist/esm/Typography/variants.module.scss.js

@@ -1,3 +1,3 @@
-var styles = {"t-title":"vt_ce_Typography_t-title__3cbea11b","t-title-trim":"vt_ce_Typography_t-title-trim__28bcad4d","t-h1":"vt_ce_Typography_t-h1__8953782d","t-h1-trim":"vt_ce_Typography_t-h1-trim__c62483c9","t-h2":"vt_ce_Typography_t-h2__f2534173","t-h2-trim":"vt_ce_Typography_t-h2-trim__5563b7ae","t-h3":"vt_ce_Typography_t-h3__cdff4f67","t-h3-trim":"vt_ce_Typography_t-h3-trim__0017200e","t-h4":"vt_ce_Typography_t-h4__0acb0595","t-h4-trim":"vt_ce_Typography_t-h4-trim__289878da","t-label":"vt_ce_Typography_t-label__0e84833e","t-label-trim":"vt_ce_Typography_t-label-trim__8e002adc","t-paragraph1":"vt_ce_Typography_t-paragraph1__4a6ca0f2","t-paragraph1-trim":"vt_ce_Typography_t-paragraph1-trim__1d97d797","t-paragraph2":"vt_ce_Typography_t-paragraph2__114e0304","t-paragraph2-trim":"vt_ce_Typography_t-paragraph2-trim__8ca4dfc5","t-paragraph3":"vt_ce_Typography_t-paragraph3__9ce2d2b8","t-paragraph3-trim":"vt_ce_Typography_t-paragraph3-trim__e1fbe9a5","t-button":"vt_ce_Typography_t-button__de9ce92c","t-button-trim":"vt_ce_Typography_t-button-trim__2c6a3dfb","t-buttonSmall":"vt_ce_Typography_t-buttonSmall__48799340","t-buttonSmall-trim":"vt_ce_Typography_t-buttonSmall-trim__af5b6ddb","t-input":"vt_ce_Typography_t-input__3c546dd2","t-input-trim":"vt_ce_Typography_t-input-trim__16e63d90","c-primary":"vt_ce_Typography_c-primary__9abbeb28","c-secondary":"vt_ce_Typography_c-secondary__54db5189","c-tertiary":"vt_ce_Typography_c-tertiary__580276de","c-disabled":"vt_ce_Typography_c-disabled__01eb87d1","c-inherit":"vt_ce_Typography_c-inherit__d9a71622"};
+var styles = {"t-title":"vt_ce_Typography_t-title__3cbea11b","t-title-trim":"vt_ce_Typography_t-title-trim__28bcad4d","t-h1":"vt_ce_Typography_t-h1__8953782d","t-h1-trim":"vt_ce_Typography_t-h1-trim__c62483c9","t-h2":"vt_ce_Typography_t-h2__f2534173","t-h2-trim":"vt_ce_Typography_t-h2-trim__5563b7ae","t-h3":"vt_ce_Typography_t-h3__cdff4f67","t-h3-trim":"vt_ce_Typography_t-h3-trim__0017200e","t-h4":"vt_ce_Typography_t-h4__0acb0595","t-h4-trim":"vt_ce_Typography_t-h4-trim__289878da","t-label":"vt_ce_Typography_t-label__0e84833e","t-label-trim":"vt_ce_Typography_t-label-trim__8e002adc","t-paragraph1":"vt_ce_Typography_t-paragraph1__4a6ca0f2","t-paragraph1-trim":"vt_ce_Typography_t-paragraph1-trim__1d97d797","t-paragraph2":"vt_ce_Typography_t-paragraph2__114e0304","t-paragraph2-trim":"vt_ce_Typography_t-paragraph2-trim__8ca4dfc5","t-paragraph3":"vt_ce_Typography_t-paragraph3__9ce2d2b8","t-paragraph3-trim":"vt_ce_Typography_t-paragraph3-trim__e1fbe9a5","t-button":"vt_ce_Typography_t-button__de9ce92c","t-button-trim":"vt_ce_Typography_t-button-trim__2c6a3dfb","t-buttonSmall":"vt_ce_Typography_t-buttonSmall__48799340","t-buttonSmall-trim":"vt_ce_Typography_t-buttonSmall-trim__af5b6ddb","t-input":"vt_ce_Typography_t-input__3c546dd2","t-input-trim":"vt_ce_Typography_t-input-trim__16e63d90","t-statusChip":"vt_ce_Typography_t-statusChip__35634fde","t-statusChip-trim":"vt_ce_Typography_t-statusChip-trim__adcb5a29","c-primary":"vt_ce_Typography_c-primary__9abbeb28","c-secondary":"vt_ce_Typography_c-secondary__54db5189","c-tertiary":"vt_ce_Typography_c-tertiary__580276de","c-disabled":"vt_ce_Typography_c-disabled__01eb87d1","c-inherit":"vt_ce_Typography_c-inherit__d9a71622"};
 
 export { styles as default };

package/dist/esm/index.js

@@ -38,9 +38,15 @@ export { default as RadioButton } from './RadioButton/index.js';
 export { default as ControlledSelect } from './Select/controlled.js';
 export { default as Select } from './Select/uncontrolled.js';
 export { createControlledSelectComponent, createSelectComponent } from './Select/factory.js';
+export { default as StatusChip } from './StatusChip/index.js';
+export { Table, TableBody, TableFooter, TableHead, TableMessage, TableSortLabel } from './Table/index.js';
+export { default as AutoTable } from './Table/AutoTable/index.js';
+export { default as TableCell } from './Table/TableCell/index.js';
+export { default as TableRow } from './Table/TableRow/index.js';
 export { default as TablePagination } from './TablePagination/index.js';
 export { default as Textarea } from './Textarea/index.js';
 export { default as Toast } from './Toast/index.js';
 export { ToastProvider, useToast } from './Toast/hook.js';
 export { default as Tooltip } from './Tooltip/index.js';
 export { default as Typography } from './Typography/index.js';
+export { createColumnHelper } from './Table/AutoTable/common.js';

package/dist/esm/styles/createPalette.js

@@ -129,10 +129,30 @@ function createPaletteAction(options, disabled, text) {
 }
 function createPaletteIndicator(options, disabled) {
   return {
-    success: options.success ? createPaletteActionVariantsColors(options.success, disabled) : createPaletteActionVariantsColors("#28BA3F", disabled),
-    info: options.info ? createPaletteActionVariantsColors(options.info, disabled) : createPaletteActionVariantsColors("#335B89", disabled),
-    warning: options.warning ? createPaletteActionVariantsColors(options.warning, disabled) : createPaletteActionVariantsColors("#FFBB0A", disabled),
-    error: options.error ? createPaletteActionVariantsColors(options.error, disabled) : createPaletteActionVariantsColors("#EB0000", disabled)
+    success: options.success ? createPaletteActionVariantsColors(options.success, disabled) : createPaletteActionVariantsColors(
+      { surface: "#28BA3F", on: "#FFFFFF" },
+      disabled
+    ),
+    info: options.info ? createPaletteActionVariantsColors(options.info, disabled) : createPaletteActionVariantsColors(
+      { surface: "#335B89", on: "#FFFFFF" },
+      disabled
+    ),
+    warning: options.warning ? createPaletteActionVariantsColors(options.warning, disabled) : createPaletteActionVariantsColors(
+      { surface: "#FFBB0A", on: "#FFFFFF" },
+      disabled
+    ),
+    error: options.error ? createPaletteActionVariantsColors(options.error, disabled) : createPaletteActionVariantsColors(
+      { surface: "#EB0000", on: "#FFFFFF" },
+      disabled
+    ),
+    pending: options.pending ? createPaletteActionVariantsColors(options.pending, disabled) : createPaletteActionVariantsColors(
+      { surface: "#7C848D", on: "#FFFFFF" },
+      disabled
+    ),
+    processing: options.processing ? createPaletteActionVariantsColors(options.processing, disabled) : createPaletteActionVariantsColors(
+      { surface: "#FFBB0A", on: "#FFFFFF" },
+      disabled
+    )
   };
 }
 function createPaletteTable(options, disabled) {