@synergy-design-system/tokens 2.24.0 → 2.26.0

package/src/figma-variables/output/sick2025-dark.json

@@ -388,9 +388,13 @@
     }
   },
   "focus-ring": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "4px"
+    },
     "color": {
       "type": "color",
-      "value": "{color.primary.400}"
+      "value": "{color.primary.500}"
     },
     "offset": {
       "type": "sizing",
@@ -767,7 +771,7 @@
     }
   },
   "interactive": {
-    "primary": {
+    "emphasis": {
       "color": {
         "type": "color",
         "value": "{color.primary.500}"
@@ -781,14 +785,14 @@
         "value": "{color.primary.900}"
       }
     },
-    "secondary": {
+    "quiet": {
       "color": {
         "type": "color",
         "value": "{color.neutral.1000}"
       },
       "color-active": {
         "type": "color",
-        "value": "{color.primary.500}"
+        "value": "{color.primary.600}"
       },
       "color-hover": {
         "type": "color",
@@ -852,29 +856,33 @@
   "link": {
     "color": {
       "type": "color",
-      "value": "{color.primary.600}"
+      "value": "{interactive.emphasis.color}"
     },
     "color-active": {
       "type": "color",
-      "value": "{color.primary.950}"
+      "value": "{interactive.emphasis.color-active}"
     },
     "color-hover": {
       "type": "color",
-      "value": "{color.primary.900}"
+      "value": "{interactive.emphasis.color-hover}"
     },
     "quiet": {
       "color": {
         "type": "color",
-        "value": "{typography.color.text}"
+        "value": "{interactive.quiet.color}"
       },
       "color-active": {
         "type": "color",
-        "value": "{color.primary.950}"
+        "value": "{interactive.quiet.color-active}"
       },
       "color-hover": {
         "type": "color",
-        "value": "{color.primary.900}"
+        "value": "{interactive.quiet.color-hover}"
       }
+    },
+    "underline-outline": {
+      "type": "string",
+      "value": "25%"
     }
   },
   "opacity": {
@@ -896,7 +904,7 @@
     "background": {
       "color": {
         "type": "color",
-        "value": "{color.neutral.0}"
+        "value": "{color.neutral.50}"
       }
     },
     "border": {
@@ -904,6 +912,10 @@
         "type": "color",
         "value": "{color.neutral.300}"
       },
+      "radius": {
+        "type": "sizing",
+        "value": "{border-radius.x-large}"
+      },
       "width": {
         "type": "sizing",
         "value": "{border-width.small}"
@@ -964,6 +976,44 @@
       "value": "8px"
     }
   },
+  "spinner": {
+    "opacity": {
+      "type": "opacity",
+      "value": "40%"
+    }
+  },
+  "table": {
+    "background": {
+      "color": {
+        "type": "color",
+        "value": "{panel.background.color}"
+      },
+      "color-alternating": {
+        "type": "color",
+        "value": "{color.neutral.100}"
+      },
+      "color-header": {
+        "type": "color",
+        "value": "{color.neutral.200}"
+      }
+    },
+    "border": {
+      "color": {
+        "type": "color",
+        "value": "{color.neutral.300}"
+      }
+    },
+    "shadow": {
+      "end": {
+        "type": "color",
+        "value": "rgba(0, 0, 0, 0.00)"
+      },
+      "start": {
+        "type": "color",
+        "value": "rgba(0, 0, 0, 0.80)"
+      }
+    }
+  },
   "text-decoration": {
     "default": {
       "type": "string",
@@ -997,7 +1047,7 @@
     },
     "background-color": {
       "type": "color",
-      "value": "{color.neutral.950}"
+      "value": "{color.neutral.1000}"
     },
     "border": {
       "radius": {
@@ -1061,11 +1111,11 @@
     "color": {
       "text": {
         "type": "color",
-        "value": "{color.neutral.950}"
+        "value": "{color.neutral.1000}"
       },
       "text-inverted": {
         "type": "color",
-        "value": "{color.neutral.0}"
+        "value": "{color.neutral.50}"
       }
     }
   },
@@ -1099,39 +1149,39 @@
   "shadow": {
     "medium": {
       "type": "shadow",
-      "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.08), 0px 1px 4px 0px rgba(13, 13, 13, 0.08), 0px 2px 8px 0px rgba(13, 13, 13, 0.08)"
+      "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.08)"
     },
     "large": {
       "type": "shadow",
-      "value": "0px 0px 3px 0px rgba(13, 13, 13, 0.12), 0px 2px 6px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.16)"
+      "value": "0px 0px 3px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.12), 0px 3px 8px 0px rgba(0, 0, 0, 0.16)"
     },
     "x-large": {
       "type": "shadow",
-      "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 8px 24px 0px rgba(13, 13, 13, 0.12), 0px 16px 48px 0px rgba(13, 13, 13, 0.16)"
+      "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.12), 0px 8px 24px 0px rgba(0, 0, 0, 0.12), 0px 16px 48px 0px rgba(0, 0, 0, 0.16)"
     },
     "overflow-down": {
       "type": "shadow",
-      "value": "0px 1px 4px 0px rgba(13, 13, 13, 0.12), 0px 3px 8px 0px rgba(13, 13, 13, 0.12), 0px 4px 12px 0px rgba(13, 13, 13, 0.16)"
+      "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.12), 0px 3px 8px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.16)"
     },
     "overflow-up": {
       "type": "shadow",
-      "value": "0px -1px 4px 0px rgba(13, 13, 13, 0.12), 0px -3px 8px 0px rgba(13, 13, 13, 0.12), 0px -4px 12px 0px rgba(13, 13, 13, 0.16)"
+      "value": "0px -1px 4px 0px rgba(0, 0, 0, 0.12), 0px -3px 8px 0px rgba(0, 0, 0, 0.12), 0px -4px 12px 0px rgba(0, 0, 0, 0.16)"
     },
     "overflow-left": {
       "type": "shadow",
-      "value": "-1px 0px 4px 0px rgba(13, 13, 13, 0.12), -3px 0px 8px 0px rgba(13, 13, 13, 0.12), -4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
+      "value": "-1px 0px 4px 0px rgba(0, 0, 0, 0.12), -3px 0px 8px 0px rgba(0, 0, 0, 0.12), -4px 0px 12px 0px rgba(0, 0, 0, 0.16)"
     },
     "overflow-right": {
       "type": "shadow",
-      "value": "1px 0px 4px 0px rgba(13, 13, 13, 0.12), 3px 0px 8px 0px rgba(13, 13, 13, 0.12), 4px 0px 12px 0px rgba(13, 13, 13, 0.16)"
+      "value": "1px 0px 4px 0px rgba(0, 0, 0, 0.12), 3px 0px 8px 0px rgba(0, 0, 0, 0.12), 4px 0px 12px 0px rgba(0, 0, 0, 0.16)"
     },
     "x-small": {
       "type": "shadow",
-      "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.04), 0px 1px 4px 0px rgba(13, 13, 13, 0.04), 0px 2px 8px 0px rgba(13, 13, 13, 0.04)"
+      "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04)"
     },
     "small": {
       "type": "shadow",
-      "value": "0px 1px 2px 0px rgba(13, 13, 13, 0.06), 0px 1px 4px 0px rgba(13, 13, 13, 0.06), 0px 2px 8px 0px rgba(13, 13, 13, 0.06)"
+      "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 8px 0px rgba(0, 0, 0, 0.06)"
     }
   },
   "body": {

package/src/figma-variables/output/sick2025-light.json

@@ -388,9 +388,13 @@
     }
   },
   "focus-ring": {
+    "border-radius": {
+      "type": "sizing",
+      "value": "4px"
+    },
     "color": {
       "type": "color",
-      "value": "{color.primary.400}"
+      "value": "{color.primary.700}"
     },
     "offset": {
       "type": "sizing",
@@ -767,7 +771,7 @@
     }
   },
   "interactive": {
-    "primary": {
+    "emphasis": {
       "color": {
         "type": "color",
         "value": "{color.primary.700}"
@@ -781,14 +785,14 @@
         "value": "{color.primary.900}"
       }
     },
-    "secondary": {
+    "quiet": {
       "color": {
         "type": "color",
         "value": "{color.neutral.950}"
       },
       "color-active": {
         "type": "color",
-        "value": "{color.primary.700}"
+        "value": "{color.primary.800}"
       },
       "color-hover": {
         "type": "color",
@@ -852,29 +856,33 @@
   "link": {
     "color": {
       "type": "color",
-      "value": "{color.primary.600}"
+      "value": "{interactive.emphasis.color}"
     },
     "color-active": {
       "type": "color",
-      "value": "{color.primary.950}"
+      "value": "{interactive.emphasis.color-active}"
     },
     "color-hover": {
       "type": "color",
-      "value": "{color.primary.900}"
+      "value": "{interactive.emphasis.color-hover}"
     },
     "quiet": {
       "color": {
         "type": "color",
-        "value": "{typography.color.text}"
+        "value": "{interactive.quiet.color}"
       },
       "color-active": {
         "type": "color",
-        "value": "{color.primary.950}"
+        "value": "{interactive.quiet.color-active}"
       },
       "color-hover": {
         "type": "color",
-        "value": "{color.primary.900}"
+        "value": "{interactive.quiet.color-hover}"
       }
+    },
+    "underline-outline": {
+      "type": "string",
+      "value": "25%"
     }
   },
   "opacity": {
@@ -902,7 +910,11 @@
     "border": {
       "color": {
         "type": "color",
-        "value": "{color.neutral.300}"
+        "value": "#e6e1dc"
+      },
+      "radius": {
+        "type": "sizing",
+        "value": "{border-radius.x-large}"
       },
       "width": {
         "type": "sizing",
@@ -964,6 +976,44 @@
       "value": "8px"
     }
   },
+  "spinner": {
+    "opacity": {
+      "type": "opacity",
+      "value": "16%"
+    }
+  },
+  "table": {
+    "background": {
+      "color": {
+        "type": "color",
+        "value": "{panel.background.color}"
+      },
+      "color-alternating": {
+        "type": "color",
+        "value": "#f8f7f6"
+      },
+      "color-header": {
+        "type": "color",
+        "value": "#f2f0ed"
+      }
+    },
+    "border": {
+      "color": {
+        "type": "color",
+        "value": "#e6e1dc"
+      }
+    },
+    "shadow": {
+      "end": {
+        "type": "color",
+        "value": "rgba(13, 13, 13, 0.00)"
+      },
+      "start": {
+        "type": "color",
+        "value": "rgba(13, 13, 13, 0.16)"
+      }
+    }
+  },
   "text-decoration": {
     "default": {
       "type": "string",