@synergy-design-system/metadata 3.7.0 → 3.9.0

package/data/layers/full/tokens/charts/scss/_tokens.scss

@@ -0,0 +1,136 @@
+/**
+ * @synergy-design-system/tokens version 3.15.0
+ * SICK Global UX Foundation
+ */
+$SynCategorical10: var(--syn-categorical-10) !default;
+$SynCategorical11: var(--syn-categorical-11) !default;
+$SynCategorical12: var(--syn-categorical-12) !default;
+$SynCategorical01: var(--syn-categorical-01) !default;
+$SynCategorical02: var(--syn-categorical-02) !default;
+$SynCategorical03: var(--syn-categorical-03) !default;
+$SynCategorical04: var(--syn-categorical-04) !default;
+$SynCategorical05: var(--syn-categorical-05) !default;
+$SynCategorical06: var(--syn-categorical-06) !default;
+$SynCategorical07: var(--syn-categorical-07) !default;
+$SynCategorical08: var(--syn-categorical-08) !default;
+$SynCategorical09: var(--syn-categorical-09) !default;
+$SynSequential01_10: var(--syn-sequential-01-10) !default;
+$SynSequential01_20: var(--syn-sequential-01-20) !default;
+$SynSequential01_30: var(--syn-sequential-01-30) !default;
+$SynSequential01_40: var(--syn-sequential-01-40) !default;
+$SynSequential01_50: var(--syn-sequential-01-50) !default;
+$SynSequential01_60: var(--syn-sequential-01-60) !default;
+$SynSequential01_70: var(--syn-sequential-01-70) !default;
+$SynSequential01_80: var(--syn-sequential-01-80) !default;
+$SynSequential01_90: var(--syn-sequential-01-90) !default;
+$SynSequential01_100: var(--syn-sequential-01-100) !default;
+$SynSequential02_10: var(--syn-sequential-02-10) !default;
+$SynSequential02_20: var(--syn-sequential-02-20) !default;
+$SynSequential02_30: var(--syn-sequential-02-30) !default;
+$SynSequential02_40: var(--syn-sequential-02-40) !default;
+$SynSequential02_50: var(--syn-sequential-02-50) !default;
+$SynSequential02_60: var(--syn-sequential-02-60) !default;
+$SynSequential02_70: var(--syn-sequential-02-70) !default;
+$SynSequential02_80: var(--syn-sequential-02-80) !default;
+$SynSequential02_90: var(--syn-sequential-02-90) !default;
+$SynSequential02_100: var(--syn-sequential-02-100) !default;
+$SynSequential03_10: var(--syn-sequential-03-10) !default;
+$SynSequential03_20: var(--syn-sequential-03-20) !default;
+$SynSequential03_30: var(--syn-sequential-03-30) !default;
+$SynSequential03_40: var(--syn-sequential-03-40) !default;
+$SynSequential03_50: var(--syn-sequential-03-50) !default;
+$SynSequential03_60: var(--syn-sequential-03-60) !default;
+$SynSequential03_70: var(--syn-sequential-03-70) !default;
+$SynSequential03_80: var(--syn-sequential-03-80) !default;
+$SynSequential03_90: var(--syn-sequential-03-90) !default;
+$SynSequential03_100: var(--syn-sequential-03-100) !default;
+$SynSequential04_10: var(--syn-sequential-04-10) !default;
+$SynSequential04_20: var(--syn-sequential-04-20) !default;
+$SynSequential04_30: var(--syn-sequential-04-30) !default;
+$SynSequential04_40: var(--syn-sequential-04-40) !default;
+$SynSequential04_50: var(--syn-sequential-04-50) !default;
+$SynSequential04_60: var(--syn-sequential-04-60) !default;
+$SynSequential04_70: var(--syn-sequential-04-70) !default;
+$SynSequential04_80: var(--syn-sequential-04-80) !default;
+$SynSequential04_90: var(--syn-sequential-04-90) !default;
+$SynSequential04_100: var(--syn-sequential-04-100) !default;
+$SynSequential05_10: var(--syn-sequential-05-10) !default;
+$SynSequential05_20: var(--syn-sequential-05-20) !default;
+$SynSequential05_30: var(--syn-sequential-05-30) !default;
+$SynSequential05_40: var(--syn-sequential-05-40) !default;
+$SynSequential05_50: var(--syn-sequential-05-50) !default;
+$SynSequential05_60: var(--syn-sequential-05-60) !default;
+$SynSequential05_70: var(--syn-sequential-05-70) !default;
+$SynSequential05_80: var(--syn-sequential-05-80) !default;
+$SynSequential05_90: var(--syn-sequential-05-90) !default;
+$SynSequential05_100: var(--syn-sequential-05-100) !default;
+$SynSequential06_10: var(--syn-sequential-06-10) !default;
+$SynSequential06_20: var(--syn-sequential-06-20) !default;
+$SynSequential06_30: var(--syn-sequential-06-30) !default;
+$SynSequential06_40: var(--syn-sequential-06-40) !default;
+$SynSequential06_50: var(--syn-sequential-06-50) !default;
+$SynSequential06_60: var(--syn-sequential-06-60) !default;
+$SynSequential06_70: var(--syn-sequential-06-70) !default;
+$SynSequential06_80: var(--syn-sequential-06-80) !default;
+$SynSequential06_90: var(--syn-sequential-06-90) !default;
+$SynSequential06_100: var(--syn-sequential-06-100) !default;
+$SynSequential07_10: var(--syn-sequential-07-10) !default;
+$SynSequential07_20: var(--syn-sequential-07-20) !default;
+$SynSequential07_30: var(--syn-sequential-07-30) !default;
+$SynSequential07_40: var(--syn-sequential-07-40) !default;
+$SynSequential07_50: var(--syn-sequential-07-50) !default;
+$SynSequential07_60: var(--syn-sequential-07-60) !default;
+$SynSequential07_70: var(--syn-sequential-07-70) !default;
+$SynSequential07_80: var(--syn-sequential-07-80) !default;
+$SynSequential07_90: var(--syn-sequential-07-90) !default;
+$SynSequential07_100: var(--syn-sequential-07-100) !default;
+$SynSequentialStatusCritical10: var(--syn-sequential-status-critical-10) !default;
+$SynSequentialStatusCritical20: var(--syn-sequential-status-critical-20) !default;
+$SynSequentialStatusCritical30: var(--syn-sequential-status-critical-30) !default;
+$SynSequentialStatusCritical40: var(--syn-sequential-status-critical-40) !default;
+$SynSequentialStatusCritical50: var(--syn-sequential-status-critical-50) !default;
+$SynSequentialStatusCritical60: var(--syn-sequential-status-critical-60) !default;
+$SynSequentialStatusCritical70: var(--syn-sequential-status-critical-70) !default;
+$SynSequentialStatusCritical80: var(--syn-sequential-status-critical-80) !default;
+$SynSequentialStatusCritical90: var(--syn-sequential-status-critical-90) !default;
+$SynSequentialStatusCritical100: var(--syn-sequential-status-critical-100) !default;
+$SynSequentialStatusError10: var(--syn-sequential-status-error-10) !default;
+$SynSequentialStatusError20: var(--syn-sequential-status-error-20) !default;
+$SynSequentialStatusError30: var(--syn-sequential-status-error-30) !default;
+$SynSequentialStatusError40: var(--syn-sequential-status-error-40) !default;
+$SynSequentialStatusError50: var(--syn-sequential-status-error-50) !default;
+$SynSequentialStatusError60: var(--syn-sequential-status-error-60) !default;
+$SynSequentialStatusError70: var(--syn-sequential-status-error-70) !default;
+$SynSequentialStatusError80: var(--syn-sequential-status-error-80) !default;
+$SynSequentialStatusError90: var(--syn-sequential-status-error-90) !default;
+$SynSequentialStatusError100: var(--syn-sequential-status-error-100) !default;
+$SynSequentialStatusInfo10: var(--syn-sequential-status-info-10) !default;
+$SynSequentialStatusInfo20: var(--syn-sequential-status-info-20) !default;
+$SynSequentialStatusInfo30: var(--syn-sequential-status-info-30) !default;
+$SynSequentialStatusInfo40: var(--syn-sequential-status-info-40) !default;
+$SynSequentialStatusInfo50: var(--syn-sequential-status-info-50) !default;
+$SynSequentialStatusInfo60: var(--syn-sequential-status-info-60) !default;
+$SynSequentialStatusInfo70: var(--syn-sequential-status-info-70) !default;
+$SynSequentialStatusInfo80: var(--syn-sequential-status-info-80) !default;
+$SynSequentialStatusInfo90: var(--syn-sequential-status-info-90) !default;
+$SynSequentialStatusInfo100: var(--syn-sequential-status-info-100) !default;
+$SynSequentialStatusSuccess10: var(--syn-sequential-status-success-10) !default;
+$SynSequentialStatusSuccess20: var(--syn-sequential-status-success-20) !default;
+$SynSequentialStatusSuccess30: var(--syn-sequential-status-success-30) !default;
+$SynSequentialStatusSuccess40: var(--syn-sequential-status-success-40) !default;
+$SynSequentialStatusSuccess50: var(--syn-sequential-status-success-50) !default;
+$SynSequentialStatusSuccess60: var(--syn-sequential-status-success-60) !default;
+$SynSequentialStatusSuccess70: var(--syn-sequential-status-success-70) !default;
+$SynSequentialStatusSuccess80: var(--syn-sequential-status-success-80) !default;
+$SynSequentialStatusSuccess90: var(--syn-sequential-status-success-90) !default;
+$SynSequentialStatusSuccess100: var(--syn-sequential-status-success-100) !default;
+$SynSequentialStatusWarning10: var(--syn-sequential-status-warning-10) !default;
+$SynSequentialStatusWarning20: var(--syn-sequential-status-warning-20) !default;
+$SynSequentialStatusWarning30: var(--syn-sequential-status-warning-30) !default;
+$SynSequentialStatusWarning40: var(--syn-sequential-status-warning-40) !default;
+$SynSequentialStatusWarning50: var(--syn-sequential-status-warning-50) !default;
+$SynSequentialStatusWarning60: var(--syn-sequential-status-warning-60) !default;
+$SynSequentialStatusWarning70: var(--syn-sequential-status-warning-70) !default;
+$SynSequentialStatusWarning80: var(--syn-sequential-status-warning-80) !default;
+$SynSequentialStatusWarning90: var(--syn-sequential-status-warning-90) !default;
+$SynSequentialStatusWarning100: var(--syn-sequential-status-warning-100) !default;

package/data/layers/full/tokens/charts/themes/sick2025_dark.css

@@ -0,0 +1,142 @@
+/**
+ * @synergy-design-system/tokens version 3.15.0
+ * SICK Global UX Foundation
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root, .syn-sick2025-dark, .syn-theme-dark {
+  color-scheme: dark;
+
+  --syn-categorical-10: var(--syn-color-data-purple-500);
+  --syn-categorical-11: var(--syn-color-neutral-950);
+  --syn-categorical-12: var(--syn-color-data-magenta-600);
+  --syn-categorical-01: var(--syn-color-primary-400);
+  --syn-categorical-02: var(--syn-color-accent-700);
+  --syn-categorical-03: var(--syn-color-muted-500);
+  --syn-categorical-04: var(--syn-color-data-purple-700);
+  --syn-categorical-05: var(--syn-color-primary-700);
+  --syn-categorical-06: var(--syn-color-data-teal-400);
+  --syn-categorical-07: var(--syn-color-data-magenta-400);
+  --syn-categorical-08: var(--syn-color-neutral-800);
+  --syn-categorical-09: var(--syn-color-data-teal-500);
+  --syn-sequential-01-10: var(--syn-color-primary-100);
+  --syn-sequential-01-20: var(--syn-color-primary-200);
+  --syn-sequential-01-30: var(--syn-color-primary-300);
+  --syn-sequential-01-40: var(--syn-color-primary-400);
+  --syn-sequential-01-50: var(--syn-color-primary-500);
+  --syn-sequential-01-60: var(--syn-color-primary-600);
+  --syn-sequential-01-70: var(--syn-color-primary-700);
+  --syn-sequential-01-80: var(--syn-color-primary-800);
+  --syn-sequential-01-90: var(--syn-color-primary-900);
+  --syn-sequential-01-100: var(--syn-color-primary-950);
+  --syn-sequential-02-10: var(--syn-color-accent-100);
+  --syn-sequential-02-20: var(--syn-color-accent-200);
+  --syn-sequential-02-30: var(--syn-color-accent-300);
+  --syn-sequential-02-40: var(--syn-color-accent-400);
+  --syn-sequential-02-50: var(--syn-color-accent-500);
+  --syn-sequential-02-60: var(--syn-color-accent-600);
+  --syn-sequential-02-70: var(--syn-color-accent-700);
+  --syn-sequential-02-80: var(--syn-color-accent-800);
+  --syn-sequential-02-90: var(--syn-color-accent-900);
+  --syn-sequential-02-100: var(--syn-color-accent-950);
+  --syn-sequential-03-10: var(--syn-color-muted-100);
+  --syn-sequential-03-20: var(--syn-color-muted-200);
+  --syn-sequential-03-30: var(--syn-color-muted-300);
+  --syn-sequential-03-40: var(--syn-color-muted-400);
+  --syn-sequential-03-50: var(--syn-color-muted-500);
+  --syn-sequential-03-60: var(--syn-color-muted-600);
+  --syn-sequential-03-70: var(--syn-color-muted-700);
+  --syn-sequential-03-80: var(--syn-color-muted-800);
+  --syn-sequential-03-90: var(--syn-color-muted-900);
+  --syn-sequential-03-100: var(--syn-color-muted-950);
+  --syn-sequential-04-10: var(--syn-color-data-purple-100);
+  --syn-sequential-04-20: var(--syn-color-data-purple-200);
+  --syn-sequential-04-30: var(--syn-color-data-purple-300);
+  --syn-sequential-04-40: var(--syn-color-data-purple-400);
+  --syn-sequential-04-50: var(--syn-color-data-purple-500);
+  --syn-sequential-04-60: var(--syn-color-data-purple-600);
+  --syn-sequential-04-70: var(--syn-color-data-purple-700);
+  --syn-sequential-04-80: var(--syn-color-data-purple-800);
+  --syn-sequential-04-90: var(--syn-color-data-purple-900);
+  --syn-sequential-04-100: var(--syn-color-data-purple-950);
+  --syn-sequential-05-10: var(--syn-color-data-teal-100);
+  --syn-sequential-05-20: var(--syn-color-data-teal-200);
+  --syn-sequential-05-30: var(--syn-color-data-teal-300);
+  --syn-sequential-05-40: var(--syn-color-data-teal-400);
+  --syn-sequential-05-50: var(--syn-color-data-teal-500);
+  --syn-sequential-05-60: var(--syn-color-data-teal-600);
+  --syn-sequential-05-70: var(--syn-color-data-teal-700);
+  --syn-sequential-05-80: var(--syn-color-data-teal-800);
+  --syn-sequential-05-90: var(--syn-color-data-teal-900);
+  --syn-sequential-05-100: var(--syn-color-data-teal-950);
+  --syn-sequential-06-10: var(--syn-color-data-magenta-100);
+  --syn-sequential-06-20: var(--syn-color-data-magenta-200);
+  --syn-sequential-06-30: var(--syn-color-data-magenta-300);
+  --syn-sequential-06-40: var(--syn-color-data-magenta-400);
+  --syn-sequential-06-50: var(--syn-color-data-magenta-500);
+  --syn-sequential-06-60: var(--syn-color-data-magenta-600);
+  --syn-sequential-06-70: var(--syn-color-data-magenta-700);
+  --syn-sequential-06-80: var(--syn-color-data-magenta-800);
+  --syn-sequential-06-90: var(--syn-color-data-magenta-900);
+  --syn-sequential-06-100: var(--syn-color-data-magenta-950);
+  --syn-sequential-07-10: var(--syn-color-neutral-100);
+  --syn-sequential-07-20: var(--syn-color-neutral-200);
+  --syn-sequential-07-30: var(--syn-color-neutral-300);
+  --syn-sequential-07-40: var(--syn-color-neutral-400);
+  --syn-sequential-07-50: var(--syn-color-neutral-500);
+  --syn-sequential-07-60: var(--syn-color-neutral-600);
+  --syn-sequential-07-70: var(--syn-color-neutral-700);
+  --syn-sequential-07-80: var(--syn-color-neutral-800);
+  --syn-sequential-07-90: var(--syn-color-neutral-900);
+  --syn-sequential-07-100: var(--syn-color-neutral-950);
+  --syn-sequential-status-critical-10: var(--syn-color-critical-100);
+  --syn-sequential-status-critical-20: var(--syn-color-critical-200);
+  --syn-sequential-status-critical-30: var(--syn-color-critical-300);
+  --syn-sequential-status-critical-40: var(--syn-color-critical-400);
+  --syn-sequential-status-critical-50: var(--syn-color-critical-500);
+  --syn-sequential-status-critical-60: var(--syn-color-critical-600);
+  --syn-sequential-status-critical-70: var(--syn-color-critical-700);
+  --syn-sequential-status-critical-80: var(--syn-color-critical-800);
+  --syn-sequential-status-critical-90: var(--syn-color-critical-900);
+  --syn-sequential-status-critical-100: var(--syn-color-critical-950);
+  --syn-sequential-status-error-10: var(--syn-color-error-100);
+  --syn-sequential-status-error-20: var(--syn-color-error-200);
+  --syn-sequential-status-error-30: var(--syn-color-error-300);
+  --syn-sequential-status-error-40: var(--syn-color-error-400);
+  --syn-sequential-status-error-50: var(--syn-color-error-500);
+  --syn-sequential-status-error-60: var(--syn-color-error-600);
+  --syn-sequential-status-error-70: var(--syn-color-error-700);
+  --syn-sequential-status-error-80: var(--syn-color-error-800);
+  --syn-sequential-status-error-90: var(--syn-color-error-900);
+  --syn-sequential-status-error-100: var(--syn-color-error-950);
+  --syn-sequential-status-info-10: var(--syn-color-info-100);
+  --syn-sequential-status-info-20: var(--syn-color-info-200);
+  --syn-sequential-status-info-30: var(--syn-color-info-300);
+  --syn-sequential-status-info-40: var(--syn-color-info-400);
+  --syn-sequential-status-info-50: var(--syn-color-info-500);
+  --syn-sequential-status-info-60: var(--syn-color-info-600);
+  --syn-sequential-status-info-70: var(--syn-color-info-700);
+  --syn-sequential-status-info-80: var(--syn-color-info-800);
+  --syn-sequential-status-info-90: var(--syn-color-info-900);
+  --syn-sequential-status-info-100: var(--syn-color-info-950);
+  --syn-sequential-status-success-10: var(--syn-color-success-100);
+  --syn-sequential-status-success-20: var(--syn-color-success-200);
+  --syn-sequential-status-success-30: var(--syn-color-success-300);
+  --syn-sequential-status-success-40: var(--syn-color-success-400);
+  --syn-sequential-status-success-50: var(--syn-color-success-500);
+  --syn-sequential-status-success-60: var(--syn-color-success-600);
+  --syn-sequential-status-success-70: var(--syn-color-success-700);
+  --syn-sequential-status-success-80: var(--syn-color-success-800);
+  --syn-sequential-status-success-90: var(--syn-color-success-900);
+  --syn-sequential-status-success-100: var(--syn-color-success-950);
+  --syn-sequential-status-warning-10: var(--syn-color-warning-100);
+  --syn-sequential-status-warning-20: var(--syn-color-warning-200);
+  --syn-sequential-status-warning-30: var(--syn-color-warning-300);
+  --syn-sequential-status-warning-40: var(--syn-color-warning-400);
+  --syn-sequential-status-warning-50: var(--syn-color-warning-500);
+  --syn-sequential-status-warning-60: var(--syn-color-warning-600);
+  --syn-sequential-status-warning-70: var(--syn-color-warning-700);
+  --syn-sequential-status-warning-80: var(--syn-color-warning-800);
+  --syn-sequential-status-warning-90: var(--syn-color-warning-900);
+  --syn-sequential-status-warning-100: var(--syn-color-warning-950);
+}

package/data/layers/full/tokens/charts/themes/sick2025_light.css

@@ -0,0 +1,142 @@
+/**
+ * @synergy-design-system/tokens version 3.15.0
+ * SICK Global UX Foundation
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root, .syn-sick2025-light, .syn-theme-light {
+  color-scheme: light;
+
+  --syn-categorical-10: var(--syn-color-data-purple-700);
+  --syn-categorical-11: var(--syn-color-neutral-500);
+  --syn-categorical-12: var(--syn-color-data-magenta-500);
+  --syn-categorical-01: var(--syn-color-primary-700);
+  --syn-categorical-02: var(--syn-color-accent-600);
+  --syn-categorical-03: var(--syn-color-muted-600);
+  --syn-categorical-04: var(--syn-color-data-purple-400);
+  --syn-categorical-05: var(--syn-color-primary-900);
+  --syn-categorical-06: var(--syn-color-data-teal-600);
+  --syn-categorical-07: var(--syn-color-data-magenta-700);
+  --syn-categorical-08: var(--syn-color-neutral-800);
+  --syn-categorical-09: var(--syn-color-data-teal-800);
+  --syn-sequential-01-10: var(--syn-color-primary-100);
+  --syn-sequential-01-20: var(--syn-color-primary-200);
+  --syn-sequential-01-30: var(--syn-color-primary-300);
+  --syn-sequential-01-40: var(--syn-color-primary-400);
+  --syn-sequential-01-50: var(--syn-color-primary-500);
+  --syn-sequential-01-60: var(--syn-color-primary-600);
+  --syn-sequential-01-70: var(--syn-color-primary-700);
+  --syn-sequential-01-80: var(--syn-color-primary-800);
+  --syn-sequential-01-90: var(--syn-color-primary-900);
+  --syn-sequential-01-100: var(--syn-color-primary-950);
+  --syn-sequential-02-10: var(--syn-color-accent-100);
+  --syn-sequential-02-20: var(--syn-color-accent-200);
+  --syn-sequential-02-30: var(--syn-color-accent-300);
+  --syn-sequential-02-40: var(--syn-color-accent-400);
+  --syn-sequential-02-50: var(--syn-color-accent-500);
+  --syn-sequential-02-60: var(--syn-color-accent-600);
+  --syn-sequential-02-70: var(--syn-color-accent-700);
+  --syn-sequential-02-80: var(--syn-color-accent-800);
+  --syn-sequential-02-90: var(--syn-color-accent-900);
+  --syn-sequential-02-100: var(--syn-color-accent-950);
+  --syn-sequential-03-10: var(--syn-color-muted-100);
+  --syn-sequential-03-20: var(--syn-color-muted-200);
+  --syn-sequential-03-30: var(--syn-color-muted-300);
+  --syn-sequential-03-40: var(--syn-color-muted-400);
+  --syn-sequential-03-50: var(--syn-color-muted-500);
+  --syn-sequential-03-60: var(--syn-color-muted-600);
+  --syn-sequential-03-70: var(--syn-color-muted-700);
+  --syn-sequential-03-80: var(--syn-color-muted-800);
+  --syn-sequential-03-90: var(--syn-color-muted-900);
+  --syn-sequential-03-100: var(--syn-color-muted-950);
+  --syn-sequential-04-10: var(--syn-color-data-purple-100);
+  --syn-sequential-04-20: var(--syn-color-data-purple-200);
+  --syn-sequential-04-30: var(--syn-color-data-purple-300);
+  --syn-sequential-04-40: var(--syn-color-data-purple-400);
+  --syn-sequential-04-50: var(--syn-color-data-purple-500);
+  --syn-sequential-04-60: var(--syn-color-data-purple-600);
+  --syn-sequential-04-70: var(--syn-color-data-purple-700);
+  --syn-sequential-04-80: var(--syn-color-data-purple-800);
+  --syn-sequential-04-90: var(--syn-color-data-purple-900);
+  --syn-sequential-04-100: var(--syn-color-data-purple-950);
+  --syn-sequential-05-10: var(--syn-color-data-teal-100);
+  --syn-sequential-05-20: var(--syn-color-data-teal-200);
+  --syn-sequential-05-30: var(--syn-color-data-teal-300);
+  --syn-sequential-05-40: var(--syn-color-data-teal-400);
+  --syn-sequential-05-50: var(--syn-color-data-teal-500);
+  --syn-sequential-05-60: var(--syn-color-data-teal-600);
+  --syn-sequential-05-70: var(--syn-color-data-teal-700);
+  --syn-sequential-05-80: var(--syn-color-data-teal-800);
+  --syn-sequential-05-90: var(--syn-color-data-teal-900);
+  --syn-sequential-05-100: var(--syn-color-data-teal-950);
+  --syn-sequential-06-10: var(--syn-color-data-magenta-100);
+  --syn-sequential-06-20: var(--syn-color-data-magenta-200);
+  --syn-sequential-06-30: var(--syn-color-data-magenta-300);
+  --syn-sequential-06-40: var(--syn-color-data-magenta-400);
+  --syn-sequential-06-50: var(--syn-color-data-magenta-500);
+  --syn-sequential-06-60: var(--syn-color-data-magenta-600);
+  --syn-sequential-06-70: var(--syn-color-data-magenta-700);
+  --syn-sequential-06-80: var(--syn-color-data-magenta-800);
+  --syn-sequential-06-90: var(--syn-color-data-magenta-900);
+  --syn-sequential-06-100: var(--syn-color-data-magenta-950);
+  --syn-sequential-07-10: var(--syn-color-neutral-100);
+  --syn-sequential-07-20: var(--syn-color-neutral-200);
+  --syn-sequential-07-30: var(--syn-color-neutral-300);
+  --syn-sequential-07-40: var(--syn-color-neutral-400);
+  --syn-sequential-07-50: var(--syn-color-neutral-500);
+  --syn-sequential-07-60: var(--syn-color-neutral-600);
+  --syn-sequential-07-70: var(--syn-color-neutral-700);
+  --syn-sequential-07-80: var(--syn-color-neutral-800);
+  --syn-sequential-07-90: var(--syn-color-neutral-900);
+  --syn-sequential-07-100: var(--syn-color-neutral-950);
+  --syn-sequential-status-critical-10: var(--syn-color-critical-100);
+  --syn-sequential-status-critical-20: var(--syn-color-critical-200);
+  --syn-sequential-status-critical-30: var(--syn-color-critical-300);
+  --syn-sequential-status-critical-40: var(--syn-color-critical-400);
+  --syn-sequential-status-critical-50: var(--syn-color-critical-500);
+  --syn-sequential-status-critical-60: var(--syn-color-critical-600);
+  --syn-sequential-status-critical-70: var(--syn-color-critical-700);
+  --syn-sequential-status-critical-80: var(--syn-color-critical-800);
+  --syn-sequential-status-critical-90: var(--syn-color-critical-900);
+  --syn-sequential-status-critical-100: var(--syn-color-critical-950);
+  --syn-sequential-status-error-10: var(--syn-color-error-100);
+  --syn-sequential-status-error-20: var(--syn-color-error-200);
+  --syn-sequential-status-error-30: var(--syn-color-error-300);
+  --syn-sequential-status-error-40: var(--syn-color-error-400);
+  --syn-sequential-status-error-50: var(--syn-color-error-500);
+  --syn-sequential-status-error-60: var(--syn-color-error-600);
+  --syn-sequential-status-error-70: var(--syn-color-error-700);
+  --syn-sequential-status-error-80: var(--syn-color-error-800);
+  --syn-sequential-status-error-90: var(--syn-color-error-900);
+  --syn-sequential-status-error-100: var(--syn-color-error-950);
+  --syn-sequential-status-info-10: var(--syn-color-info-100);
+  --syn-sequential-status-info-20: var(--syn-color-info-200);
+  --syn-sequential-status-info-30: var(--syn-color-info-300);
+  --syn-sequential-status-info-40: var(--syn-color-info-400);
+  --syn-sequential-status-info-50: var(--syn-color-info-500);
+  --syn-sequential-status-info-60: var(--syn-color-info-600);
+  --syn-sequential-status-info-70: var(--syn-color-info-700);
+  --syn-sequential-status-info-80: var(--syn-color-info-800);
+  --syn-sequential-status-info-90: var(--syn-color-info-900);
+  --syn-sequential-status-info-100: var(--syn-color-info-950);
+  --syn-sequential-status-success-10: var(--syn-color-success-100);
+  --syn-sequential-status-success-20: var(--syn-color-success-200);
+  --syn-sequential-status-success-30: var(--syn-color-success-300);
+  --syn-sequential-status-success-40: var(--syn-color-success-400);
+  --syn-sequential-status-success-50: var(--syn-color-success-500);
+  --syn-sequential-status-success-60: var(--syn-color-success-600);
+  --syn-sequential-status-success-70: var(--syn-color-success-700);
+  --syn-sequential-status-success-80: var(--syn-color-success-800);
+  --syn-sequential-status-success-90: var(--syn-color-success-900);
+  --syn-sequential-status-success-100: var(--syn-color-success-950);
+  --syn-sequential-status-warning-10: var(--syn-color-warning-100);
+  --syn-sequential-status-warning-20: var(--syn-color-warning-200);
+  --syn-sequential-status-warning-30: var(--syn-color-warning-300);
+  --syn-sequential-status-warning-40: var(--syn-color-warning-400);
+  --syn-sequential-status-warning-50: var(--syn-color-warning-500);
+  --syn-sequential-status-warning-60: var(--syn-color-warning-600);
+  --syn-sequential-status-warning-70: var(--syn-color-warning-700);
+  --syn-sequential-status-warning-80: var(--syn-color-warning-800);
+  --syn-sequential-status-warning-90: var(--syn-color-warning-900);
+  --syn-sequential-status-warning-100: var(--syn-color-warning-950);
+}

package/data/layers/full/tokens/figma-variables/sick2025-light.json

@@ -94,7 +94,7 @@
   "background": {
     "color-1": {
       "type": "color",
-      "value": "#ece8e5"
+      "value": "{color.muted.200}"
     },
     "color-2": {
       "type": "color",
@@ -1060,7 +1060,7 @@
     "border": {
       "color": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       }
     }
   },
@@ -1350,11 +1350,11 @@
     "background": {
       "color-active": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       },
       "color-hover": {
         "type": "color",
-        "value": "#f2f0ed"
+        "value": "{color.muted.100}"
       }
     },
     "emphasis": {
@@ -1521,11 +1521,11 @@
     "neutral": {
       "color": {
         "type": "color",
-        "value": "#d5ccc5"
+        "value": "{color.muted.400}"
       },
       "color-background": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       }
     },
     "success": {
@@ -1632,7 +1632,7 @@
     },
     "background-color-muted": {
       "type": "color",
-      "value": "#f8f7f6"
+      "value": "{color.muted.50}"
     }
   },
   "panel": {
@@ -1645,7 +1645,7 @@
     "border": {
       "color": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       },
       "radius": {
         "type": "sizing",
@@ -1699,7 +1699,7 @@
     "background": {
       "color": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       }
     },
     "border": {
@@ -1883,17 +1883,17 @@
       },
       "color-alternating": {
         "type": "color",
-        "value": "#f8f7f6"
+        "value": "{color.muted.50}"
       },
       "color-header": {
         "type": "color",
-        "value": "#f2f0ed"
+        "value": "{color.muted.100}"
       }
     },
     "border": {
       "color": {
         "type": "color",
-        "value": "#e6e1dc"
+        "value": "{color.muted.300}"
       }
     },
     "shadow": {

package/data/layers/full/tokens/js/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/js/index.js

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  */
 

package/data/layers/full/tokens/scss/_tokens.scss

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  */
 $SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;

package/data/layers/full/tokens/themes/sick2018_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/layers/full/tokens/themes/sick2018_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/layers/full/tokens/themes/sick2025_dark.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/layers/full/tokens/themes/sick2025_light.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.13.4
+ * @synergy-design-system/tokens version 3.15.0
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */
@@ -235,7 +235,7 @@
   --syn-font-weight-light: 400; /** Shoelace compatibility DO NOT USE */
   --syn-font-weight-normal: 400;
   --syn-font-weight-semibold: 600;
-  --syn-header-border-color: #e6e1dc;
+  --syn-header-border-color: var(--syn-color-muted-300);
   --syn-icon-button-focus-ring-border-radius: var(--syn-border-radius-pill);
   --syn-input-background-color: var(--syn-color-neutral-0);
   --syn-input-background-color-disabled: var(--syn-input-background-color);
@@ -297,8 +297,8 @@
   --syn-input-spacing-medium: var(--syn-spacing-medium);
   --syn-input-spacing-small: var(--syn-spacing-small);
   --syn-input-width: var(--syn-border-width-small);
-  --syn-interactive-background-color-active: #e6e1dc;
-  --syn-interactive-background-color-hover: #f2f0ed;
+  --syn-interactive-background-color-active: var(--syn-color-muted-300);
+  --syn-interactive-background-color-hover: var(--syn-color-muted-100);
   --syn-interactive-emphasis-color: var(--syn-color-primary-700);
   --syn-interactive-emphasis-color-active: var(--syn-color-primary-1000);
   --syn-interactive-emphasis-color-hover: var(--syn-color-primary-950);
@@ -331,8 +331,8 @@
   --syn-namur-icon-color: var(--syn-color-neutral-950);
   --syn-namur-info-color: var(--syn-color-info-400);
   --syn-namur-info-color-background: var(--syn-color-info-100);
-  --syn-namur-neutral-color: #d5ccc5;
-  --syn-namur-neutral-color-background: #e6e1dc;
+  --syn-namur-neutral-color: var(--syn-color-muted-400);
+  --syn-namur-neutral-color-background: var(--syn-color-muted-300);
   --syn-namur-success-color: var(--syn-color-success-500);
   --syn-namur-success-color-background: var(--syn-color-success-100);
   --syn-namur-warning-color: var(--syn-color-warning-500);
@@ -353,9 +353,9 @@
   --syn-overlay-background-color: rgba(0, 5, 26, 0.3);
   --syn-page-background: var(--syn-page-background-color); /** Will be DEPRECATED */
   --syn-page-background-color: var(--syn-color-neutral-0);
-  --syn-page-background-color-muted: #f8f7f6;
+  --syn-page-background-color-muted: var(--syn-color-muted-50);
   --syn-panel-background-color: var(--syn-color-neutral-0);
-  --syn-panel-border-color: #e6e1dc;
+  --syn-panel-border-color: var(--syn-color-muted-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-700);
@@ -364,7 +364,7 @@
   --syn-range-error-color: var(--syn-color-error-600);
   --syn-range-tick-color: var(--syn-color-neutral-500);
   --syn-range-track-color-active: var(--syn-interactive-emphasis-color);
-  --syn-readonly-background-color: #e6e1dc;
+  --syn-readonly-background-color: var(--syn-color-muted-300);
   --syn-readonly-border-color: var(--syn-typography-color-text);
   --syn-readonly-color-text: var(--syn-color-neutral-400);
   --syn-readonly-icon-color: var(--syn-color-neutral-400);
@@ -403,9 +403,9 @@
   --syn-switch-width-medium: var(--syn-spacing-1-5x-large);
   --syn-switch-width-small: var(--syn-spacing-x-large);
   --syn-table-background-color: var(--syn-panel-background-color);
-  --syn-table-background-color-alternating: #f8f7f6;
-  --syn-table-background-color-header: #f2f0ed;
-  --syn-table-border-color: #e6e1dc;
+  --syn-table-background-color-alternating: var(--syn-color-muted-50);
+  --syn-table-background-color-header: var(--syn-color-muted-100);
+  --syn-table-border-color: var(--syn-color-muted-300);
   --syn-table-shadow-end: rgba(13, 13, 13, 0);
   --syn-table-shadow-start: rgba(13, 13, 13, 0.16);
   --syn-text-decoration-default: none;

package/data/layers/interface/component/component:syn-accordion.json

@@ -34,7 +34,8 @@
   "dependencies": [],
   "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs",
   "events": [],
-  "figmaComponentId": "41094-279501",
+  "figmaComponentId": "20877-88547",
+  "figmaDocsId": "41094-279501",
   "methods": [
     {
       "description": "",
@@ -81,7 +82,7 @@
       "type": "'small' | 'medium' | 'large'"
     }
   ],
-  "since": "1.23.0",
+  "since": "2.3.0",
   "slots": [
     {
       "description": "The accordion's main content. Must be `<syn-details />` elements.",