@synergy-design-system/metadata 3.13.0 → 3.15.0

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

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/tokens version 3.15.4
+ * @synergy-design-system/tokens version 3.15.6
  * 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.15.4
+ * @synergy-design-system/tokens version 3.15.6
  * 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.15.4
+ * @synergy-design-system/tokens version 3.15.6
  * 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.15.4
+ * @synergy-design-system/tokens version 3.15.6
  * SICK Global UX Foundation
  * Do not edit directly, this file was auto-generated.
  */

package/data/manifest.json

@@ -1,5 +1,5 @@
 {
-  "builtAt": "2026-06-10T06:51:34.612Z",
+  "builtAt": "2026-06-22T12:51:56.630Z",
   "sources": [
     {
       "entityCount": 4,

package/package.json

@@ -16,18 +16,18 @@
     "custom-elements-manifest": "^2.1.0",
     "eslint": "^9.39.4",
     "execa": "^9.6.1",
-    "playwright": "^1.60.0",
+    "playwright": "^1.61.0",
     "prettier": "^3.8.3",
     "rimraf": "^6.1.3",
     "serve-handler": "^6.1.7",
     "typescript": "^5.9.3",
     "zod": "^4.4.3",
-    "@synergy-design-system/components": "3.15.4",
     "@synergy-design-system/docs": "0.1.0",
-    "@synergy-design-system/fonts": "1.0.7",
+    "@synergy-design-system/components": "3.15.6",
     "@synergy-design-system/eslint-config-syn": "^0.1.0",
-    "@synergy-design-system/tokens": "^3.15.4",
-    "@synergy-design-system/styles": "2.1.1"
+    "@synergy-design-system/fonts": "1.0.7",
+    "@synergy-design-system/styles": "2.1.1",
+    "@synergy-design-system/tokens": "^3.15.6"
   },
   "exports": {
     ".": {
@@ -70,7 +70,7 @@
   },
   "types": "./dist/index.d.ts",
   "type": "module",
-  "version": "3.13.0",
+  "version": "3.15.0",
   "scripts": {
     "build:all": "METADATA_LOG_LEVEL=info pnpm run build:ts && RUN_STORYBOOK_SCRAPER=true pnpm run build:data",
     "build": "METADATA_LOG_LEVEL=info pnpm run build:ts && pnpm run build:data",

package/data/layers/full/component/component:syn-card/components/card.custom.styles.ts

@@ -1,60 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  :host {
-    --border-color: var(--syn-panel-border-color);
-    --border-width: var(--syn-border-width-small);
-    --border-radius: var(--syn-border-radius-medium);
-  }
-
-  .card {
-    box-shadow: none;
-  }
-
-  /** #1107: Add shadow property to card */
-  .card--shadow {
-    box-shadow: var(--syn-shadow-small);
-  }
-
-  /**
-   * Header adjustments
-   */
-  .card__header {
-    border: none;
-    color: var(--syn-typography-color-text);
-    font: var(--syn-heading-large);
-    line-height: var(--syn-line-height-normal);
-  }
-
-  /**
-   * Card body
-   */
-  .card__body {
-    color: var(--syn-typography-color-text);
-    font: var(--syn-body-medium-regular);
-  }
-
-  /**
-   * Card Footer
-   */
-  .card--has-footer .card__footer {
-    border-top: none;
-    padding: var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);
-  }
-
-  /**
-   * Cards that are sharp do not receive a border radius
-   */
-  .card--sharp {
-    border-radius: var(--syn-border-radius-none);
-  }
-
-  /**
-   * Do not apply border radius to sharp card images
-   */
-  .card--sharp .card__image {
-    border-top-left-radius: var(--syn-border-radius-none);
-    border-top-right-radius: var(--syn-border-radius-none);
-  }
-
-`;

package/data/layers/full/component/component:syn-drawer/components/drawer.custom.styles.ts

@@ -1,78 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  :host {
-    /**
-     * Used as the default padding for the drawer title
-     */
-    --header-spacing: var(--syn-spacing-large) var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);
-
-    /**
-     * Defines the default body spacing
-     */
-    --body-spacing: var(--syn-spacing-medium) var(--syn-spacing-large);
-
-    /**
-     * Defines the default footer spacing
-     */
-    --footer-spacing: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large) var(--syn-spacing-medium);
-  }
-
-  /**
-   * Synergy uses a border to distinguish the drawer from its background and
-   * removes the default shoelace shadow completely
-   */
-  .drawer__panel {
-    border: 0 solid var(--syn-panel-border-color);
-    box-shadow: none;
-    color: var(--syn-color-neutral-950);
-  }
-
-  /*
-   * The border of the panel is always placed in direction to the content,
-   * depending on the position of the drawer itself
-   */
-  .drawer--end .drawer__panel {
-    border-left-width: var(--syn-border-width-small);
-  }
-
-  .drawer--start .drawer__panel {
-    border-right-width: var(--syn-border-width-small);
-  }
-
-  .drawer--top .drawer__panel {
-    border-bottom-width: var(--syn-border-width-small);
-  }
-
-  .drawer--bottom .drawer__panel {
-    border-top-width: var(--syn-border-width-small);
-  }
-
-  .drawer__header-actions {
-    align-items: flex-start;
-    gap: var(--syn-spacing-x-small);
-    padding: var(--syn-spacing-large) var(--syn-spacing-small) var(--syn-spacing-large) 0;
-  }
-
-  .drawer__title {
-    font-family: var(--syn-font-sans);
-    font-size: var(--syn-font-size-x-large);
-    font-weight: var(--syn-font-weight-bold);
-    line-height: var(--syn-line-height-normal);
-  }
-
-  /**
-   * We need this to make sure we are big enough as defined in the layout
-   * When omitting this statement, we will get rounding problems via line-height
-   */
-  .drawer__title,
-  .drawer__header-actions {
-    min-height: 88px;
-  }
-
-  .drawer__header-actions syn-icon-button,
-  .drawer__header-actions ::slotted(syn-icon-button) {
-    color: var(--syn-color-neutral-950);
-    font-size: var(--syn-font-size-x-large);
-  }
-`;