@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/{refType-CCckNw0a.js → refType-CedFpkve.js}

@@ -1,4 +1,4 @@
-import { P as e } from "./createTheme-D79OrE1w.js";
+import { P as e } from "./index-CyAhC1RZ.js";
 const p = e.oneOfType([e.func, e.object]);
 export {
   p as r

package/dist/{stackClasses-DqA89FGy.js → stackClasses-BGzeCt42.js}

@@ -1,20 +1,21 @@
-import { P as e, p as O, q as m, t as S, u as V, v as D, c as N, m as E, w as b } from "./createTheme-D79OrE1w.js";
-import { s as F } from "./styled-bJ6DXD3Z.js";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { s as S } from "./styled-fvngWWLy.js";
 import * as f from "react";
-import { c as M } from "./clsx-OuTLNxxd.js";
-import { jsx as R } from "react/jsx-runtime";
-import { s as w } from "./styled-w_4QIfiM.js";
-import { e as B } from "./extendSxProp-BJVEtb89.js";
-import { u as G } from "./useThemeProps-Dll6b3d8.js";
+import { c as V } from "./clsx-OuTLNxxd.js";
+import { jsx as D } from "react/jsx-runtime";
+import { s as N } from "./styled-DKUIcd6R.js";
+import { e as E } from "./extendSxProp-Ch2FDJvf.js";
+import { u as F } from "./useThemeProps-FvXli9RO.js";
+import { p as O, q as m, t as M, u as R, v as w, c as B, m as G, w as b } from "./createTheme-BnGUhbht.js";
 import { c as U } from "./composeClasses-2Ou-RZJr.js";
-import { u as $ } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { g as A } from "./generateUtilityClasses-CwzvHfCm.js";
-const _ = E(), q = w("div", {
+import { u as $ } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { g as A } from "./generateUtilityClasses-njw3KdKN.js";
+const _ = G(), q = N("div", {
   name: "MuiStack",
   slot: "Root"
 });
 function I(o) {
-  return G({
+  return F({
     props: o,
     name: "MuiStack",
     defaultTheme: _
@@ -48,7 +49,7 @@ const z = (o) => ({
     }))
   };
   if (o.spacing) {
-    const a = S(t), i = Object.keys(t.breakpoints.values).reduce((r, n) => ((typeof o.spacing == "object" && o.spacing[n] != null || typeof o.direction == "object" && o.direction[n] != null) && (r[n] = !0), r), {}), s = m({
+    const a = M(t), i = Object.keys(t.breakpoints.values).reduce((r, n) => ((typeof o.spacing == "object" && o.spacing[n] != null || typeof o.direction == "object" && o.direction[n] != null) && (r[n] = !0), r), {}), s = m({
       values: o.direction,
       base: i
     }), l = m({
@@ -60,7 +61,7 @@ const z = (o) => ({
         const u = n > 0 ? s[p[n - 1]] : "column";
         s[r] = u;
       }
-    }), c = V(c, O({
+    }), c = R(c, O({
       theme: t
     }, l, (r, n) => o.useFlexGap ? {
       gap: b(a, r)
@@ -75,7 +76,7 @@ const z = (o) => ({
       }
     }));
   }
-  return c = D(t.breakpoints, c), c;
+  return c = w(t.breakpoints, c), c;
 };
 function J(o = {}) {
   const {
@@ -85,8 +86,8 @@ function J(o = {}) {
     componentName: a = "MuiStack"
   } = o, i = () => U({
     root: ["root"]
-  }, (r) => N(a, r), {}), s = t(H), l = /* @__PURE__ */ f.forwardRef(function(r, n) {
-    const p = c(r), y = B(p), {
+  }, (r) => B(a, r), {}), s = t(H), l = /* @__PURE__ */ f.forwardRef(function(r, n) {
+    const p = c(r), y = E(p), {
       component: u = "div",
       direction: T = "column",
       spacing: k = 0,
@@ -100,11 +101,11 @@ function J(o = {}) {
       spacing: k,
       useFlexGap: j
     }, P = i();
-    return /* @__PURE__ */ R(s, {
+    return /* @__PURE__ */ D(s, {
       as: u,
       ownerState: C,
       ref: n,
-      className: M(P.root, h),
+      className: V(P.root, h),
       ...x,
       children: v ? L(g, v) : g
     });
@@ -118,7 +119,7 @@ function J(o = {}) {
   }), l;
 }
 const K = J({
-  createStyledComponent: F("div", {
+  createStyledComponent: S("div", {
     name: "MuiStack",
     slot: "Root"
   }),
@@ -171,8 +172,8 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
    */
   useFlexGap: e.bool
 });
-const te = A("MuiStack", ["root"]);
+const ce = A("MuiStack", ["root"]);
 export {
   K as S,
-  te as s
+  ce as s
 };

package/dist/styled-DKUIcd6R.js

@@ -0,0 +1,5 @@
+import { c as t } from "./styled-fvngWWLy.js";
+const s = t();
+export {
+  s
+};

package/dist/{styled-bJ6DXD3Z.js → styled-fvngWWLy.js}

@@ -1,6 +1,6 @@
-import { d as N } from "./defaultTheme-BmQF15Jm.js";
+import { d as N } from "./defaultTheme-B960IsQ-.js";
 import { i as S, f as q, s as G, T as J } from "./index-YQi4Xs-t.js";
-import { r as E, m as Q, s as L, i as U, j as X } from "./createTheme-D79OrE1w.js";
+import { r as E, m as Q, s as L, i as U, j as X } from "./createTheme-BnGUhbht.js";
 function k(e, n = "") {
   return e.displayName || e.name || n;
 }

package/dist/theme/colorSchemes.js

@@ -39,7 +39,7 @@ const o = {
       background: {
         default: "#ffffff",
         paper: "#ffffff",
-        surface: "rgba(239, 238, 239, 0.4)"
+        surface: "#f8f8f8"
       },
       action: {
         active: "rgba(15, 19, 28, 0.54)",

package/dist/theme/index.js

@@ -1,13 +1,14 @@
-import { P as c, C as u } from "../createTheme-D79OrE1w.js";
-import { a as v, d as M, e as E, g as j, b as $, l as w } from "../createTheme-D79OrE1w.js";
-import { s as T } from "../styled-bJ6DXD3Z.js";
-import * as h from "react";
-import { C as m, c as d, S as l } from "../index-YQi4Xs-t.js";
-import { jsx as y } from "react/jsx-runtime";
-import { u as A } from "../useTheme-BB-P11R3.js";
-import { u as L } from "../index-D7UP9u8i.js";
-import { u as z } from "../ThemeProviderWithVars-bg3WT8UX.js";
-const p = /* @__PURE__ */ new Map(), f = (t, o) => {
+import { C as m } from "../createTheme-BnGUhbht.js";
+import { a as M, d as E, e as j, g as $, b as w, l as N } from "../createTheme-BnGUhbht.js";
+import { s as q } from "../styled-fvngWWLy.js";
+import * as u from "react";
+import { P as c } from "../index-CyAhC1RZ.js";
+import { C as h, c as d, S as l } from "../index-YQi4Xs-t.js";
+import { jsx as f } from "react/jsx-runtime";
+import { u as D } from "../useTheme-CbsaMxqD.js";
+import { u as R } from "../index-JqwbD7Nb.js";
+import { u as F } from "../ThemeProviderWithVars-Cd9Vwf-U.js";
+const p = /* @__PURE__ */ new Map(), y = (t, o) => {
   const e = d(t);
   return e.sheet = new o({
     key: e.key,
@@ -31,7 +32,7 @@ function C(t, o) {
         return this.key && this.key.endsWith("global") && (this.before = r), super.insert(n, a);
       }
     }
-    const s = f({
+    const s = y({
       key: "css",
       insertionPoint: t ? r : void 0
     }, e);
@@ -47,14 +48,14 @@ function b(t) {
     injectFirst: o,
     enableCssLayer: e,
     children: s
-  } = t, i = h.useMemo(() => {
+  } = t, i = u.useMemo(() => {
     const n = `${o}-${e}`;
     if (typeof document == "object" && p.has(n))
       return p.get(n);
     const a = C(o, e);
     return p.set(n, a), a;
   }, [o, e]);
-  return i ? /* @__PURE__ */ y(m, {
+  return i ? /* @__PURE__ */ f(h, {
     value: i,
     children: s
   }) : s;
@@ -76,19 +77,19 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    */
   injectFirst: c.bool
 });
-u.configure(
+m.configure(
   (t) => t.replace("Mui", "Drywall")
 );
 export {
   b as StyledEngineProvider,
-  v as alpha,
-  M as darken,
-  E as emphasize,
-  j as getContrastRatio,
-  $ as getLuminance,
-  w as lighten,
-  T as styled,
-  z as useColorScheme,
-  L as useMediaQuery,
-  A as useTheme
+  M as alpha,
+  E as darken,
+  j as emphasize,
+  $ as getContrastRatio,
+  w as getLuminance,
+  N as lighten,
+  q as styled,
+  F as useColorScheme,
+  R as useMediaQuery,
+  D as useTheme
 };

package/dist/theme/internal.js

@@ -1,7 +1,7 @@
 import { colorSchemes as o } from "./colorSchemes.js";
 import { components as r } from "./components.js";
 import { typography as e } from "./typography.js";
-import { f as m } from "../createTheme-D79OrE1w.js";
+import { f as m } from "../createTheme-BnGUhbht.js";
 const l = m({
   colorSchemes: o,
   components: r,

package/dist/{useTheme-BB-P11R3.js → useTheme-CbsaMxqD.js}

@@ -1,7 +1,7 @@
 import * as o from "react";
-import { d as r } from "./defaultTheme-BmQF15Jm.js";
+import { d as r } from "./defaultTheme-B960IsQ-.js";
 import { T as m } from "./index-YQi4Xs-t.js";
-import { u as t } from "./useTheme-DTBpB7d-.js";
+import { u as t } from "./useTheme-Cz5y14_g.js";
 function f() {
   const e = t(r);
   return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[m] || e;

package/dist/{useTheme-DTBpB7d-.js → useTheme-Cz5y14_g.js}

@@ -1,4 +1,4 @@
-import { m as n } from "./createTheme-D79OrE1w.js";
+import { m as n } from "./createTheme-BnGUhbht.js";
 import * as m from "react";
 import { a as o } from "./index-YQi4Xs-t.js";
 function r(e) {

package/dist/{useThemeProps-Dll6b3d8.js → useThemeProps-FvXli9RO.js}

@@ -1,5 +1,5 @@
-import { g as t } from "./getThemeProps-DT8XKnCO.js";
-import { u } from "./useTheme-DTBpB7d-.js";
+import { g as t } from "./getThemeProps-EVOScHVn.js";
+import { u } from "./useTheme-Cz5y14_g.js";
 function i({
   props: o,
   name: m,

package/dist/{utils-OCLAA0Ck.js → utils-CAuCuXQr.js}

@@ -1,5 +1,5 @@
 import { _ as D, a as C, T as S } from "./TransitionGroupContext-DbLioz_6.js";
-import { P as n } from "./createTheme-D79OrE1w.js";
+import { P as n } from "./index-CyAhC1RZ.js";
 import v from "react";
 import b from "react-dom";
 const N = {

package/package.json

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