@synergy-design-system/tokens 2.27.0 → 2.28.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@synergy-design-system/tokens-v2.28.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.27.0...tokens/2.28.0) (2025-10-13)
+
+
+### Features
+
+* ✨ CD update for syn-progress-ring ([#1033](https://github.com/synergy-design-system/synergy-design-system/issues/1033)) ([ba51374](https://github.com/synergy-design-system/synergy-design-system/commit/ba51374977ad486c2a8020586718740e60da7f51))
+
 # [@synergy-design-system/tokens-v2.27.0](https://github.com/synergy-design-system/synergy-design-system/compare/tokens/2.26.1...tokens/2.27.0) (2025-10-02)
 
 

package/dist/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  */
 
@@ -1013,6 +1013,16 @@ export const SynPanelBorderRadius: string;
  */
 export const SynPanelBorderWidth: string;
 
+/**
+ * Maps to the css variable `--syn-progress-indicator-color`
+ */
+export const SynProgressIndicatorColor: string;
+
+/**
+ * Maps to the css variable `--syn-progress-track-color`
+ */
+export const SynProgressTrackColor: string;
+
 /**
  * Maps to the css variable `--syn-spacing-2x-large`
  */

package/dist/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  */
 
@@ -1013,6 +1013,16 @@ export const SynPanelBorderRadius = 'var(--syn-panel-border-radius)';
  */
 export const SynPanelBorderWidth = 'var(--syn-panel-border-width)';
 
+/**
+ * @type {string}
+ */
+export const SynProgressIndicatorColor = 'var(--syn-progress-indicator-color)';
+
+/**
+ * @type {string}
+ */
+export const SynProgressTrackColor = 'var(--syn-progress-track-color)';
+
 /**
  * @type {string}
  */

package/dist/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  */
 $SynBorderRadiusCircle: var(--syn-border-radius-circle) !default;
@@ -204,6 +204,8 @@ $SynPanelBackgroundColor: var(--syn-panel-background-color) !default;
 $SynPanelBorderColor: var(--syn-panel-border-color) !default;
 $SynPanelBorderRadius: var(--syn-panel-border-radius) !default;
 $SynPanelBorderWidth: var(--syn-panel-border-width) !default;
+$SynProgressIndicatorColor: var(--syn-progress-indicator-color) !default;
+$SynProgressTrackColor: var(--syn-progress-track-color) !default;
 $SynSpacing2xLarge: var(--syn-spacing-2x-large) !default;
 $SynSpacing2xSmall: var(--syn-spacing-2x-small) !default;
 $SynSpacing3xLarge: var(--syn-spacing-3x-large) !default;

package/dist/themes/dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-600);
+  --syn-progress-track-color: var(--syn-color-neutral-200);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/dist/themes/light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-600);
+  --syn-progress-track-color: var(--syn-color-neutral-200);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/dist/themes/sick2018_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-600);
+  --syn-progress-track-color: var(--syn-color-neutral-200);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/dist/themes/sick2018_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-600);
+  --syn-progress-track-color: var(--syn-color-neutral-200);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/dist/themes/sick2025_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: var(--syn-color-neutral-300);
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-500);
+  --syn-progress-track-color: var(--syn-color-neutral-300);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/dist/themes/sick2025_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 2.26.1
+ * @synergy-design-system/tokens version 2.27.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -209,6 +209,8 @@
   --syn-panel-border-color: #e6e1dc;
   --syn-panel-border-radius: var(--syn-border-radius-medium);
   --syn-panel-border-width: var(--syn-border-width-small);
+  --syn-progress-indicator-color: var(--syn-color-primary-700);
+  --syn-progress-track-color: var(--syn-color-neutral-100);
   --syn-spacing-2x-large: 48px;
   --syn-spacing-2x-small: 4px;
   --syn-spacing-3x-large: 64px;

package/package.json

@@ -113,7 +113,7 @@
   },
   "type": "module",
   "types": "./dist/js/index.d.ts",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "scripts": {
     "build": "pnpm clean && node scripts/build.js",
     "build:all": "dotenvx -q run pnpm build:_all",

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

@@ -926,6 +926,20 @@
       }
     }
   },
+  "progress": {
+    "indicator": {
+      "color": {
+        "type": "color",
+        "value": "{color.primary.600}"
+      }
+    },
+    "track": {
+      "color": {
+        "type": "color",
+        "value": "{color.neutral.200}"
+      }
+    }
+  },
   "spacing": {
     "2x-large": {
       "type": "sizing",

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

@@ -926,6 +926,20 @@
       }
     }
   },
+  "progress": {
+    "indicator": {
+      "color": {
+        "type": "color",
+        "value": "{color.primary.600}"
+      }
+    },
+    "track": {
+      "color": {
+        "type": "color",
+        "value": "{color.neutral.200}"
+      }
+    }
+  },
   "spacing": {
     "2x-large": {
       "type": "sizing",

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

@@ -926,6 +926,20 @@
       }
     }
   },
+  "progress": {
+    "indicator": {
+      "color": {
+        "type": "color",
+        "value": "{color.primary.500}"
+      }
+    },
+    "track": {
+      "color": {
+        "type": "color",
+        "value": "{color.neutral.300}"
+      }
+    }
+  },
   "spacing": {
     "2x-large": {
       "type": "sizing",

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

@@ -926,6 +926,20 @@
       }
     }
   },
+  "progress": {
+    "indicator": {
+      "color": {
+        "type": "color",
+        "value": "{color.primary.700}"
+      }
+    },
+    "track": {
+      "color": {
+        "type": "color",
+        "value": "{color.neutral.100}"
+      }
+    }
+  },
   "spacing": {
     "2x-large": {
       "type": "sizing",