@ds-mo/tokens 3.0.0 → 3.0.1

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/tokens",
-  "packageVersion": "3.0.0",
+  "packageVersion": "3.0.1",
   "kind": "tokens",
   "entries": [
     {

package/dist/agent.mjs

@@ -1,7 +1,7 @@
 const manifest = {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/tokens",
-  "packageVersion": "3.0.0",
+  "packageVersion": "3.0.1",
   "kind": "tokens",
   "entries": [
     {

package/dist/colors.css

@@ -530,15 +530,15 @@
   --color-interaction-active: var(--color-reference-light-blue-250-l92-c04-faint);
   --color-interaction-focus: var(--color-reference-black-15);
   --color-interaction-hover: var(--color-reference-black-10);
-  --color-interaction-on-bold-background-active: var(--color-reference-light-blue-250-l70-c18-medium);
+  --color-interaction-on-bold-background-active: var(--color-reference-white-15);
   --color-interaction-on-bold-background-focus: var(--color-reference-white-20);
   --color-interaction-on-bold-background-hover: var(--color-reference-white-15);
   --color-interaction-on-bold-background-pressed: var(--color-reference-white-20);
-  --color-interaction-on-medium-background-active: var(--color-reference-light-blue-250-l50-c18-bold);
+  --color-interaction-on-medium-background-active: var(--color-reference-black-15);
   --color-interaction-on-medium-background-focus: var(--color-reference-black-20);
   --color-interaction-on-medium-background-hover: var(--color-reference-black-15);
   --color-interaction-on-medium-background-pressed: var(--color-reference-black-20);
-  --color-interaction-on-strong-background-active: var(--color-reference-light-blue-250-l50-c18-bold);
+  --color-interaction-on-strong-background-active: var(--color-reference-white-10);
   --color-interaction-on-strong-background-focus: var(--color-reference-white-15);
   --color-interaction-on-strong-background-hover: var(--color-reference-white-10);
   --color-interaction-on-strong-background-pressed: var(--color-reference-white-15);
@@ -621,7 +621,7 @@
   --color-media-foreground-quaternary: var(--color-reference-white-20);
   --color-media-foreground-secondary: var(--color-reference-white-55);
   --color-media-foreground-tertiary: var(--color-reference-white-35);
-  --color-media-interaction-active: var(--color-reference-white-20);
+  --color-media-interaction-active: var(--color-reference-white-10);
   --color-media-interaction-focus: var(--color-reference-white-15);
   --color-media-interaction-hover: var(--color-reference-white-10);
   --color-media-interaction-pressed: var(--color-reference-white-15);
@@ -1125,15 +1125,15 @@
   --color-interaction-active: var(--color-reference-dark-blue-250-l27-c05-faint);
   --color-interaction-focus: var(--color-reference-white-15);
   --color-interaction-hover: var(--color-reference-white-10);
-  --color-interaction-on-bold-background-active: var(--color-reference-dark-blue-250-l50-c17-medium);
+  --color-interaction-on-bold-background-active: var(--color-reference-black-15);
   --color-interaction-on-bold-background-focus: var(--color-reference-black-20);
   --color-interaction-on-bold-background-hover: var(--color-reference-black-15);
   --color-interaction-on-bold-background-pressed: var(--color-reference-black-20);
-  --color-interaction-on-medium-background-active: var(--color-reference-dark-blue-250-l65-c20-bold);
+  --color-interaction-on-medium-background-active: var(--color-reference-white-15);
   --color-interaction-on-medium-background-focus: var(--color-reference-white-20);
   --color-interaction-on-medium-background-hover: var(--color-reference-white-15);
   --color-interaction-on-medium-background-pressed: var(--color-reference-white-20);
-  --color-interaction-on-strong-background-active: var(--color-reference-dark-blue-250-l65-c20-bold);
+  --color-interaction-on-strong-background-active: var(--color-reference-black-10);
   --color-interaction-on-strong-background-focus: var(--color-reference-black-15);
   --color-interaction-on-strong-background-hover: var(--color-reference-black-10);
   --color-interaction-on-strong-background-pressed: var(--color-reference-black-15);
@@ -1216,7 +1216,7 @@
   --color-media-foreground-quaternary: var(--color-reference-white-20);
   --color-media-foreground-secondary: var(--color-reference-white-55);
   --color-media-foreground-tertiary: var(--color-reference-white-35);
-  --color-media-interaction-active: var(--color-reference-white-20);
+  --color-media-interaction-active: var(--color-reference-white-10);
   --color-media-interaction-focus: var(--color-reference-white-15);
   --color-media-interaction-hover: var(--color-reference-white-10);
   --color-media-interaction-pressed: var(--color-reference-white-15);

package/dist/json/colors.json

@@ -5209,12 +5209,12 @@
   },
   "--color-interaction-on-bold-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
+    "$value": "var(--color-reference-white-15)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l70-c18-medium)",
-          "dark": "var(--color-reference-dark-blue-250-l50-c17-medium)"
+          "light": "var(--color-reference-white-15)",
+          "dark": "var(--color-reference-black-15)"
         }
       }
     }
@@ -5257,12 +5257,12 @@
   },
   "--color-interaction-on-medium-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+    "$value": "var(--color-reference-black-15)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-          "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+          "light": "var(--color-reference-black-15)",
+          "dark": "var(--color-reference-white-15)"
         }
       }
     }
@@ -5305,12 +5305,12 @@
   },
   "--color-interaction-on-strong-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+    "$value": "var(--color-reference-white-10)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-          "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+          "light": "var(--color-reference-white-10)",
+          "dark": "var(--color-reference-black-10)"
         }
       }
     }
@@ -6301,12 +6301,12 @@
   },
   "--color-media-interaction-active": {
     "$type": "color",
-    "$value": "var(--color-reference-white-20)",
+    "$value": "var(--color-reference-white-10)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-white-20)",
-          "dark": "var(--color-reference-white-20)"
+          "light": "var(--color-reference-white-10)",
+          "dark": "var(--color-reference-white-10)"
         }
       }
     }

package/dist/json/colors.modes.json

@@ -5210,12 +5210,12 @@
     },
     "--color-interaction-on-bold-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
+      "$value": "var(--color-reference-white-15)",
       "$extensions": {
         "ds-mo": {
           "modes": {
-            "light": "var(--color-reference-light-blue-250-l70-c18-medium)",
-            "dark": "var(--color-reference-dark-blue-250-l50-c17-medium)"
+            "light": "var(--color-reference-white-15)",
+            "dark": "var(--color-reference-black-15)"
           }
         }
       }
@@ -5258,12 +5258,12 @@
     },
     "--color-interaction-on-medium-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+      "$value": "var(--color-reference-black-15)",
       "$extensions": {
         "ds-mo": {
           "modes": {
-            "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-            "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+            "light": "var(--color-reference-black-15)",
+            "dark": "var(--color-reference-white-15)"
           }
         }
       }
@@ -5306,12 +5306,12 @@
     },
     "--color-interaction-on-strong-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+      "$value": "var(--color-reference-white-10)",
       "$extensions": {
         "ds-mo": {
           "modes": {
-            "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-            "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+            "light": "var(--color-reference-white-10)",
+            "dark": "var(--color-reference-black-10)"
           }
         }
       }
@@ -6302,12 +6302,12 @@
     },
     "--color-media-interaction-active": {
       "$type": "color",
-      "$value": "var(--color-reference-white-20)",
+      "$value": "var(--color-reference-white-10)",
       "$extensions": {
         "ds-mo": {
           "modes": {
-            "light": "var(--color-reference-white-20)",
-            "dark": "var(--color-reference-white-20)"
+            "light": "var(--color-reference-white-10)",
+            "dark": "var(--color-reference-white-10)"
           }
         }
       }
@@ -9220,7 +9220,7 @@
     },
     "--color-interaction-on-bold-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-dark-blue-250-l50-c17-medium)"
+      "$value": "var(--color-reference-black-15)"
     },
     "--color-interaction-on-bold-background-focus": {
       "$type": "color",
@@ -9236,7 +9236,7 @@
     },
     "--color-interaction-on-medium-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+      "$value": "var(--color-reference-white-15)"
     },
     "--color-interaction-on-medium-background-focus": {
       "$type": "color",
@@ -9252,7 +9252,7 @@
     },
     "--color-interaction-on-strong-background-active": {
       "$type": "color",
-      "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+      "$value": "var(--color-reference-black-10)"
     },
     "--color-interaction-on-strong-background-focus": {
       "$type": "color",
@@ -9584,7 +9584,7 @@
     },
     "--color-media-interaction-active": {
       "$type": "color",
-      "$value": "var(--color-reference-white-20)"
+      "$value": "var(--color-reference-white-10)"
     },
     "--color-media-interaction-focus": {
       "$type": "color",

package/dist/tokens-index.json

@@ -5222,12 +5222,12 @@
       },
       "--color-interaction-on-bold-background-active": {
         "$type": "color",
-        "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
+        "$value": "var(--color-reference-white-15)",
         "$extensions": {
           "ds-mo": {
             "modes": {
-              "light": "var(--color-reference-light-blue-250-l70-c18-medium)",
-              "dark": "var(--color-reference-dark-blue-250-l50-c17-medium)"
+              "light": "var(--color-reference-white-15)",
+              "dark": "var(--color-reference-black-15)"
             }
           }
         }
@@ -5270,12 +5270,12 @@
       },
       "--color-interaction-on-medium-background-active": {
         "$type": "color",
-        "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+        "$value": "var(--color-reference-black-15)",
         "$extensions": {
           "ds-mo": {
             "modes": {
-              "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-              "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+              "light": "var(--color-reference-black-15)",
+              "dark": "var(--color-reference-white-15)"
             }
           }
         }
@@ -5318,12 +5318,12 @@
       },
       "--color-interaction-on-strong-background-active": {
         "$type": "color",
-        "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+        "$value": "var(--color-reference-white-10)",
         "$extensions": {
           "ds-mo": {
             "modes": {
-              "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-              "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+              "light": "var(--color-reference-white-10)",
+              "dark": "var(--color-reference-black-10)"
             }
           }
         }
@@ -6314,12 +6314,12 @@
       },
       "--color-media-interaction-active": {
         "$type": "color",
-        "$value": "var(--color-reference-white-20)",
+        "$value": "var(--color-reference-white-10)",
         "$extensions": {
           "ds-mo": {
             "modes": {
-              "light": "var(--color-reference-white-20)",
-              "dark": "var(--color-reference-white-20)"
+              "light": "var(--color-reference-white-10)",
+              "dark": "var(--color-reference-white-10)"
             }
           }
         }

package/dist/tokens.json

@@ -5209,12 +5209,12 @@
   },
   "--color-interaction-on-bold-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
+    "$value": "var(--color-reference-white-15)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l70-c18-medium)",
-          "dark": "var(--color-reference-dark-blue-250-l50-c17-medium)"
+          "light": "var(--color-reference-white-15)",
+          "dark": "var(--color-reference-black-15)"
         }
       }
     }
@@ -5257,12 +5257,12 @@
   },
   "--color-interaction-on-medium-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+    "$value": "var(--color-reference-black-15)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-          "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+          "light": "var(--color-reference-black-15)",
+          "dark": "var(--color-reference-white-15)"
         }
       }
     }
@@ -5305,12 +5305,12 @@
   },
   "--color-interaction-on-strong-background-active": {
     "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
+    "$value": "var(--color-reference-white-10)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-light-blue-250-l50-c18-bold)",
-          "dark": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+          "light": "var(--color-reference-white-10)",
+          "dark": "var(--color-reference-black-10)"
         }
       }
     }
@@ -6301,12 +6301,12 @@
   },
   "--color-media-interaction-active": {
     "$type": "color",
-    "$value": "var(--color-reference-white-20)",
+    "$value": "var(--color-reference-white-10)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-white-20)",
-          "dark": "var(--color-reference-white-20)"
+          "light": "var(--color-reference-white-10)",
+          "dark": "var(--color-reference-white-10)"
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/tokens",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "TokoMo design tokens — colors, dimensions, typography, and effects as CSS custom properties, JSON, and TypeScript constants",
   "keywords": [
     "design-tokens",