@synergy-design-system/metadata 3.7.0 → 3.8.0

package/data/index.json

@@ -1,5 +1,5 @@
 {
-  "builtAt": "2026-05-11T08:29:10.575Z",
+  "builtAt": "2026-05-21T10:37:34.453Z",
   "entities": [
     {
       "corePath": "data/core/asset/asset:sick2018-icons.json",
@@ -114,7 +114,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-accordion",
       "search": [
@@ -135,7 +136,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-alert",
       "search": [
@@ -156,7 +158,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-badge",
       "search": [
@@ -177,7 +180,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-breadcrumb",
       "search": [
@@ -198,7 +202,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-breadcrumb-item",
       "search": [
@@ -219,7 +224,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-button",
       "search": [
@@ -240,7 +246,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-button-group",
       "search": [
@@ -261,7 +268,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-card",
       "search": [
@@ -282,7 +290,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-checkbox",
       "search": [
@@ -303,7 +312,8 @@
       "layers": {
         "examples": 1,
         "full": 9,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-combobox",
       "search": [
@@ -324,7 +334,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-details",
       "search": [
@@ -345,7 +356,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-dialog",
       "search": [
@@ -366,7 +378,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-divider",
       "search": [
@@ -387,7 +400,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-drawer",
       "search": [
@@ -408,7 +422,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-dropdown",
       "search": [
@@ -429,7 +444,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-file",
       "search": [
@@ -450,7 +466,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-header",
       "search": [
@@ -471,7 +488,8 @@
       "layers": {
         "examples": 1,
         "full": 14,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-icon",
       "search": [
@@ -492,7 +510,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-icon-button",
       "search": [
@@ -513,7 +532,8 @@
       "layers": {
         "examples": 1,
         "full": 10,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-input",
       "search": [
@@ -534,7 +554,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-menu",
       "search": [
@@ -555,7 +576,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-menu-item",
       "search": [
@@ -576,7 +598,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-menu-label",
       "search": [
@@ -597,7 +620,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-nav-item",
       "search": [
@@ -618,7 +642,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-optgroup",
       "search": [
@@ -639,7 +664,8 @@
       "layers": {
         "examples": 1,
         "full": 9,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-option",
       "search": [
@@ -660,7 +686,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-pagination",
       "search": [
@@ -681,7 +708,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-popup",
       "search": [
@@ -702,7 +730,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-prio-nav",
       "search": [
@@ -723,7 +752,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-progress-bar",
       "search": [
@@ -744,7 +774,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-progress-ring",
       "search": [
@@ -765,7 +796,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-radio",
       "search": [
@@ -785,7 +817,8 @@
       "kind": "component",
       "layers": {
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-radio-button",
       "search": [
@@ -806,7 +839,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-radio-group",
       "search": [
@@ -827,7 +861,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-range",
       "search": [
@@ -848,7 +883,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-range-tick",
       "search": [
@@ -869,7 +905,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-select",
       "search": [
@@ -890,7 +927,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-side-nav",
       "search": [
@@ -911,7 +949,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-spinner",
       "search": [
@@ -932,7 +971,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-switch",
       "search": [
@@ -953,7 +993,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tab",
       "search": [
@@ -974,7 +1015,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tab-group",
       "search": [
@@ -995,7 +1037,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tab-panel",
       "search": [
@@ -1016,7 +1059,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tag",
       "search": [
@@ -1037,7 +1081,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tag-group",
       "search": [
@@ -1058,7 +1103,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-textarea",
       "search": [
@@ -1079,7 +1125,8 @@
       "layers": {
         "examples": 1,
         "full": 7,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-tooltip",
       "search": [
@@ -1100,7 +1147,8 @@
       "layers": {
         "examples": 1,
         "full": 8,
-        "interface": 2
+        "interface": 2,
+        "rules": 1
       },
       "name": "syn-validate",
       "search": [

package/data/layers/full/component/component:syn-accordion/angular/accordion.component.ts

@@ -21,7 +21,7 @@ import '@synergy-design-system/components/components/accordion/accordion.js';
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
  * @status stable
- * @since 1.23.0
+ * @since 2.3.0
  *
  * @slot - The accordion's main content. Must be `<syn-details />` elements.
  *

package/data/layers/full/component/component:syn-accordion/components/accordion.component.ts

@@ -14,7 +14,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
  * @status stable
- * @since 1.23.0
+ * @since 2.3.0
  *
  * @slot - The accordion's main content. Must be `<syn-details />` elements.
  *

package/data/layers/full/component/component:syn-accordion/react/accordion.ts

@@ -15,7 +15,7 @@ Component.define('syn-accordion');
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
  * @status stable
- * @since 1.23.0
+ * @since 2.3.0
  *
  * @slot - The accordion's main content. Must be `<syn-details />` elements.
  *

package/data/layers/full/component/component:syn-accordion/vue/SynVueAccordion.vue

@@ -10,7 +10,7 @@
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
  * @status stable
- * @since 1.23.0
+ * @since 2.3.0
  *
  * @slot - The accordion's main content. Must be `<syn-details />` elements.
  *

package/data/layers/full/component/component:syn-alert/angular/alert.component.ts

@@ -23,7 +23,7 @@ import '@synergy-design-system/components/components/alert/alert.js';
  * @summary Alerts are used to display important messages inline or as toast notifications.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs
  * @status stable
- * @since 2.0
+ * @since 1.20.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-alert/components/alert.component.ts

@@ -20,7 +20,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Alerts are used to display important messages inline or as toast notifications.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs
  * @status stable
- * @since 2.0
+ * @since 1.20.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-alert/react/alert.ts

@@ -20,7 +20,7 @@ Component.define('syn-alert');
  * @summary Alerts are used to display important messages inline or as toast notifications.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs
  * @status stable
- * @since 2.0
+ * @since 1.20.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-alert/vue/SynVueAlert.vue

@@ -9,7 +9,7 @@
  * @summary Alerts are used to display important messages inline or as toast notifications.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs
  * @status stable
- * @since 2.0
+ * @since 1.20.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-badge/angular/badge.component.ts

@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/badge/badge.js';
  * @summary Badges are used to draw attention and display statuses or counts.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs
  * @status stable
- * @since 2.0
+ * @since 1.14.0
  *
  * @slot - The badge's content.
  *

package/data/layers/full/component/component:syn-badge/components/badge.component.ts

@@ -14,7 +14,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Badges are used to draw attention and display statuses or counts.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs
  * @status stable
- * @since 2.0
+ * @since 1.14.0
  *
  * @slot - The badge's content.
  *

package/data/layers/full/component/component:syn-badge/react/badge.ts

@@ -14,7 +14,7 @@ Component.define('syn-badge');
  * @summary Badges are used to draw attention and display statuses or counts.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs
  * @status stable
- * @since 2.0
+ * @since 1.14.0
  *
  * @slot - The badge's content.
  *

package/data/layers/full/component/component:syn-badge/vue/SynVueBadge.vue

@@ -9,7 +9,7 @@
  * @summary Badges are used to draw attention and display statuses or counts.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-badge--docs
  * @status stable
- * @since 2.0
+ * @since 1.14.0
  *
  * @slot - The badge's content.
  *

package/data/layers/full/component/component:syn-breadcrumb/angular/breadcrumb.component.ts

@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/breadcrumb/breadcrumb.js';
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.

package/data/layers/full/component/component:syn-breadcrumb/components/breadcrumb.component.ts

@@ -14,7 +14,7 @@ import type SynBreadcrumbItem from '../breadcrumb-item/breadcrumb-item.js';
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.

package/data/layers/full/component/component:syn-breadcrumb/react/breadcrumb.ts

@@ -14,7 +14,7 @@ Component.define('syn-breadcrumb');
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.

package/data/layers/full/component/component:syn-breadcrumb/vue/SynVueBreadcrumb.vue

@@ -9,7 +9,7 @@
  * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - One or more breadcrumb items to display.
  * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.

package/data/layers/full/component/component:syn-breadcrumb-item/angular/breadcrumb-item.component.ts

@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.

package/data/layers/full/component/component:syn-breadcrumb-item/components/breadcrumb-item.component.ts

@@ -15,7 +15,7 @@ import type { CSSResultGroup } from 'lit';
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.

package/data/layers/full/component/component:syn-breadcrumb-item/react/breadcrumb-item.ts

@@ -14,7 +14,7 @@ Component.define('syn-breadcrumb-item');
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.

package/data/layers/full/component/component:syn-breadcrumb-item/vue/SynVueBreadcrumbItem.vue

@@ -9,7 +9,7 @@
  * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.26.0
  *
  * @slot - The breadcrumb item's label.
  * @slot prefix - An optional prefix, usually an icon or icon button.