@clearstory/drywall-react 3.7.2 → 3.7.4

package/dist/{Autocomplete-CRQVPnGm.js → Autocomplete-sKm5nu7E.js}

@@ -1758,7 +1758,7 @@ function bo(n, p) {
                 width: "auto"
               },
               ".DrywallAutocomplete-tag": {
-                margin: 0.5
+                margin: 0.25
               }
             }
           }

package/dist/{SelectControl-DoTezauO.js → SelectControl-B3SzVaOs.js}

@@ -7,7 +7,7 @@ import "./icons/MoneyBucketIcon.js";
 import "./icons/MoreCircleOutlineIcon.js";
 import { I as fe } from "./Info-CULapxL8.js";
 import "./theme/index.js";
-import { A as He } from "./Autocomplete-CRQVPnGm.js";
+import { A as He } from "./Autocomplete-sKm5nu7E.js";
 import { D as ze } from "./Datepicker-D43mv2t3.js";
 import "./components/DescriptionDetails/DescriptionDetails.js";
 import "./components/DescriptionList/DescriptionList.js";

package/dist/components/Autocomplete/Autocomplete.js

@@ -6,7 +6,7 @@ import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Clear-CQi-XSTk.js";
-import { A as l, A as s } from "../../Autocomplete-CRQVPnGm.js";
+import { A as l, A as s } from "../../Autocomplete-sKm5nu7E.js";
 export {
   l as Autocomplete,
   s as default

package/dist/components/Autocomplete/index.js

@@ -1,4 +1,4 @@
-import { A as a, a as s, c as o, A as l, g as c } from "../../Autocomplete-CRQVPnGm.js";
+import { A as a, a as s, c as o, A as l, g as c } from "../../Autocomplete-sKm5nu7E.js";
 export {
   a as Autocomplete,
   s as autocompleteClasses,

package/dist/components/AutocompleteControl/AutocompleteControl.js

@@ -7,8 +7,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { A as B } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { A as B } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/AutocompleteControl/index.js

@@ -1,4 +1,4 @@
-import { A as e } from "../../SelectControl-DoTezauO.js";
+import { A as e } from "../../SelectControl-B3SzVaOs.js";
 export {
   e as AutocompleteControl
 };

package/dist/components/Button/Button.theme.js

@@ -1,10 +1,10 @@
-const n = {
+const i = {
   defaultProps: {
     size: "small"
   },
   styleOverrides: {
-    root: ({ ownerState: r, theme: o }) => {
-      const a = r.color !== "inherit" && r.color || "primary", l = o.vars?.palette[a]?.light;
+    root: ({ ownerState: a, theme: o }) => {
+      const r = a.color !== "inherit" && a.color || "primary", l = o.vars?.palette[r]?.light;
       return {
         textTransform: "none",
         transition: [
@@ -19,21 +19,21 @@ const n = {
           outlineWidth: "2px"
         },
         "&:active": {
-          backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
+          backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
         },
         // Soft variant styles
-        ...r.variant === "soft" && {
-          backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.12)`,
-          color: o.vars?.palette[a]?.dark,
+        ...a.variant === "soft" && {
+          backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.12)`,
+          color: o.vars?.palette[r]?.dark,
           border: "none",
           "&:hover": {
-            backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.16)`
+            backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.16)`
           },
           "&:focus": {
-            backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.16)`
+            backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.16)`
           },
           "&:active": {
-            backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.20)`
+            backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.20)`
           },
           "&.Mui-disabled": {
             backgroundColor: `oklch(from ${o.vars?.palette.action.disabledBackground} l c h / 0.08)`,
@@ -42,20 +42,38 @@ const n = {
         }
       };
     },
-    contained: ({ ownerState: r, theme: o }) => {
-      const a = r.color !== "inherit" && r.color || "primary";
+    contained: ({ ownerState: a, theme: o }) => {
+      const r = a.color !== "inherit" && a.color || "primary";
       return {
         boxShadow: "none",
         "&:hover": {
           boxShadow: "none"
         },
         "&:active": {
-          backgroundColor: `oklch(from ${o.vars?.palette[a]?.dark} calc(l - 0.1) c h)`
+          backgroundColor: `oklch(from ${o.vars?.palette[r]?.dark} calc(l - 0.1) c h)`
         }
       };
     }
   },
   variants: [
+    {
+      props: { size: "small" },
+      style: {
+        lineHeight: "1.375rem"
+      }
+    },
+    {
+      props: { size: "medium" },
+      style: {
+        lineHeight: "1.5rem"
+      }
+    },
+    {
+      props: { size: "large" },
+      style: {
+        lineHeight: "1.5rem"
+      }
+    },
     {
       props: { size: "small", variant: "contained" },
       style: {
@@ -77,5 +95,5 @@ const n = {
   ]
 };
 export {
-  n as MuiButton
+  i as MuiButton
 };

package/dist/components/Chip/Chip.theme.js

@@ -14,6 +14,12 @@ const c = {
         "&:active": {
           backgroundColor: `oklch(from ${o.vars?.palette[l]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
         },
+        // Small size delete icon styling
+        ...a.size === "small" && {
+          "& .DrywallChip-deleteIcon": {
+            fontSize: "1.25rem"
+          }
+        },
         // Soft variant styles
         ...a.variant === "soft" && {
           backgroundColor: `oklch(from ${o.vars?.palette[l]?.main} l c h / 0.12)`,
@@ -41,7 +47,15 @@ const c = {
         }
       };
     }
-  }
+  },
+  variants: [
+    {
+      props: { size: "small" },
+      style: {
+        height: "20px"
+      }
+    }
+  ]
 };
 export {
   c as MuiChip

package/dist/components/DatepickerControl/DatepickerControl.js

@@ -7,8 +7,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { D as A } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { D as A } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/DatepickerControl/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../SelectControl-DoTezauO.js";
+import { D as e } from "../../SelectControl-B3SzVaOs.js";
 export {
   e as DatepickerControl
 };

package/dist/components/DialogClose/DialogClose.js

@@ -6,8 +6,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import { C as i } from "../../Close-BQl12sEw.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/FormSublabel/FormSublabel.js

@@ -4,8 +4,8 @@ import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { F as q } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { F as q } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/FormSublabel/index.js

@@ -1,4 +1,4 @@
-import { F as a } from "../../SelectControl-DoTezauO.js";
+import { F as a } from "../../SelectControl-B3SzVaOs.js";
 export {
   a as FormSublabel
 };

package/dist/components/Input/Input.theme.js

@@ -37,7 +37,7 @@ const l = {
       fontSize: r.size === "medium" ? "1rem" : "0.875rem",
       height: "auto",
       lineHeight: r.size === "medium" ? "24px" : "20px",
-      padding: r.size === "medium" ? "6px 12px" : "6px 10px"
+      padding: r.size === "medium" ? "6px 12px" : "5px 10px"
     }),
     adornedStart: () => ({
       paddingLeft: "8px"

package/dist/components/InputControl/InputControl.js

@@ -7,8 +7,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { I as A } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { I as A } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/InputControl/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "../../SelectControl-DoTezauO.js";
+import { I as t } from "../../SelectControl-B3SzVaOs.js";
 export {
   t as InputControl
 };

package/dist/components/NumberInput/NumberInput.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
 import "react";
-import { N as j, N as k } from "../../SelectControl-DoTezauO.js";
+import { N as j, N as k } from "../../SelectControl-B3SzVaOs.js";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
+import "../../Autocomplete-sKm5nu7E.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/NumberInput/index.js

@@ -1,4 +1,4 @@
-import { N as m } from "../../SelectControl-DoTezauO.js";
+import { N as m } from "../../SelectControl-B3SzVaOs.js";
 export {
   m as NumberInput
 };

package/dist/components/NumberInputControl/NumberInputControl.js

@@ -7,8 +7,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { a as z } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { a as z } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/NumberInputControl/index.js

@@ -1,4 +1,4 @@
-import { a as t } from "../../SelectControl-DoTezauO.js";
+import { a as t } from "../../SelectControl-B3SzVaOs.js";
 export {
   t as NumberInputControl
 };

package/dist/components/SelectControl/SelectControl.js

@@ -7,8 +7,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../Info-CULapxL8.js";
 import "../../theme/index.js";
-import "../../Autocomplete-CRQVPnGm.js";
-import { S as A } from "../../SelectControl-DoTezauO.js";
+import "../../Autocomplete-sKm5nu7E.js";
+import { S as A } from "../../SelectControl-B3SzVaOs.js";
 import "../../Datepicker-D43mv2t3.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";

package/dist/components/SelectControl/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../SelectControl-DoTezauO.js";
+import { S as r } from "../../SelectControl-B3SzVaOs.js";
 export {
   r as SelectControl
 };

package/dist/main.js

@@ -9,8 +9,8 @@ import { C as Ua, E as Aa, I as Ta, W as Sa } from "./WarningAmberOutlined-DEuXz
 import { C as Da } from "./Close-BQl12sEw.js";
 import { I as ha } from "./Info-CULapxL8.js";
 import { StyledEngineProvider as Pa } from "./theme/index.js";
-import { A as Fa, a as va, c as Oa, g as Ma } from "./Autocomplete-CRQVPnGm.js";
-import { A as Ga, D as Ha, F as Ea, I as Na, N as Va, a as Ka, S as za } from "./SelectControl-DoTezauO.js";
+import { A as Fa, a as va, c as Oa, g as Ma } from "./Autocomplete-sKm5nu7E.js";
+import { A as Ga, D as Ha, F as Ea, I as Na, N as Va, a as Ka, S as za } from "./SelectControl-B3SzVaOs.js";
 import { c as Za, a as ja, b as Qa, D as qa, L as Ja, M as Xa, P as Ya, e as _a, d as $a, f as st, g as at, j as tt, i as ot, p as et, h as rt } from "./Datepicker-D43mv2t3.js";
 import { DescriptionDetails as it } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as Ct } from "./components/DescriptionList/DescriptionList.js";

package/package.json

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