npm - @synergy-design-system/mcp - Versions diffs - 2.15.0 → 3.0.1 - Mend

@synergy-design-system/mcp 2.15.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (531) hide show

package/metadata/packages/tokens/sick2025_light.css DELETED Viewed

@@ -1,454 +0,0 @@
-/**
- * @synergy-design-system/tokens version 3.11.1
- * SICK Global UX Foundation
- * Do not edit directly, this file was auto-generated.
- */
-:root, .syn-sick2025-light, .syn-theme-light {
-  color-scheme: light;
-  --syn-alert-error-color-background: var(--syn-namur-error-color-background);
-  --syn-alert-error-color-border: var(--syn-namur-error-color-background);
-  --syn-alert-error-color-icon: var(--syn-typography-color-text);
-  --syn-alert-error-color-indicator: var(--syn-namur-error-color);
-  --syn-alert-informative-color-background: var(--syn-namur-info-color-background);
-  --syn-alert-informative-color-border: var(--syn-namur-info-color-background);
-  --syn-alert-informative-color-icon: var(--syn-typography-color-text);
-  --syn-alert-informative-color-indicator: var(--syn-namur-info-color);
-  --syn-alert-neutral-color-background: var(--syn-namur-neutral-color-background);
-  --syn-alert-neutral-color-border: var(--syn-namur-neutral-color-background);
-  --syn-alert-neutral-color-icon: var(--syn-typography-color-text);
-  --syn-alert-neutral-color-indicator: var(--syn-namur-neutral-color);
-  --syn-alert-success-color-background: var(--syn-namur-success-color-background);
-  --syn-alert-success-color-border: var(--syn-namur-success-color-background);
-  --syn-alert-success-color-icon: var(--syn-typography-color-text);
-  --syn-alert-success-color-indicator: var(--syn-namur-success-color);
-  --syn-alert-warning-color-background: var(--syn-namur-warning-color-background);
-  --syn-alert-warning-color-border: var(--syn-namur-warning-color-background);
-  --syn-alert-warning-color-icon: var(--syn-typography-color-text);
-  --syn-alert-warning-color-indicator: var(--syn-namur-warning-color);
-  --syn-badge-error-color-background: var(--syn-namur-error-color);
-  --syn-badge-error-color-text: var(--syn-typography-color-text);
-  --syn-badge-informative-color-background: var(--syn-namur-info-color);
-  --syn-badge-informative-color-text: var(--syn-typography-color-text);
-  --syn-badge-neutral-color-background: var(--syn-namur-neutral-color);
-  --syn-badge-neutral-color-text: var(--syn-typography-color-text);
-  --syn-badge-success-color-background: var(--syn-namur-success-color);
-  --syn-badge-success-color-text: var(--syn-typography-color-text);
-  --syn-badge-warning-color-background: var(--syn-namur-warning-color);
-  --syn-badge-warning-color-text: var(--syn-typography-color-text);
-  --syn-border-radius-circle: 9999px;
-  --syn-border-radius-large: 8px;
-  --syn-border-radius-medium: 8px;
-  --syn-border-radius-none: 0;
-  --syn-border-radius-pill: 9999px;
-  --syn-border-radius-small: 4px;
-  --syn-border-radius-x-large: 16px;
-  --syn-border-width-large: 3px; /** Large */
-  --syn-border-width-medium: 2px; /** Medium */
-  --syn-border-width-none: 0; /** None */
-  --syn-border-width-small: 1px; /** Small */
-  --syn-border-width-x-large: 4px; /** X Large */
-  --syn-breadcrumb-color: var(--syn-typography-color-text);
-  --syn-button-border-radius-large: var(--syn-border-radius-pill);
-  --syn-button-border-radius-medium: var(--syn-border-radius-pill);
-  --syn-button-border-radius-small: var(--syn-border-radius-pill);
-  --syn-button-color: var(--syn-interactive-emphasis-color);
-  --syn-button-color-active: var(--syn-interactive-emphasis-color-active);
-  --syn-button-color-hover: var(--syn-interactive-emphasis-color-hover);
-  --syn-button-filled-color-text: var(--syn-color-neutral-0);
-  --syn-button-filled-color-text-active: var(--syn-color-neutral-0);
-  --syn-button-filled-color-text-hover: var(--syn-color-neutral-0);
-  --syn-button-font-size-large: var(--syn-font-size-large);
-  --syn-button-font-size-medium: var(--syn-font-size-medium);
-  --syn-button-font-size-small: var(--syn-font-size-small);
-  --syn-button-outline-color-active: var(--syn-interactive-emphasis-color-active);
-  --syn-button-outline-color-hover: var(--syn-interactive-emphasis-color-hover);
-  --syn-button-outline-color-text: var(--syn-typography-color-text);
-  --syn-button-outline-color-text-active: var(--syn-typography-color-text-inverted);
-  --syn-button-outline-color-text-hover: var(--syn-typography-color-text-inverted);
-  --syn-button-text-color-text: var(--syn-button-color);
-  --syn-button-text-color-text-active: var(--syn-button-color-active);
-  --syn-button-text-color-text-hover: var(--syn-button-color-hover);
-  --syn-checkbox-border-radius: var(--syn-border-radius-small);
-  --syn-color-accent-50: #e9f8ed;
-  --syn-color-accent-100: #d2f0dc;
-  --syn-color-accent-200: #bbe8c8;
-  --syn-color-accent-300: #a5e1b9;
-  --syn-color-accent-400: #83d2a3;
-  --syn-color-accent-500: #4fb87c;
-  --syn-color-accent-600: #2d9c60;
-  --syn-color-accent-700: #1e7d4c;
-  --syn-color-accent-800: #18643e;
-  --syn-color-accent-900: #155033;
-  --syn-color-accent-950: #092518;
-  --syn-color-critical-50: #fffbec;
-  --syn-color-critical-100: #fff7d3;
-  --syn-color-critical-200: #ffeba5;
-  --syn-color-critical-300: #ffdb6d;
-  --syn-color-critical-400: #ffbf32;
-  --syn-color-critical-500: #ffa80a;
-  --syn-color-critical-600: #ff9100;
-  --syn-color-critical-700: #cc6b02;
-  --syn-color-critical-800: #a1520b;
-  --syn-color-critical-900: #82450c;
-  --syn-color-critical-950: #462104;
-  --syn-color-data-magenta-50: #fdf2f9;
-  --syn-color-data-magenta-100: #fce7f5;
-  --syn-color-data-magenta-200: #fcceed;
-  --syn-color-data-magenta-300: #fba6dd;
-  --syn-color-data-magenta-400: #f76fc5;
-  --syn-color-data-magenta-500: #ef45ab;
-  --syn-color-data-magenta-600: #e13393;
-  --syn-color-data-magenta-700: #c1156e;
-  --syn-color-data-magenta-800: #a0145b;
-  --syn-color-data-magenta-900: #85164f;
-  --syn-color-data-magenta-950: #51062c;
-  --syn-color-data-purple-50: #faf3ff;
-  --syn-color-data-purple-100: #f6e7ff;
-  --syn-color-data-purple-200: #ebceff;
-  --syn-color-data-purple-300: #e0a7ff;
-  --syn-color-data-purple-400: #c457ff;
-  --syn-color-data-purple-500: #b73ef7;
-  --syn-color-data-purple-600: #9d1edb;
-  --syn-color-data-purple-700: #8515b6;
-  --syn-color-data-purple-800: #6f1395;
-  --syn-color-data-purple-900: #5e1679;
-  --syn-color-data-purple-950: #3c0151;
-  --syn-color-data-teal-50: #effefc;
-  --syn-color-data-teal-100: #c7fff9;
-  --syn-color-data-teal-200: #90fff3;
-  --syn-color-data-teal-300: #51f7ec;
-  --syn-color-data-teal-400: #1de4dd;
-  --syn-color-data-teal-500: #04c8c3;
-  --syn-color-data-teal-600: #009797;
-  --syn-color-data-teal-700: #057f80;
-  --syn-color-data-teal-800: #0a6365;
-  --syn-color-data-teal-900: #0d5354;
-  --syn-color-data-teal-950: #002f33;
-  --syn-color-error-50: #fff1f1;
-  --syn-color-error-100: #ffe3e4;
-  --syn-color-error-200: #ffcfd1;
-  --syn-color-error-300: #ffa0a2;
-  --syn-color-error-400: #ff696d;
-  --syn-color-error-500: #f93a3f;
-  --syn-color-error-600: #e6191e;
-  --syn-color-error-700: #bc1519;
-  --syn-color-error-800: #941013;
-  --syn-color-error-900: #6c0c0e;
-  --syn-color-error-950: #450709;
-  --syn-color-info-50: #effaff;
-  --syn-color-info-100: #dff4ff;
-  --syn-color-info-200: #a6e9ff;
-  --syn-color-info-300: #78ddff;
-  --syn-color-info-400: #26c9ff;
-  --syn-color-info-500: #06b6f1;
-  --syn-color-info-600: #0092ce;
-  --syn-color-info-700: #0075a7;
-  --syn-color-info-800: #02628a;
-  --syn-color-info-900: #085172;
-  --syn-color-info-950: #06334b;
-  --syn-color-muted-50: #f8f7f6;
-  --syn-color-muted-100: #f2f0ed;
-  --syn-color-muted-200: #ece8e5;
-  --syn-color-muted-300: #e6e1dc;
-  --syn-color-muted-400: #d5ccc5;
-  --syn-color-muted-500: #ab988c;
-  --syn-color-muted-600: #8d7269;
-  --syn-color-muted-700: #765f58;
-  --syn-color-muted-800: #614e4b;
-  --syn-color-muted-900: #50423e;
-  --syn-color-muted-950: #2a2120;
-  --syn-color-neutral-0: #ffffff;
-  --syn-color-neutral-50: #f2f2f2;
-  --syn-color-neutral-100: #e7e7e7;
-  --syn-color-neutral-200: #cccccc;
-  --syn-color-neutral-300: #b2b2b2;
-  --syn-color-neutral-400: #999999;
-  --syn-color-neutral-500: #868686;
-  --syn-color-neutral-600: #666666;
-  --syn-color-neutral-700: #565656;
-  --syn-color-neutral-800: #333333;
-  --syn-color-neutral-900: #1a1a1a;
-  --syn-color-neutral-950: #0d0d0d;
-  --syn-color-neutral-1000: #000000;
-  --syn-color-primary-50: #eff5ff;
-  --syn-color-primary-100: #dae7ff;
-  --syn-color-primary-200: #ccdeff;
-  --syn-color-primary-300: #91bbff;
-  --syn-color-primary-400: #5e97fc;
-  --syn-color-primary-500: #3183fe;
-  --syn-color-primary-600: #066fff;
-  --syn-color-primary-700: #005aff;
-  --syn-color-primary-800: #0845c5;
-  --syn-color-primary-900: #0d3f9b;
-  --syn-color-primary-950: #0e275d;
-  --syn-color-primary-1000: #000a37;
-  --syn-color-success-50: #f0fdf4;
-  --syn-color-success-100: #ddfbe6;
-  --syn-color-success-200: #bcf6cf;
-  --syn-color-success-300: #84eca7;
-  --syn-color-success-400: #6ad88f;
-  --syn-color-success-500: #4fc275;
-  --syn-color-success-600: #34ad5c;
-  --syn-color-success-700: #1a9945;
-  --syn-color-success-800: #00852c;
-  --syn-color-success-900: #026524;
-  --syn-color-success-950: #003911;
-  --syn-color-warning-50: #fffbeb;
-  --syn-color-warning-100: #fff5c6;
-  --syn-color-warning-200: #ffe67c;
-  --syn-color-warning-300: #fbdb52;
-  --syn-color-warning-400: #f6d029;
-  --syn-color-warning-500: #f2c500;
-  --syn-color-warning-600: #d19800;
-  --syn-color-warning-700: #a66c02;
-  --syn-color-warning-800: #89540a;
-  --syn-color-warning-900: #74450f;
-  --syn-color-warning-950: #442404;
-  --syn-details-open-rotation: 0deg;
-  --syn-dimension-base: 4px; /** to be deprecated */
-  --syn-duration-extra-fast: 50ms;
-  --syn-duration-extra-slow: 1000ms;
-  --syn-duration-fast: 150ms;
-  --syn-duration-normal: 250ms;
-  --syn-duration-slow: 500ms;
-  --syn-focus-ring-border-radius: var(--syn-border-radius-small);
-  --syn-focus-ring-color: var(--syn-color-primary-500);
-  --syn-focus-ring-offset: var(--syn-spacing-3x-small);
-  --syn-focus-ring-style: solid;
-  --syn-focus-ring-width: var(--syn-border-width-medium);
-  --syn-font-mono: 'Roboto Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /** Coding font */
-  --syn-font-sans: 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; /** Main font */
-  --syn-font-sans-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol'; /** System font */
-  --syn-font-serif: Georgia, 'Times New Roman', serif; /** Shoelace compatibility DO NOT USE */
-  --syn-font-size-2x-large: 32px;
-  --syn-font-size-2x-small: 11px;
-  --syn-font-size-3x-large: 40px;
-  --syn-font-size-4x-large: 52px;
-  --syn-font-size-large: 20px;
-  --syn-font-size-medium: 16px;
-  --syn-font-size-small: 14px;
-  --syn-font-size-x-large: 24px;
-  --syn-font-size-x-small: 12px;
-  --syn-font-weight-bold: 600;
-  --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-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);
-  --syn-input-background-color-focus: var(--syn-input-background-color);
-  --syn-input-background-color-hover: var(--syn-input-background-color);
-  --syn-input-border-color: var(--syn-color-neutral-950);
-  --syn-input-border-color-active: var(--syn-color-primary-800);
-  --syn-input-border-color-disabled: var(--syn-color-neutral-950);
-  --syn-input-border-color-focus: var(--syn-color-primary-700);
-  --syn-input-border-color-focus-error: var(--syn-color-error-600);
-  --syn-input-border-color-hover: var(--syn-color-primary-700);
-  --syn-input-border-color-offset: var(--syn-panel-background-color);
-  --syn-input-border-radius-large: var(--syn-border-radius-medium);
-  --syn-input-border-radius-medium: var(--syn-border-radius-medium);
-  --syn-input-border-radius-small: var(--syn-border-radius-medium);
-  --syn-input-border-width: 1px;
-  --syn-input-color: var(--syn-color-neutral-950);
-  --syn-input-color-disabled: var(--syn-color-neutral-950);
-  --syn-input-color-focus: var(--syn-color-neutral-950);
-  --syn-input-color-hover: var(--syn-color-neutral-950);
-  --syn-input-disabled-opacity: 0.5;
-  --syn-input-focus-ring-color: var(--syn-color-primary-500);
-  --syn-input-focus-ring-error: var(--syn-color-error-600);
-  --syn-input-focus-ring-offset: 0;
-  --syn-input-font-family: var(--syn-font-sans);
-  --syn-input-font-size-large: var(--syn-font-size-large);
-  --syn-input-font-size-medium: var(--syn-font-size-medium);
-  --syn-input-font-size-small: var(--syn-font-size-small);
-  --syn-input-font-weight: var(--syn-font-weight-normal);
-  --syn-input-height-large: var(--syn-spacing-3x-large);
-  --syn-input-height-medium: var(--syn-spacing-2x-large);
-  --syn-input-height-small: 36px;
-  --syn-input-help-text-color: var(--syn-color-neutral-700);
-  --syn-input-help-text-color-error: var(--syn-color-error-600);
-  --syn-input-help-text-font-size-large: var(--syn-font-size-medium);
-  --syn-input-help-text-font-size-medium: var(--syn-font-size-small);
-  --syn-input-help-text-font-size-small: var(--syn-font-size-x-small);
-  --syn-input-icon-color: var(--syn-color-neutral-950);
-  --syn-input-icon-color-hover: var(--syn-color-neutral-950);
-  --syn-input-icon-icon-clearable-color: var(--syn-color-neutral-500);
-  --syn-input-icon-icon-clearable-color-active: var(--syn-color-neutral-800);
-  --syn-input-icon-icon-clearable-color-hover: var(--syn-color-neutral-700);
-  --syn-input-label-color: var(--syn-color-neutral-950);
-  --syn-input-label-font-size-large: var(--syn-font-size-large);
-  --syn-input-label-font-size-medium: var(--syn-font-size-medium);
-  --syn-input-label-font-size-small: var(--syn-font-size-small);
-  --syn-input-letter-spacing: normal;
-  --syn-input-placeholder-color: var(--syn-color-neutral-700);
-  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-700);
-  --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
-  --syn-input-readonly-background-color: var(--syn-readonly-background-color);
-  --syn-input-readonly-background-color-disabled: var(--syn-readonly-background-color);
-  --syn-input-readonly-background-color-focus: var(--syn-readonly-background-color);
-  --syn-input-readonly-background-color-hover: var(--syn-readonly-background-color);
-  --syn-input-required-content: "*";
-  --syn-input-required-content-color: var(--syn-input-label-color);
-  --syn-input-required-content-offset: -2px;
-  --syn-input-spacing-large: var(--syn-spacing-large);
-  --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-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);
-  --syn-interactive-quiet-color: var(--syn-color-neutral-950);
-  --syn-interactive-quiet-color-active: var(--syn-color-primary-800);
-  --syn-interactive-quiet-color-hover: var(--syn-color-primary-700);
-  --syn-letter-spacing-dense: normal; /** Shoelace compatibility DO NOT USE */
-  --syn-letter-spacing-denser: normal; /** Shoelace compatibility DO NOT USE */
-  --syn-letter-spacing-loose: normal; /** Shoelace compatibility DO NOT USE */
-  --syn-letter-spacing-looser: 2px; /** Shoelace compatibility DO NOT USE */
-  --syn-letter-spacing-normal: normal;
-  --syn-line-height-dense: 1.2; /** Shoelace compatibility DO NOT USE */
-  --syn-line-height-denser: 1; /** Shoelace compatibility DO NOT USE */
-  --syn-line-height-loose: 1.8; /** Shoelace compatibility DO NOT USE */
-  --syn-line-height-looser: 2.2; /** Shoelace compatibility DO NOT USE */
-  --syn-line-height-normal: 1.4; /** Shoelace compatibility DO NOT USE */
-  --syn-link-color: var(--syn-interactive-emphasis-color);
-  --syn-link-color-active: var(--syn-interactive-emphasis-color-active);
-  --syn-link-color-hover: var(--syn-interactive-emphasis-color-hover);
-  --syn-link-quiet-color: var(--syn-interactive-quiet-color);
-  --syn-link-quiet-color-active: var(--syn-interactive-quiet-color-active);
-  --syn-link-quiet-color-hover: var(--syn-interactive-quiet-color-hover);
-  --syn-link-underline-outline: 25%;
-  --syn-logo-color: var(--syn-color-primary-700);
-  --syn-namur-color-border: var(--syn-color-neutral-950);
-  --syn-namur-critical-color: var(--syn-color-critical-600);
-  --syn-namur-critical-color-background: var(--syn-color-critical-100);
-  --syn-namur-error-color: var(--syn-color-error-500);
-  --syn-namur-error-color-background: var(--syn-color-error-100);
-  --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-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);
-  --syn-namur-warning-color-background: var(--syn-color-warning-100);
-  --syn-opacity-50: 0.5; /** 50% */
-  --syn-option-background-color-active: var(--syn-interactive-emphasis-color-active);
-  --syn-option-background-color-hover: var(--syn-interactive-emphasis-color-hover);
-  --syn-option-check-color: var(--syn-interactive-quiet-color);
-  --syn-option-check-color-active: var(--syn-color-neutral-0);
-  --syn-option-check-color-hover: var(--syn-color-neutral-0);
-  --syn-option-color: var(--syn-typography-color-text);
-  --syn-option-color-active: var(--syn-typography-color-text-inverted);
-  --syn-option-color-hover: var(--syn-typography-color-text-inverted);
-  --syn-option-icon-color: var(--syn-interactive-quiet-color);
-  --syn-option-icon-color-active: var(--syn-color-neutral-0);
-  --syn-option-icon-color-hover: var(--syn-color-neutral-0);
-  --syn-overlay-background-blur: 8px;
-  --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-panel-background-color: var(--syn-color-neutral-0);
-  --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-range-color-inactive: var(--syn-color-neutral-100);
-  --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-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);
-  --syn-readonly-icon-color-clearable: var(--syn-color-neutral-300);
-  --syn-readonly-icon-color-expand: var(--syn-color-neutral-400);
-  --syn-readonly-indicator-color: var(--syn-typography-color-text);
-  --syn-shadow-medium: 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);
-  --syn-shadow-large: 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);
-  --syn-shadow-x-large: 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);
-  --syn-shadow-overflow-down: 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);
-  --syn-shadow-overflow-up: 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);
-  --syn-shadow-overflow-left: -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);
-  --syn-shadow-overflow-right: 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);
-  --syn-shadow-x-small: 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);
-  --syn-shadow-small: 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);
-  --syn-shadow-sticky-down: 0px 3px 8px 0px rgba(13, 13, 13, 0.16);
-  --syn-spacing-1-5x-large: 40px;
-  --syn-spacing-2x-large: 48px;
-  --syn-spacing-2x-small: 4px;
-  --syn-spacing-3x-large: 64px;
-  --syn-spacing-3x-small: 2px;
-  --syn-spacing-4x-large: 96px;
-  --syn-spacing-4x-small: 1px;
-  --syn-spacing-5x-large: 128px;
-  --syn-spacing-large: 24px;
-  --syn-spacing-medium: 16px;
-  --syn-spacing-medium-large: 20px;
-  --syn-spacing-small: 12px;
-  --syn-spacing-x-large: 32px;
-  --syn-spacing-x-small: 8px;
-  --syn-spinner-opacity: 0.16;
-  --syn-switch-height-large: 28px;
-  --syn-switch-height-medium: var(--syn-spacing-large);
-  --syn-switch-height-small: var(--syn-spacing-medium-large);
-  --syn-switch-width-large: var(--syn-spacing-2x-large);
-  --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-shadow-end: rgba(13, 13, 13, 0);
-  --syn-table-shadow-start: rgba(13, 13, 13, 0.16);
-  --syn-text-decoration-default: none;
-  --syn-text-decoration-underline: underline;
-  --syn-toggle-size-large: var(--syn-spacing-large);
-  --syn-toggle-size-medium: var(--syn-spacing-medium-large);
-  --syn-toggle-size-small: var(--syn-spacing-medium);
-  --syn-tooltip-arrow-size: 9px;
-  --syn-tooltip-background-color: var(--syn-color-neutral-950);
-  --syn-tooltip-border-radius: var(--syn-border-radius-small);
-  --syn-tooltip-color: var(--syn-typography-color-text-inverted);
-  --syn-tooltip-font-family: var(--syn-font-sans);
-  --syn-tooltip-font-size: var(--syn-font-size-small);
-  --syn-tooltip-font-weight: var(--syn-font-weight-normal);
-  --syn-tooltip-line-height: var(--syn-line-height-normal);
-  --syn-tooltip-padding: var(--syn-spacing-small);
-  --syn-transition-fast: 150ms; /** Shoelace compatibility DO NOT USE */
-  --syn-transition-medium: 250ms; /** Shoelace compatibility DO NOT USE */
-  --syn-transition-slow: 500ms; /** Shoelace compatibility DO NOT USE */
-  --syn-transition-x-fast: 50ms; /** Shoelace compatibility DO NOT USE */
-  --syn-transition-x-slow: 1000ms; /** Shoelace compatibility DO NOT USE */
-  --syn-typography-color-text: var(--syn-color-neutral-950);
-  --syn-typography-color-text-inverted: var(--syn-color-neutral-0);
-  --syn-z-index-dialog: 800; /** Shoelace compatibility DO NOT USE */
-  --syn-z-index-drawer: 700; /** Shoelace compatibility DO NOT USE */
-  --syn-z-index-dropdown: 900; /** Shoelace compatibility DO NOT USE */
-  --syn-z-index-toast: 950; /** Shoelace compatibility DO NOT USE */
-  --syn-z-index-tooltip: 1000; /** Shoelace compatibility DO NOT USE */
-  --syn-body-x-small-regular: 400 12px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-x-small-semibold: 600 12px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-x-small-bold: 600 12px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-small-regular: 400 14px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-small-semibold: 600 14px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-small-bold: 600 14px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-medium-regular: 400 16px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-medium-semibold: 600 16px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-medium-bold: 600 16px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-large-regular: 400 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-large-semibold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-body-large-bold: 600 20px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-heading-large: 400 22px/1.4 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-heading-x-large: 400 28px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-heading-2x-large: 400 34px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-heading-3x-large: 400 40px/1.2 'SICK Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --syn-focus-ring: var(--syn-focus-ring-style) var(--syn-focus-ring-width) var(--syn-focus-ring-color);
-}

package/metadata/packages/vue/LIMITATIONS.md DELETED Viewed

@@ -1,53 +0,0 @@
-# Known Issues and limitations - Vue
-> ⚠️ This file includes all known issues and limitations when using the Vue wrappers.
-> There may be other interesting bits of information in the [components limitation documentation](https://synergy-design-system.github.io/?path=/docs/limitations-components--docs).
----
-## Using Vitest for testing
-### Meta Information
-- Framework version: Vue@3
-- Synergy version: <= 2.11.6
-- Issues: [#476](https://github.com/synergy-design-system/synergy-design-system/issues/476), [vitest#1388](https://github.com/vitest-dev/vitest/issues/1388)
-### Description
-When using `Vitest` for testing applications including `@synergy-design-system/vue`, there may be a `TypeError` with the message `TypeError: Unknown file extension ".vue"`.
-### Cause
-`@synergy-design-system/vue` shipped the raw `.vue` files in version 2.11.6 and below. This works fine for Vite based setups. However, Vitest **does not process external dependencies** by default.
-> For newer versions of `@synergy-design-system/vue`, a precompiled version of the components is shipped.
-> If you already had this bugfix applied, you may remove it.
-### Proposed solution
-Adjust Vitests [server.deps.inline](https://vitest.dev/config/#server-deps-inline) parameter to include `@synergy-design-system/vue`.
-#### Solution
-```typescript
-// vitest.config.ts
-// For vitest < 0.34.x and @synergy-design-system/vue <= 2.11.6
-test: {
-  deps: {
-    inline: [/@synergy-design-system\/vue/];
-  }
-}
-// For vitest > 0.34.x and @synergy-design-system/vue <= 2.11.6
-test: {
-  server: {
-    deps: {
-      inline: [/@synergy-design-system\/vue/];
-    }
-  }
-}
-```
----