@clearstory/drywall-react 8.0.6 → 8.1.1

package/dist/components/DescriptionDetails/DescriptionDetails.d.ts

@@ -1,4 +1,6 @@
 import { TypographyProps } from '../Typography';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export type DescriptionDetailsProps = Omit<TypographyProps, "component">;
+export type DescriptionDetailsProps = Omit<TypographyProps, "component" | "variant"> & {
+    variant?: "standard" | "outlined";
+};
 export declare const DescriptionDetails: ForwardRefExoticComponent<Omit<DescriptionDetailsProps, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/DescriptionDetails/DescriptionDetails.js

@@ -1,22 +1,26 @@
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { useDescriptionListContext as s } from "../DescriptionList/DescriptionListContext.js";
-import { T as a } from "../../Typography-DbGuUYt_.js";
-const c = p(({ variant: t = "body2", sx: r, ...i }, n) => {
-  const o = s()?.spacing;
+import { forwardRef as s } from "react";
+import { useDescriptionListContext as d } from "../DescriptionList/DescriptionListContext.js";
+import { T as p } from "../../Typography-DbGuUYt_.js";
+const c = s(({ variant: i = "standard", sx: r, ...a }, n) => {
+  const o = d()?.spacing;
   return /* @__PURE__ */ e(
-    a,
+    p,
     {
       component: "dd",
-      variant: t,
+      variant: "body2",
       ref: n,
-      ...i,
+      ...a,
       sx: [
         {
           border: "1px solid transparent",
           lineHeight: "1.25rem",
           padding: "5px 10px"
         },
+        i === "outlined" && ((t) => ({
+          borderColor: `color-mix(in srgb, ${t.vars?.palette.divider} 25%, transparent)`,
+          borderRadius: t.shape.borderRadius + "px"
+        })),
         o && {
           marginBlockEnd: o,
           "&:last-child": {

package/dist/components/TableCell/TableCell.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const MuiTableCell: Partial<Components<Theme>["MuiTableCell"]>;

package/dist/components/TableCell/TableCell.theme.js

@@ -0,0 +1,10 @@
+const r = {
+  styleOverrides: {
+    root: ({ theme: e }) => ({
+      borderColor: e.vars?.palette.divider
+    })
+  }
+};
+export {
+  r as MuiTableCell
+};

package/dist/theme/components.js

@@ -14,18 +14,19 @@ import { MuiFormLabel as a } from "../components/FormLabel/FormLabel.theme.js";
 import { MuiIconButton as c } from "../components/IconButton/IconButton.theme.js";
 import { MuiInputAdornment as B } from "../components/InputAdornment/InputAdornment.theme.js";
 import { MuiInputBase as s } from "../components/Input/Input.theme.js";
-import { MuiLink as g } from "../components/Link/Link.theme.js";
-import { MuiList as C } from "../components/List/List.theme.js";
-import { MuiListItemButton as I } from "../components/ListItemButton/ListItemButton.theme.js";
-import { MuiMenuItem as L } from "../components/MenuItem/MenuItem.theme.js";
-import { MuiPaper as T } from "../components/Paper/Paper.theme.js";
-import { MuiRadio as b } from "../components/Radio/Radio.theme.js";
+import { MuiLink as C } from "../components/Link/Link.theme.js";
+import { MuiList as T } from "../components/List/List.theme.js";
+import { MuiListItemButton as b } from "../components/ListItemButton/ListItemButton.theme.js";
+import { MuiMenuItem as g } from "../components/MenuItem/MenuItem.theme.js";
+import { MuiPaper as I } from "../components/Paper/Paper.theme.js";
+import { MuiRadio as L } from "../components/Radio/Radio.theme.js";
 import { MuiSelect as d } from "../components/Select/Select.theme.js";
 import { MuiSwitch as F } from "../components/Switch/Switch.theme.js";
 import { MuiTab as h } from "../components/Tab/Tab.theme.js";
-import { MuiToggleButton as x } from "../components/ToggleButton/ToggleButton.theme.js";
-import { MuiToggleButtonGroup as A } from "../components/ToggleButtonGroup/ToggleButtonGroup.theme.js";
-const oo = {
+import { MuiTableCell as x } from "../components/TableCell/TableCell.theme.js";
+import { MuiToggleButton as A } from "../components/ToggleButton/ToggleButton.theme.js";
+import { MuiToggleButtonGroup as S } from "../components/ToggleButtonGroup/ToggleButtonGroup.theme.js";
+const mo = {
   MuiAccordionSummary: o,
   MuiAutocomplete: r,
   MuiButton: m,
@@ -41,19 +42,20 @@ const oo = {
   MuiIconButton: c,
   MuiInputAdornment: B,
   MuiInputBase: s,
-  MuiLink: g,
-  MuiList: C,
-  MuiListItemButton: I,
-  MuiMenuItem: L,
+  MuiLink: C,
+  MuiList: T,
+  MuiListItemButton: b,
+  MuiMenuItem: g,
   MuiFormLabel: a,
-  MuiPaper: T,
-  MuiRadio: b,
+  MuiPaper: I,
+  MuiRadio: L,
   MuiSelect: d,
   MuiSwitch: F,
   MuiTab: h,
-  MuiToggleButton: x,
-  MuiToggleButtonGroup: A
+  MuiTableCell: x,
+  MuiToggleButton: A,
+  MuiToggleButtonGroup: S
 };
 export {
-  oo as components
+  mo as components
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "8.0.6",
+  "version": "8.1.1",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",