@clearstory/drywall-react 4.0.0 → 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: {
@@ -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.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",