@solostylist/ui-kit 1.0.197 → 1.0.200

package/dist/theme/customizations/data-display.js

@@ -9,28 +9,28 @@ const r = (o) => ({
   padding: "0.5rem 1rem",
   borderRadius: 0,
   whiteSpace: "nowrap",
-  color: (o.vars || o).palette.text.secondary,
+  color: (o.vars ?? o).palette.text.secondary,
   [`& .${t.root}`]: {
-    color: (o.vars || o).palette.text.secondary
+    color: (o.vars ?? o).palette.text.secondary
   },
   "&.Mui-selected": {
-    backgroundColor: (o.vars || o).palette.action.selected,
-    color: (o.vars || o).palette.text.primary,
+    backgroundColor: (o.vars ?? o).palette.action.selected,
+    color: (o.vars ?? o).palette.text.primary,
     [`& .${t.root}`]: {
-      color: (o.vars || o).palette.text.primary
+      color: (o.vars ?? o).palette.text.primary
     },
     "&:focus-visible": {
-      backgroundColor: (o.vars || o).palette.action.selected
+      backgroundColor: (o.vars ?? o).palette.action.selected
     },
     "&:hover": {
-      backgroundColor: (o.vars || o).palette.action.selected
+      backgroundColor: (o.vars ?? o).palette.action.selected
     }
   },
   "&:hover:not(.Mui-selected)": {
-    backgroundColor: (o.vars || o).palette.action.hover,
-    color: (o.vars || o).palette.text.primary,
+    backgroundColor: (o.vars ?? o).palette.action.hover,
+    color: (o.vars ?? o).palette.text.primary,
     [`& .${t.root}`]: {
-      color: (o.vars || o).palette.text.primary
+      color: (o.vars ?? o).palette.text.primary
     }
   },
   "&:focus-visible": {
@@ -40,7 +40,7 @@ const r = (o) => ({
   MuiTableCell: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        borderColor: (o.vars || o).palette.divider
+        borderColor: (o.vars ?? o).palette.divider
       })
     }
   },
@@ -58,7 +58,7 @@ const r = (o) => ({
     styleOverrides: {
       root: ({ theme: o }) => ({
         [`& .${t.root}`]: {
-          color: (o.vars || o).palette.text.secondary
+          color: (o.vars ?? o).palette.text.secondary
         },
         [`& .${e.root}`]: {
           fontWeight: 500

package/dist/theme/customizations/feedback.js

@@ -6,8 +6,8 @@ const i = {
         "& .MuiDialog-paper": {
           borderRadius: "10px",
           border: "1px solid",
-          borderColor: (o.vars || o).palette.divider,
-          backgroundColor: (o.vars || o).palette.background.paper,
+          borderColor: (o.vars ?? o).palette.divider,
+          backgroundColor: (o.vars ?? o).palette.background.paper,
           backgroundImage: "none",
           boxShadow: "none"
         }

package/dist/theme/customizations/inputs.js

@@ -1,9 +1,9 @@
 import { j as i } from "../../jsx-runtime-tc70JA_2.js";
-import { c as d } from "../../createSvgIcon-DTNHY3_v.js";
+import { c as d } from "../../createSvgIcon-BkbeLOhM.js";
 import { brand as e, gray as t } from "../theme-primitives.js";
 import { o as n } from "../../outlinedInputClasses-DnwW3ujt.js";
 import { g as l } from "../../generateUtilityClasses-E9gROIFd.js";
-import { a as r } from "../../createTheme-CIXJrNxb.js";
+import { a as r } from "../../createTheme-DgoJyWM-.js";
 const p = d(/* @__PURE__ */ i.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
 }), "CheckBoxOutlineBlankRounded"), u = d(/* @__PURE__ */ i.jsx("path", {
@@ -116,7 +116,7 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
       input: ({ theme: o }) => ({
         "&::placeholder": {
           opacity: 1,
-          color: (o.vars || o).palette.divider
+          color: (o.vars ?? o).palette.divider
         }
       })
     }
@@ -126,7 +126,7 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
       paper: ({ theme: o }) => ({
         marginTop: 2,
         border: "1px solid",
-        borderColor: (o.vars || o).palette.divider
+        borderColor: (o.vars ?? o).palette.divider
       }),
       popupIndicator: {
         background: "none",
@@ -162,18 +162,18 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
           // Firefox
         },
         "&:-webkit-autofill": {
-          boxShadow: `${(a.vars || a).palette.background.default} 0px 0px 0px 100px inset !important`
+          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
         },
         "&:-moz-autofill": {
-          boxShadow: `${(a.vars || a).palette.background.default} 0px 0px 0px 100px inset !important`
+          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
         }
       }),
       root: ({ theme: o }) => ({
         padding: "8px 12px",
-        color: (o.vars || o).palette.text.primary,
-        borderRadius: (o.vars || o).shape.borderRadius,
-        border: `1px solid ${(o.vars || o).palette.divider}`,
-        backgroundColor: (o.vars || o).palette.background.default,
+        color: (o.vars ?? o).palette.text.primary,
+        borderRadius: (o.vars ?? o).shape.borderRadius,
+        border: `1px solid ${(o.vars ?? o).palette.divider}`,
+        backgroundColor: (o.vars ?? o).palette.background.default,
         transition: "border 120ms ease-in",
         "&:hover": {
           borderColor: t[500]
@@ -209,9 +209,9 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
   MuiInputAdornment: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        color: (o.vars || o).palette.grey[500],
+        color: (o.vars ?? o).palette.grey[500],
         ...o.applyStyles("dark", {
-          color: (o.vars || o).palette.grey[400]
+          color: (o.vars ?? o).palette.grey[400]
         })
       })
     }

package/dist/theme/customizations/navigation.js

@@ -1,24 +1,24 @@
 import { j as e } from "../../jsx-runtime-tc70JA_2.js";
 import * as i from "react";
-import { c as l } from "../../createSvgIcon-DTNHY3_v.js";
+import { c as l } from "../../createSvgIcon-BkbeLOhM.js";
 import { gray as a, brand as s } from "../theme-primitives.js";
 import { t } from "../../tabClasses-DFvXsFrN.js";
-import { a as d } from "../../createTheme-CIXJrNxb.js";
+import { a as d } from "../../createTheme-DgoJyWM-.js";
 const n = l(/* @__PURE__ */ e.jsx("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
 }), "UnfoldMoreRounded"), y = {
   MuiAppBar: {
     styleOverrides: {
       root: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.background.default,
-        color: (r.vars || r).palette.text.primary,
+        backgroundColor: (r.vars ?? r).palette.background.default,
+        color: (r.vars ?? r).palette.text.primary,
         "&.MuiAppBar-colorPrimary": {
-          backgroundColor: (r.vars || r).palette.background.default
+          backgroundColor: (r.vars ?? r).palette.background.default
         },
         boxShadow: "none",
         backgroundImage: "none",
         borderBottom: "1px solid",
-        borderColor: (r.vars || r).palette.divider
+        borderColor: (r.vars ?? r).palette.divider
       })
     }
   },
@@ -58,7 +58,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
     },
     styleOverrides: {
       root: ({ theme: r }) => ({
-        color: (r.vars || r).palette.text.primary,
+        color: (r.vars ?? r).palette.text.primary,
         fontWeight: 500,
         position: "relative",
         textDecoration: "none",
@@ -70,7 +70,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
           height: "1px",
           bottom: 0,
           left: 0,
-          backgroundColor: (r.vars || r).palette.text.secondary,
+          backgroundColor: (r.vars ?? r).palette.text.secondary,
           opacity: 0.3,
           transition: "width 0.3s ease, opacity 0.3s ease"
         },
@@ -88,7 +88,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
   MuiDrawer: {
     styleOverrides: {
       paper: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.background.default
+        backgroundColor: (r.vars ?? r).palette.background.default
       })
     }
   },
@@ -97,10 +97,10 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
       root: ({ theme: r }) => ({
         ...r.applyStyles("dark", {
           "&.Mui-selected": {
-            color: (r.vars || r).palette.grey[900],
-            backgroundColor: (r.vars || r).palette.grey[50],
+            color: (r.vars ?? r).palette.grey[900],
+            backgroundColor: (r.vars ?? r).palette.grey[50],
             "&:hover": {
-              backgroundColor: (r.vars || r).palette.grey[200]
+              backgroundColor: (r.vars ?? r).palette.grey[200]
             }
           }
         })
@@ -114,16 +114,16 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         border: 0,
         ...o.orientation === "vertical" ? {
           borderRight: "1px solid",
-          borderColor: (r.vars || r).palette.divider
+          borderColor: (r.vars ?? r).palette.divider
         } : {
           borderBottom: "1px solid",
-          borderColor: (r.vars || r).palette.divider
+          borderColor: (r.vars ?? r).palette.divider
         }
       }),
       indicator: ({ theme: r }) => ({
-        backgroundColor: (r.vars || r).palette.grey[800],
+        backgroundColor: (r.vars ?? r).palette.grey[800],
         ...r.applyStyles("dark", {
-          backgroundColor: (r.vars || r).palette.grey[200]
+          backgroundColor: (r.vars ?? r).palette.grey[200]
         })
       })
     }
@@ -137,22 +137,22 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         },
         minWidth: "fit-content",
         minHeight: "fit-content",
-        color: (r.vars || r).palette.text.secondary,
-        borderTopLeftRadius: (r.vars || r).shape.borderRadius,
-        borderTopRightRadius: (r.vars || r).shape.borderRadius,
+        color: (r.vars ?? r).palette.text.secondary,
+        borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
+        borderTopRightRadius: (r.vars ?? r).shape.borderRadius,
         border: 0,
         ":hover": {
-          color: (r.vars || r).palette.text.primary
+          color: (r.vars ?? r).palette.text.primary
         },
         [`&.${t.selected}`]: {
-          color: (r.vars || r).palette.text.primary
+          color: (r.vars ?? r).palette.text.primary
         },
         ...r.applyStyles("dark", {
           ":hover": {
-            color: (r.vars || r).palette.text.primary
+            color: (r.vars ?? r).palette.text.primary
           },
           [`&.${t.selected}`]: {
-            color: (r.vars || r).palette.text.primary
+            color: (r.vars ?? r).palette.text.primary
           }
         })
       })
@@ -162,7 +162,7 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
     styleOverrides: {
       line: ({ theme: r }) => ({
         borderTop: "1px solid",
-        borderColor: (r.vars || r).palette.divider,
+        borderColor: (r.vars ?? r).palette.divider,
         flex: 1,
         borderRadius: "99px"
       })
@@ -181,21 +181,21 @@ const n = l(/* @__PURE__ */ e.jsx("path", {
         },
         "&.Mui-active": {
           border: "none",
-          color: (r.vars || r).palette.primary.main
+          color: (r.vars ?? r).palette.primary.main
         },
         "&.Mui-completed": {
           border: "none",
-          color: (r.vars || r).palette.success.main
+          color: (r.vars ?? r).palette.success.main
         },
         ...r.applyStyles("dark", {
           border: `1px solid ${a[700]}`,
           "&.Mui-active": {
             border: "none",
-            color: (r.vars || r).palette.primary.light
+            color: (r.vars ?? r).palette.primary.light
           },
           "&.Mui-completed": {
             border: "none",
-            color: (r.vars || r).palette.success.light
+            color: (r.vars ?? r).palette.success.light
           }
         }),
         variants: [

package/dist/theme/customizations/surfaces.js

@@ -1,15 +1,15 @@
 import { gray as o, lightGray as d } from "../theme-primitives.js";
-import { a as s } from "../../createTheme-CIXJrNxb.js";
+import { a as s } from "../../createTheme-DgoJyWM-.js";
 const t = {
   MuiAccordion: {
     styleOverrides: {
       root: ({ theme: r, ownerState: a }) => ({
         padding: 2,
         overflow: "clip",
-        backgroundColor: (r.vars || r).palette.background.default,
+        backgroundColor: (r.vars ?? r).palette.background.default,
         border: "1px solid",
-        borderColor: (r.vars || r).palette.divider,
-        borderRadius: (r.vars || r).shape.borderRadius,
+        borderColor: (r.vars ?? r).palette.divider,
+        borderRadius: (r.vars ?? r).shape.borderRadius,
         ":before": {
           backgroundColor: "transparent"
         },
@@ -19,12 +19,12 @@ const t = {
             borderBottom: "none"
           },
           "&:first-of-type": {
-            borderTopLeftRadius: (r.vars || r).shape.borderRadius,
-            borderTopRightRadius: (r.vars || r).shape.borderRadius
+            borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
+            borderTopRightRadius: (r.vars ?? r).shape.borderRadius
           },
           "&:last-of-type": {
-            borderBottomLeftRadius: (r.vars || r).shape.borderRadius,
-            borderBottomRightRadius: (r.vars || r).shape.borderRadius
+            borderBottomLeftRadius: (r.vars ?? r).shape.borderRadius,
+            borderBottomRightRadius: (r.vars ?? r).shape.borderRadius
           }
         } : {}
       })
@@ -59,8 +59,8 @@ const t = {
         gap: 16,
         transition: "all 100ms ease",
         backgroundColor: d[100],
-        borderRadius: (r.vars || r).shape.borderRadius,
-        border: `1px solid ${(r.vars || r).palette.divider}`,
+        borderRadius: (r.vars ?? r).shape.borderRadius,
+        border: `1px solid ${(r.vars ?? r).palette.divider}`,
         boxShadow: "none",
         ...r.applyStyles("dark", {
           backgroundColor: o[800]
@@ -71,7 +71,7 @@ const t = {
               variant: "outlined"
             },
             style: {
-              border: `1px solid ${(r.vars || r).palette.divider}`,
+              border: `1px solid ${(r.vars ?? r).palette.divider}`,
               boxShadow: "none",
               background: "rgb(255, 255, 255)",
               ...r.applyStyles("dark", {

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { b as m, a as e } from "../createTheme-CIXJrNxb.js";
+import { b as m, a as e } from "../createTheme-DgoJyWM-.js";
 const r = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",