@clearstory/drywall-react 3.7.4 → 4.1.0

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: {
@@ -38,9 +40,10 @@ const o = {
       },
       grey: r,
       background: {
-        default: "#ffffff",
+        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: {
@@ -96,12 +101,13 @@ const o = {
       grey: r,
       background: {
         default: r[800],
-        paper: r[800],
-        surface: r[900]
+        paper: r[900],
+        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": "3.7.4",
+  "version": "4.1.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",
@@ -36,10 +36,10 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",
     "@eslint/js": "^9.29.0",
-    "@storybook/addon-a11y": "^9.0.15",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-vitest": "^9.0.15",
-    "@storybook/react-vite": "^9.0.15",
+    "@storybook/addon-a11y": "^10.0.5",
+    "@storybook/addon-docs": "^10.0.5",
+    "@storybook/addon-vitest": "^10.0.5",
+    "@storybook/react-vite": "^10.0.5",
     "@types/node": "^22.16.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
@@ -52,7 +52,7 @@
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^9.0.15",
+    "eslint-plugin-storybook": "^10.0.5",
     "glob": "^11.0.3",
     "globals": "^16.2.0",
     "markdown-to-jsx": "^7.7.13",
@@ -61,7 +61,7 @@
     "react-error-boundary": "^6.0.0",
     "react-hook-form": "^7.62.0",
     "react-router": "^7.9.4",
-    "storybook": "^9.0.15",
+    "storybook": "^10.0.5",
     "typescript": "~5.9.2",
     "typescript-eslint": "^8.34.1",
     "vite": "^7.0.0",