@ds-mo/tokens 2.15.0 → 3.0.0

package/dist/json/colors.modes.json

@@ -1260,6 +1260,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)",
@@ -1728,18 +1740,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)",
@@ -2184,42 +2184,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)",
@@ -4236,19 +4200,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": {
@@ -4260,7 +4212,7 @@
         }
       }
     },
-    "--color-divider-on-medium-background": {
+    "--color-divider-divider-on-medium-background": {
       "$type": "color",
       "$value": "var(--color-reference-black-15)",
       "$extensions": {
@@ -4272,7 +4224,7 @@
         }
       }
     },
-    "--color-divider-on-strong-background": {
+    "--color-divider-divider-on-strong-background": {
       "$type": "color",
       "$value": "var(--color-reference-white-10)",
       "$extensions": {
@@ -4284,14 +4236,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)"
           }
         }
       }
@@ -5064,54 +5016,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)",
@@ -5448,54 +5352,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)",
@@ -6204,6 +6060,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)",
@@ -6480,6 +6348,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)",
@@ -6648,6 +6528,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)",
@@ -6792,19 +6684,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": {
@@ -6816,6 +6720,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)",
@@ -7818,6 +7902,10 @@
       "$type": "color",
       "$value": "var(--color-reference-white-15)"
     },
+    "--color-always-dark-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
     "--color-background-bold-ai": {
       "$type": "color",
       "$value": "var(--color-reference-dark-purple-290-l67-c20-bold)"
@@ -7974,10 +8062,6 @@
       "$type": "color",
       "$value": "var(--color-reference-dark-orange-60-l92-c06-strong)"
     },
-    "--color-background-translucent": {
-      "$type": "color",
-      "$value": "var(--color-reference-black-50)"
-    },
     "--color-background-transparent": {
       "$type": "color",
       "$value": "var(--color-reference-black-0)"
@@ -8126,18 +8210,6 @@
       "$type": "color",
       "$value": "var(--color-reference-black-10)"
     },
-    "--color-border-on-translucent-background-primary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-25)"
-    },
-    "--color-border-on-translucent-background-secondary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-20)"
-    },
-    "--color-border-on-translucent-background-tertiary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-15)"
-    },
     "--color-border-primary": {
       "$type": "color",
       "$value": "var(--color-reference-white-20)"
@@ -8810,25 +8882,21 @@
       "$type": "color",
       "$value": "var(--color-reference-dark-yellow-85-l51-c12-medium)"
     },
-    "--color-divider-divider": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-10)"
-    },
-    "--color-divider-on-bold-background": {
+    "--color-divider-divider-on-bold-background": {
       "$type": "color",
       "$value": "var(--color-reference-black-15)"
     },
-    "--color-divider-on-medium-background": {
+    "--color-divider-divider-on-medium-background": {
       "$type": "color",
       "$value": "var(--color-reference-white-15)"
     },
-    "--color-divider-on-strong-background": {
+    "--color-divider-divider-on-strong-background": {
       "$type": "color",
       "$value": "var(--color-reference-black-10)"
     },
-    "--color-divider-on-translucent-background": {
+    "--color-divider-divider": {
       "$type": "color",
-      "$value": "var(--color-reference-white-15)"
+      "$value": "var(--color-reference-white-10)"
     },
     "--color-driver-status-background-driving": {
       "$type": "color",
@@ -9086,22 +9154,6 @@
       "$type": "color",
       "$value": "var(--color-reference-black-45)"
     },
-    "--color-foreground-on-translucent-background-primary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-100)"
-    },
-    "--color-foreground-on-translucent-background-quaternary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-25)"
-    },
-    "--color-foreground-on-translucent-background-secondary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-85)"
-    },
-    "--color-foreground-on-translucent-background-tertiary": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-60)"
-    },
     "--color-foreground-primary": {
       "$type": "color",
       "$value": "var(--color-reference-white-100)"
@@ -9214,22 +9266,6 @@
       "$type": "color",
       "$value": "var(--color-reference-black-15)"
     },
-    "--color-interaction-on-translucent-background-active": {
-      "$type": "color",
-      "$value": "var(--color-reference-dark-blue-250-l27-c05-faint)"
-    },
-    "--color-interaction-on-translucent-background-focus": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-20)"
-    },
-    "--color-interaction-on-translucent-background-hover": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-15)"
-    },
-    "--color-interaction-on-translucent-background-pressed": {
-      "$type": "color",
-      "$value": "var(--color-reference-white-20)"
-    },
     "--color-interaction-pressed": {
       "$type": "color",
       "$value": "var(--color-reference-white-15)"
@@ -9466,6 +9502,10 @@
       "$type": "color",
       "$value": "var(--color-reference-black-15)"
     },
+    "--color-inverted-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-30)"
+    },
     "--color-location-marker-background-brand": {
       "$type": "color",
       "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
@@ -9558,6 +9598,10 @@
       "$type": "color",
       "$value": "var(--color-reference-white-15)"
     },
+    "--color-media-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
     "--color-navigation-background": {
       "$type": "color",
       "$value": "var(--color-reference-grey-l27-dark-faint)"
@@ -9614,6 +9658,10 @@
       "$type": "color",
       "$value": "var(--color-reference-white-10)"
     },
+    "--color-navigation-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
     "--color-safety-score-background-excellent": {
       "$type": "color",
       "$value": "var(--color-reference-dark-blue-250-l50-c17-medium)"
@@ -9662,14 +9710,78 @@
       "$type": "color",
       "$value": "var(--color-reference-dark-orange-60-l75-c20-bold)"
     },
-    "--color-shimmer-fade": {
+    "--color-shimmer-shimmer-on-bold-background": {
       "$type": "color",
-      "$value": "var(--color-reference-black-10)"
+      "$value": "var(--color-reference-white-10)"
+    },
+    "--color-shimmer-shimmer-on-medium-background": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
+    "--color-shimmer-shimmer-on-strong-background": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-15)"
+    },
+    "--color-shimmer-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
+    "--color-translucent-border-primary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-25)"
     },
-    "--color-shimmer-highlight": {
+    "--color-translucent-border-secondary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-20)"
+    },
+    "--color-translucent-border-tertiary": {
       "$type": "color",
       "$value": "var(--color-reference-white-15)"
     },
+    "--color-translucent-divider": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-15)"
+    },
+    "--color-translucent-foreground-primary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-100)"
+    },
+    "--color-translucent-foreground-quaternary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-25)"
+    },
+    "--color-translucent-foreground-secondary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-85)"
+    },
+    "--color-translucent-foreground-tertiary": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-60)"
+    },
+    "--color-translucent-interaction-active": {
+      "$type": "color",
+      "$value": "var(--color-reference-dark-blue-250-l27-c05-faint)"
+    },
+    "--color-translucent-interaction-focus": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-20)"
+    },
+    "--color-translucent-interaction-hover": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-15)"
+    },
+    "--color-translucent-interaction-pressed": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-20)"
+    },
+    "--color-translucent-shimmer": {
+      "$type": "color",
+      "$value": "var(--color-reference-white-10)"
+    },
+    "--color-translucent-translucent": {
+      "$type": "color",
+      "$value": "var(--color-reference-black-50)"
+    },
     "--color-data-category-10": {
       "$type": "color",
       "$value": "var(--color-reference-dark-pink-0-l68-c20-bold)"