@ds-mo/tokens 2.15.0 → 3.0.0

package/dist/tokens.json

@@ -1259,6 +1259,18 @@
       }
     }
   },
+  "--color-always-dark-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-20)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
   "--color-background-bold-ai": {
     "$type": "color",
     "$value": "var(--color-reference-light-purple-290-l52-c20-bold)",
@@ -1727,18 +1739,6 @@
       }
     }
   },
-  "--color-background-translucent": {
-    "$type": "color",
-    "$value": "var(--color-reference-white-50)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-white-50)",
-          "dark": "var(--color-reference-black-50)"
-        }
-      }
-    }
-  },
   "--color-background-transparent": {
     "$type": "color",
     "$value": "var(--color-reference-white-0)",
@@ -2183,42 +2183,6 @@
       }
     }
   },
-  "--color-border-on-translucent-background-primary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-25)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-25)",
-          "dark": "var(--color-reference-white-25)"
-        }
-      }
-    }
-  },
-  "--color-border-on-translucent-background-secondary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-20)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-20)",
-          "dark": "var(--color-reference-white-20)"
-        }
-      }
-    }
-  },
-  "--color-border-on-translucent-background-tertiary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-15)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-15)",
-          "dark": "var(--color-reference-white-15)"
-        }
-      }
-    }
-  },
   "--color-border-primary": {
     "$type": "color",
     "$value": "var(--color-reference-black-20)",
@@ -4235,19 +4199,7 @@
       }
     }
   },
-  "--color-divider-divider": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-10)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-10)",
-          "dark": "var(--color-reference-white-10)"
-        }
-      }
-    }
-  },
-  "--color-divider-on-bold-background": {
+  "--color-divider-divider-on-bold-background": {
     "$type": "color",
     "$value": "var(--color-reference-white-15)",
     "$extensions": {
@@ -4259,7 +4211,7 @@
       }
     }
   },
-  "--color-divider-on-medium-background": {
+  "--color-divider-divider-on-medium-background": {
     "$type": "color",
     "$value": "var(--color-reference-black-15)",
     "$extensions": {
@@ -4271,7 +4223,7 @@
       }
     }
   },
-  "--color-divider-on-strong-background": {
+  "--color-divider-divider-on-strong-background": {
     "$type": "color",
     "$value": "var(--color-reference-white-10)",
     "$extensions": {
@@ -4283,14 +4235,14 @@
       }
     }
   },
-  "--color-divider-on-translucent-background": {
+  "--color-divider-divider": {
     "$type": "color",
-    "$value": "var(--color-reference-black-15)",
+    "$value": "var(--color-reference-black-10)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-black-15)",
-          "dark": "var(--color-reference-white-15)"
+          "light": "var(--color-reference-black-10)",
+          "dark": "var(--color-reference-white-10)"
         }
       }
     }
@@ -5063,54 +5015,6 @@
       }
     }
   },
-  "--color-foreground-on-translucent-background-primary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-100)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-100)",
-          "dark": "var(--color-reference-white-100)"
-        }
-      }
-    }
-  },
-  "--color-foreground-on-translucent-background-quaternary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-25)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-25)",
-          "dark": "var(--color-reference-white-25)"
-        }
-      }
-    }
-  },
-  "--color-foreground-on-translucent-background-secondary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-70)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-70)",
-          "dark": "var(--color-reference-white-85)"
-        }
-      }
-    }
-  },
-  "--color-foreground-on-translucent-background-tertiary": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-50)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-50)",
-          "dark": "var(--color-reference-white-60)"
-        }
-      }
-    }
-  },
   "--color-foreground-primary": {
     "$type": "color",
     "$value": "var(--color-reference-black-100)",
@@ -5447,54 +5351,6 @@
       }
     }
   },
-  "--color-interaction-on-translucent-background-active": {
-    "$type": "color",
-    "$value": "var(--color-reference-light-blue-250-l92-c04-faint)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-light-blue-250-l92-c04-faint)",
-          "dark": "var(--color-reference-dark-blue-250-l27-c05-faint)"
-        }
-      }
-    }
-  },
-  "--color-interaction-on-translucent-background-focus": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-20)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-20)",
-          "dark": "var(--color-reference-white-20)"
-        }
-      }
-    }
-  },
-  "--color-interaction-on-translucent-background-hover": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-15)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-15)",
-          "dark": "var(--color-reference-white-15)"
-        }
-      }
-    }
-  },
-  "--color-interaction-on-translucent-background-pressed": {
-    "$type": "color",
-    "$value": "var(--color-reference-black-20)",
-    "$extensions": {
-      "ds-mo": {
-        "modes": {
-          "light": "var(--color-reference-black-20)",
-          "dark": "var(--color-reference-white-20)"
-        }
-      }
-    }
-  },
   "--color-interaction-pressed": {
     "$type": "color",
     "$value": "var(--color-reference-black-15)",
@@ -6203,6 +6059,18 @@
       }
     }
   },
+  "--color-inverted-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-20)",
+          "dark": "var(--color-reference-white-30)"
+        }
+      }
+    }
+  },
   "--color-location-marker-background-brand": {
     "$type": "color",
     "$value": "var(--color-reference-light-blue-250-l50-c18-bold)",
@@ -6479,6 +6347,18 @@
       }
     }
   },
+  "--color-media-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-20)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
   "--color-navigation-background": {
     "$type": "color",
     "$value": "var(--color-reference-grey-l18)",
@@ -6647,6 +6527,18 @@
       }
     }
   },
+  "--color-navigation-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-20)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
   "--color-safety-score-background-excellent": {
     "$type": "color",
     "$value": "var(--color-reference-light-blue-250-l70-c18-medium)",
@@ -6791,19 +6683,31 @@
       }
     }
   },
-  "--color-shimmer-fade": {
+  "--color-shimmer-shimmer-on-bold-background": {
     "$type": "color",
-    "$value": "var(--color-reference-black-15)",
+    "$value": "var(--color-reference-white-15)",
     "$extensions": {
       "ds-mo": {
         "modes": {
-          "light": "var(--color-reference-black-15)",
-          "dark": "var(--color-reference-black-10)"
+          "light": "var(--color-reference-white-15)",
+          "dark": "var(--color-reference-white-10)"
         }
       }
     }
   },
-  "--color-shimmer-highlight": {
+  "--color-shimmer-shimmer-on-medium-background": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-15)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-15)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
+  "--color-shimmer-shimmer-on-strong-background": {
     "$type": "color",
     "$value": "var(--color-reference-white-10)",
     "$extensions": {
@@ -6815,6 +6719,186 @@
       }
     }
   },
+  "--color-shimmer-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-30)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-30)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
+  "--color-translucent-border-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-25)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-25)",
+          "dark": "var(--color-reference-white-25)"
+        }
+      }
+    }
+  },
+  "--color-translucent-border-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-20)",
+          "dark": "var(--color-reference-white-20)"
+        }
+      }
+    }
+  },
+  "--color-translucent-border-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-15)",
+          "dark": "var(--color-reference-white-15)"
+        }
+      }
+    }
+  },
+  "--color-translucent-divider": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-15)",
+          "dark": "var(--color-reference-white-15)"
+        }
+      }
+    }
+  },
+  "--color-translucent-foreground-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-100)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-100)",
+          "dark": "var(--color-reference-white-100)"
+        }
+      }
+    }
+  },
+  "--color-translucent-foreground-quaternary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-25)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-25)",
+          "dark": "var(--color-reference-white-25)"
+        }
+      }
+    }
+  },
+  "--color-translucent-foreground-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-70)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-70)",
+          "dark": "var(--color-reference-white-85)"
+        }
+      }
+    }
+  },
+  "--color-translucent-foreground-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-50)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-50)",
+          "dark": "var(--color-reference-white-60)"
+        }
+      }
+    }
+  },
+  "--color-translucent-interaction-active": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-blue-250-l92-c04-faint)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-light-blue-250-l92-c04-faint)",
+          "dark": "var(--color-reference-dark-blue-250-l27-c05-faint)"
+        }
+      }
+    }
+  },
+  "--color-translucent-interaction-focus": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-20)",
+          "dark": "var(--color-reference-white-20)"
+        }
+      }
+    }
+  },
+  "--color-translucent-interaction-hover": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-15)",
+          "dark": "var(--color-reference-white-15)"
+        }
+      }
+    }
+  },
+  "--color-translucent-interaction-pressed": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-black-20)",
+          "dark": "var(--color-reference-white-20)"
+        }
+      }
+    }
+  },
+  "--color-translucent-shimmer": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-30)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-30)",
+          "dark": "var(--color-reference-white-10)"
+        }
+      }
+    }
+  },
+  "--color-translucent-translucent": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-50)",
+    "$extensions": {
+      "ds-mo": {
+        "modes": {
+          "light": "var(--color-reference-white-50)",
+          "dark": "var(--color-reference-black-50)"
+        }
+      }
+    }
+  },
   "--color-data-category-10": {
     "$type": "color",
     "$value": "var(--color-reference-light-pink-0-l70-c22-medium)",
@@ -8689,7 +8773,7 @@
   },
   "--effect-shadow-depressed-sm": {
     "$type": "effect",
-    "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n    0px  4px 2px -4px var(--color-elevation-highlight),\n    0px  0px 0px  0.5px var(--color-elevation-highlight)"
+    "$value": "0px  4px 2px -4px var(--color-elevation-highlight),\n    0px  0px 0px  0.5px var(--color-elevation-highlight)"
   },
   "--effect-highlight-depressed-sm": {
     "$type": "effect",
@@ -8701,7 +8785,7 @@
   },
   "--effect-shadow-depressed-md": {
     "$type": "effect",
-    "$value": "0px -4px 2px -4px var(--color-elevation-shadow),\n    0px  4px 2px -4px var(--color-elevation-highlight),\n    0px  0px 0px  0.5px var(--color-elevation-highlight)"
+    "$value": "0px  4px 2px -4px var(--color-elevation-highlight),\n    0px  0px 0px  0.5px var(--color-elevation-highlight)"
   },
   "--effect-highlight-depressed-md": {
     "$type": "effect",

package/package.json

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