@solostylist/ui-kit 1.0.171 → 1.0.173

package/dist/theme/theme-primitives.js

@@ -1,6 +1,6 @@
 import { a as m } from "../createTheme-3Wd3hHrj.js";
-import { a as r } from "../colorManipulator-ep5lERxB.js";
-const s = m(), e = {
+import { a as e } from "../colorManipulator-ep5lERxB.js";
+const s = m(), r = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",
   200: "hsl(210, 100%, 80%)",
@@ -22,7 +22,7 @@ const s = m(), e = {
   700: "hsl(220, 95%, 31%)",
   800: "hsl(220, 100%, 24%)",
   900: "hsl(220, 100%, 18%)"
-}, a = {
+}, t = {
   50: "hsl(220, 35%, 97%)",
   100: "hsl(220, 30%, 94%)",
   200: "hsl(220, 20%, 88%)",
@@ -33,7 +33,7 @@ const s = m(), e = {
   700: "hsl(220, 20%, 25%)",
   800: "hsl(220, 30%, 6%)",
   900: "hsl(220, 35%, 3%)"
-}, t = {
+}, a = {
   50: "hsl(210, 20%, 98%)",
   100: "hsl(210, 15%, 95%)",
   200: "hsl(210, 12%, 89%)",
@@ -211,10 +211,10 @@ const s = m(), e = {
       }
     },
     primary: {
-      contrastText: e[50],
-      light: e[400],
-      main: e[500],
-      dark: e[700],
+      contrastText: r[50],
+      light: r[400],
+      main: r[500],
+      dark: r[700],
       white: "#ffffff",
       black: "#000000"
     },
@@ -242,19 +242,19 @@ const s = m(), e = {
       main: n[500],
       dark: n[700]
     },
-    grey: a,
-    divider: r(a[700], 0.6),
+    grey: t,
+    divider: e(t[700], 0.6),
     background: {
-      default: a[900],
-      paper: a[800]
+      default: t[900],
+      paper: t[800]
     },
     text: {
       primary: "rgb(255, 255, 255)",
-      secondary: a[400]
+      secondary: t[400]
     },
     action: {
-      hover: r(a[600], 0.2),
-      selected: r(a[600], 0.3)
+      hover: e(t[600], 0.2),
+      selected: e(t[600], 0.3)
     },
     baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
   }
@@ -322,19 +322,19 @@ const s = m(), e = {
       main: o[500],
       dark: o[700]
     },
-    grey: t,
-    divider: r(t[300], 0.9),
+    grey: a,
+    divider: e(a[300], 0.9),
     background: {
-      default: t[50],
-      paper: t[100]
+      default: a[50],
+      paper: a[100]
     },
     text: {
       primary: "rgb(32, 33, 36)",
-      secondary: t[500]
+      secondary: a[600]
     },
     action: {
-      hover: r(t[300], 0.2),
-      selected: r(t[300], 0.3)
+      hover: e(a[300], 0.2),
+      selected: e(a[300], 0.3)
     },
     baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
     // Premium shadows with subtle slate tint
@@ -390,21 +390,22 @@ const s = m(), e = {
   },
   caption: {
     fontSize: s.typography.pxToRem(12),
-    fontWeight: 400
+    fontWeight: 400,
+    color: "var(--s-palette-text-secondary)"
   }
 }, W = {
   borderRadius: 8
-}, u = ["none", "var(--s-palette-baseShadow)", ...s.shadows.slice(2)], A = u;
+}, u = ["none", "var(--s-palette-baseShadow)", ...s.shadows.slice(2)], v = u;
 export {
   h as blackAlpha,
   d as blue,
-  e as brand,
+  r as brand,
   z as colorSchemes,
-  a as gray,
+  t as gray,
   n as green,
   c as lightBlue,
   i as lightBrand,
-  t as lightGray,
+  a as lightGray,
   o as lightGreen,
   p as lightOrange,
   S as lightPurple,
@@ -412,7 +413,7 @@ export {
   g as orange,
   w as purple,
   f as red,
-  A as shadows,
+  v as shadows,
   W as shape,
   R as typography,
   l as whiteAlpha

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.171",
+  "version": "1.0.173",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",