@phcdevworks/spectre-tokens 2.4.0 → 2.6.0

package/dist/index.css

@@ -2,7 +2,7 @@
   --sp-surface-page: #f7f8fb;
   --sp-surface-card: #ffffff;
   --sp-surface-input: #ffffff;
-  --sp-surface-overlay: rgba(20, 27, 36, 0.6);
+  --sp-surface-overlay: rgba(0, 0, 0, 0.6);
   --sp-surface-alternate: #eef1f6;
   --sp-surface-hero: linear-gradient(135deg, #5b6ee1 0%, #6f3fd7 100%);
   --sp-text-on-page-default: #141b24;
@@ -294,9 +294,9 @@
   --sp-button-cta-textdisabled: #8a96ad;
   --sp-button-cta-shadow: 0 4px 14px 0 rgba(51, 109, 244, 0.39);
   --sp-button-cta-focusring: rgba(51, 109, 244, 0.4);
-  --sp-button-accent-bg: #7135dd;
-  --sp-button-accent-bghover: #5d28b8;
-  --sp-button-accent-bgactive: #4d2393;
+  --sp-button-accent-bg: #5d28b8;
+  --sp-button-accent-bghover: #4d2393;
+  --sp-button-accent-bgactive: #401f75;
   --sp-button-accent-bgdisabled: #ddccff;
   --sp-button-accent-text: #ffffff;
   --sp-button-accent-textdisabled: #8a96ad;

package/dist/index.js

@@ -126,9 +126,9 @@ var coreTokens = {
       "focusRing": "{colors.brand.500} / 0.4"
     },
     "accent": {
-      "bg": "{colors.accent.600}",
-      "bgHover": "{colors.accent.700}",
-      "bgActive": "{colors.accent.800}",
+      "bg": "{colors.accent.700}",
+      "bgHover": "{colors.accent.800}",
+      "bgActive": "{colors.accent.900}",
       "bgDisabled": "{colors.accent.200}",
       "text": "{colors.white}",
       "textDisabled": "{colors.neutral.400}",
@@ -176,7 +176,7 @@ var coreTokens = {
         "page": "{colors.neutral.50}",
         "card": "{colors.white}",
         "input": "{colors.white}",
-        "overlay": "{colors.neutral.900} / 0.6",
+        "overlay": "{colors.black} / 0.6",
         "alternate": "{colors.neutral.100}",
         "hero": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
       },
@@ -598,7 +598,7 @@ var coreTokens = {
     "page": "{colors.neutral.50}",
     "card": "{colors.white}",
     "input": "{colors.white}",
-    "overlay": "{colors.neutral.900} / 0.6"
+    "overlay": "{colors.black} / 0.6"
   },
   "text": {
     "onPage": {
@@ -820,6 +820,23 @@ var resolveValue = (tokens2, value) => {
   str = str.replace(opacityRegex, (match, hex, opacity) => hexToRgba(hex, opacity));
   return str;
 };
+var resolveSemanticValue = (value, tokens2) => {
+  if (typeof value === "string" || typeof value === "number") {
+    return resolveValue(tokens2, value);
+  }
+  if (value && typeof value === "object" && "value" in value) {
+    return resolveValue(tokens2, value.value);
+  }
+  return void 0;
+};
+var getPath = (source, path) => path.reduce((acc, key) => acc && typeof acc === "object" ? acc[key] : void 0, source);
+var pickSemantic = (tokens2, ...candidates) => {
+  for (const candidate of candidates) {
+    const resolved = resolveSemanticValue(candidate, tokens2);
+    if (resolved !== void 0) return resolved;
+  }
+  return void 0;
+};
 var createCssVariableMap = (tokens2, options = {}) => {
   const prefix = options.prefix ?? DEFAULT_PREFIX;
   const map = {};
@@ -968,23 +985,6 @@ var createCssVariableMap = (tokens2, options = {}) => {
   }
   return map;
 };
-var resolveSemanticValue = (value, tokens2) => {
-  if (typeof value === "string" || typeof value === "number") {
-    return resolveValue(tokens2, value);
-  }
-  if (value && typeof value === "object" && "value" in value) {
-    return resolveValue(tokens2, value.value);
-  }
-  return void 0;
-};
-var getPath = (source, path) => path.reduce((acc, key) => acc && typeof acc === "object" ? acc[key] : void 0, source);
-var pickSemantic = (tokens2, ...candidates) => {
-  for (const candidate of candidates) {
-    const resolved = resolveSemanticValue(candidate, tokens2);
-    if (resolved !== void 0) return resolved;
-  }
-  return void 0;
-};
 var generateCssVariables = (tokens2, options = {}) => {
   const selector = options.selector ?? DEFAULT_SELECTOR;
   const prefix = options.prefix ?? DEFAULT_PREFIX;