@clearstory/drywall-react 4.0.0 → 4.1.1

package/dist/{AdapterDayjs-DCXcQl7P.js → AdapterDayjs-CiOMIAvk.js}

@@ -1,6 +1,6 @@
 import { _ as gt } from "./ButtonBase-D2KI3JHl.js";
 import { g as Q } from "./index-CyAhC1RZ.js";
-import { w as Dt } from "./Datepicker-D43mv2t3.js";
+import { w as Dt } from "./Datepicker-ohrh8fVt.js";
 var tt = { exports: {} }, $t = tt.exports, ht;
 function Tt() {
   return ht || (ht = 1, (function(W, t) {

package/dist/{Datepicker-D43mv2t3.js → Datepicker-ohrh8fVt.js}

@@ -10461,7 +10461,7 @@ const dc = H("div", {
   flexGrow: 1,
   fontSize: "0.875rem",
   lineHeight: "20px",
-  padding: "6px 10px",
+  padding: "5px 10px",
   whiteSpace: "nowrap",
   color: n ? e.vars?.palette.text.disabled : void 0
 })), fr = ao(
@@ -10533,7 +10533,7 @@ const dc = H("div", {
               disabled: !!m || !!P,
               onClick: y,
               onMouseDown: (V) => V.preventDefault(),
-              sx: { marginLeft: 1 },
+              sx: { marginLeft: 1, padding: "5px" },
               tabIndex: -1,
               children: /* @__PURE__ */ w(Wo, {})
             }
@@ -10547,7 +10547,7 @@ const dc = H("div", {
               disabled: !!m || !!P,
               onClick: () => L.setOpen((V) => !V),
               onMouseDown: (V) => V.preventDefault(),
-              sx: { marginLeft: 1 },
+              sx: { marginLeft: 1, padding: "5px" },
               tabIndex: -1,
               children: /* @__PURE__ */ w(_o, {})
             }

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

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

package/dist/components/AutocompleteControl/AutocompleteControl.js

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

package/dist/components/AutocompleteControl/index.js

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

package/dist/components/Datepicker/Datepicker.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as e, D } from "../../Datepicker-D43mv2t3.js";
+import { D as e, D } from "../../Datepicker-ohrh8fVt.js";
 import "../../styled-D8CtiDxW.js";
 import "../../useForkRef-9kN4DArm.js";
 import "../../IconButton-TpdTqzbL.js";

package/dist/components/Datepicker/index.js

@@ -1,5 +1,5 @@
-import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-D43mv2t3.js";
-import { A as b } from "../../AdapterDayjs-DCXcQl7P.js";
+import { c as e, a as r, b as i, D as t, L as l, M as o, P as d, e as C, d as c, f as D, D as k, g as n, j as p, i as P, p as y, h as f } from "../../Datepicker-ohrh8fVt.js";
+import { A as b } from "../../AdapterDayjs-CiOMIAvk.js";
 export {
   b as AdapterDayjs,
   e as DateCalendar,

package/dist/components/DatepickerControl/DatepickerControl.js

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

package/dist/components/DatepickerControl/index.js

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

package/dist/components/DialogClose/DialogClose.js

@@ -7,8 +7,8 @@ import "../../icons/MoreCircleOutlineIcon.js";
 import { C as i } from "../../Close-BQl12sEw.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import "../../SelectControl-B3SzVaOs.js";
-import "../../Datepicker-D43mv2t3.js";
+import "../../SelectControl-KPSefyi3.js";
+import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";
 import "../DescriptionList/DescriptionListContext.js";

package/dist/components/FormSublabel/FormSublabel.js

@@ -5,8 +5,8 @@ import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
 import "../../theme/index.js";
 import "../../Autocomplete-sKm5nu7E.js";
-import { F as q } from "../../SelectControl-B3SzVaOs.js";
-import "../../Datepicker-D43mv2t3.js";
+import { F as q } from "../../SelectControl-KPSefyi3.js";
+import "../../Datepicker-ohrh8fVt.js";
 import "../DescriptionDetails/DescriptionDetails.js";
 import "../DescriptionList/DescriptionList.js";
 import "../DescriptionList/DescriptionListContext.js";

package/dist/components/FormSublabel/index.js

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

package/dist/components/InputControl/InputControl.d.ts

@@ -1,7 +1,7 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { InputProps, FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps } from '../../main';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-interface InputControlProps extends Omit<InputProps, "ref"> {
+export interface InputControlProps extends Omit<InputProps, "ref"> {
     helperText?: ReactNode;
     label: ReactNode;
     slotProps?: {

package/dist/components/InputControl/InputControl.js

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

package/dist/components/InputControl/index.js

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

package/dist/components/NumberInput/NumberInput.js

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

package/dist/components/NumberInput/index.js

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

package/dist/components/NumberInputControl/NumberInputControl.d.ts

@@ -1,7 +1,7 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { NumberInputProps, FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps } from '../../main';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-interface NumberInputControlProps extends Omit<NumberInputProps, "ref"> {
+export interface NumberInputControlProps extends Omit<NumberInputProps, "ref"> {
     helperText?: ReactNode;
     label: ReactNode;
     required?: boolean;

package/dist/components/NumberInputControl/NumberInputControl.js

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

package/dist/components/NumberInputControl/index.js

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

package/dist/components/SelectControl/SelectControl.d.ts

@@ -1,7 +1,7 @@
 import { DOMAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { SelectProps, FormControlProps, FormLabelProps, FormHelperTextProps, FormSublabelProps } from '../../main';
 type DOMEventHandlers = keyof DOMAttributes<HTMLElement>;
-interface SelectControlProps extends Omit<SelectProps, "ref"> {
+export interface SelectControlProps extends Omit<SelectProps, "ref"> {
     helperText?: ReactNode;
     label: ReactNode;
     slotProps?: {

package/dist/components/SelectControl/SelectControl.js

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

package/dist/components/SelectControl/index.js

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

package/dist/main.js

@@ -10,8 +10,8 @@ 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-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 { A as Ga, D as Ha, F as Ea, I as Na, N as Va, a as Ka, S as za } from "./SelectControl-KPSefyi3.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-ohrh8fVt.js";
 import { DescriptionDetails as it } from "./components/DescriptionDetails/DescriptionDetails.js";
 import { DescriptionList as Ct } from "./components/DescriptionList/DescriptionList.js";
 import { useDescriptionListContext as pt } from "./components/DescriptionList/DescriptionListContext.js";
@@ -129,7 +129,7 @@ import { Z as DC } from "./Zoom-DWJxiZNB.js";
 import { a as hC, d as kC, e as PC, g as wC, b as FC, l as vC } from "./createTheme-B1FDFl52.js";
 import { u as MC } from "./ThemeProviderWithVars-Dkq81Wx8.js";
 import { C as GC } from "./ClickAwayListener-BhNP8Zmy.js";
-import { A as EC } from "./AdapterDayjs-DCXcQl7P.js";
+import { A as EC } from "./AdapterDayjs-CiOMIAvk.js";
 export {
   g as AccessTimeIcon,
   Mt as Accordion,

package/dist/theme/colorSchemes.js

@@ -1,9 +1,11 @@
-import { dimGray as r, honoluluBlue as i, indiaGreen as a } from "./colors.js";
+import { gray as r, honoluluBlue as i, indiaGreen as a } from "./colors.js";
 import { o as d, r as e } from "../orange-DJwLWzIS.js";
-const o = {
+const g = {
   light: {
     palette: {
       common: {
+        ai: "#cb02cc",
+        black: "#0f131c",
         brand: "#02cd0d"
       },
       primary: {
@@ -40,7 +42,8 @@ const o = {
       background: {
         default: r[50],
         paper: "#ffffff",
-        surface: "#f8f8f8"
+        surface: "#f6f8f9"
+        // halfway between white and gray[50]
       },
       action: {
         active: "rgba(15, 19, 28, 0.54)",
@@ -61,6 +64,8 @@ const o = {
   dark: {
     palette: {
       common: {
+        ai: "#cb02cc",
+        black: "#0f131c",
         brand: "#02cd0d"
       },
       primary: {
@@ -97,11 +102,12 @@ const o = {
       background: {
         default: r[800],
         paper: r[900],
-        surface: "#222222"
+        surface: "#1d2527"
+        // halfway between gray[800] and gray[900]
       }
     }
   }
 };
 export {
-  o as colorSchemes
+  g as colorSchemes
 };

package/dist/theme/colors.d.ts

@@ -23,7 +23,7 @@ export declare const honoluluBlue: {
     800: string;
     900: string;
 };
-export declare const dimGray: {
+export declare const gray: {
     50: string;
     100: string;
     200: string;

package/dist/theme/colors.js

@@ -1,5 +1,5 @@
-import { o, r } from "../orange-DJwLWzIS.js";
-const a = {
+import { o, r as c } from "../orange-DJwLWzIS.js";
+const e = {
   50: "#d6eed2",
   100: "#b6e0a8",
   200: "#8fcc7a",
@@ -10,33 +10,33 @@ const a = {
   700: "#23610e",
   800: "#1f4d0f",
   900: "#123b0b"
-}, e = {
-  50: "#cae4ed",
-  100: "#92c6e0",
-  200: "#57add9",
-  300: "#2b96d9",
-  400: "#0083d4",
-  500: "#0073ba",
-  600: "#0062a1",
-  700: "#005380",
-  800: "#00425e",
+}, a = {
+  50: "#d7e7f5",
+  100: "#b2d6ed",
+  200: "#82b8d9",
+  300: "#4a8fba",
+  400: "#2275ab",
+  500: "#0062a1",
+  600: "#005380",
+  700: "#004266",
+  800: "#003852",
   900: "#103442"
 }, d = {
-  50: "#efeeef",
-  100: "#dbd9da",
-  200: "#c2c0c1",
-  300: "#a8a7a7",
-  400: "#8e8d8d",
-  500: "#757474",
-  600: "#5c5b5b",
-  700: "#424242",
-  800: "#292929",
-  900: "#1a1a1a"
+  50: "#edf1f2",
+  100: "#dfe4e5",
+  200: "#c6cbcc",
+  300: "#adb1b2",
+  400: "#919799",
+  500: "#737d80",
+  600: "#576366",
+  700: "#3d494d",
+  800: "#263033",
+  900: "#14191a"
 };
 export {
-  d as dimGray,
-  e as honoluluBlue,
-  a as indiaGreen,
+  d as gray,
+  a as honoluluBlue,
+  e as indiaGreen,
   o as orange,
-  r as red
+  c as red
 };

package/dist/theme/index.d.ts

@@ -2,6 +2,7 @@ export { alpha, type CSSObject, darken, emphasize, getContrastRatio, getLuminanc
 export { useMediaQuery } from '@mui/material';
 declare module "@mui/material/styles" {
     interface CommonColors {
+        ai: string;
         brand: string;
     }
     interface TypeBackground {

package/dist/theme/typography.js

@@ -4,7 +4,7 @@ const t = {
     textTransform: "none"
   },
   h1: {
-    fontSize: "2.25rem",
+    fontSize: "2.125rem",
     fontWeight: 900
   },
   h2: {
@@ -12,21 +12,23 @@ const t = {
     fontWeight: 900
   },
   h3: {
-    fontSize: "1.5rem",
+    fontSize: "1.625rem",
     fontWeight: 700
   },
   h4: {
-    fontSize: "1.25rem",
+    fontSize: "1.375rem",
     fontWeight: 700
   },
   h5: {
-    fontSize: "1.125rem",
+    fontSize: "1.25rem",
     fontWeight: 500
   },
   h6: {
-    fontSize: "1rem",
+    fontSize: "1.125rem",
     fontWeight: 500
-  }
+  },
+  subtitle1: { fontWeight: 500 },
+  subtitle2: { fontWeight: 500 }
 };
 export {
   t as typography

package/package.json

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