@synergy-design-system/metadata 3.7.0 → 3.9.0

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynRadioGroup } from '@synergy-design-system/components';
+import type SynRadioGroup from '@synergy-design-system/components/components/radio-group/radio-group.component.js';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
 import type { SynInvalidEvent } from '@synergy-design-system/components';
@@ -22,7 +22,7 @@ import '@synergy-design-system/components/components/radio-group/radio-group.js'
  * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-group--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-button-group
  *

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

@@ -26,7 +26,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-group--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-button-group
  *

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

@@ -19,7 +19,7 @@ Component.define('syn-radio-group');
  * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-group--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-button-group
  *

package/data/layers/full/component/component:syn-radio-group/vue/SynVueRadioGroup.vue

@@ -9,7 +9,7 @@
  * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-group--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-button-group
  *
@@ -35,7 +35,7 @@ import '@synergy-design-system/components/components/radio-group/radio-group.js'
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
 import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynRadioGroup } from '@synergy-design-system/components';
+import type SynRadioGroup from '@synergy-design-system/components/components/radio-group/radio-group.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynRadioGroup>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynRange } from '@synergy-design-system/components';
+import type SynRange from '@synergy-design-system/components/components/range/range.component.js';
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynFocusEvent } from '@synergy-design-system/components';
@@ -25,6 +25,7 @@ import '@synergy-design-system/components/components/range/range.js';
  * @summary Ranges allow the user to select values within a given range using one or two thumbs.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs
  * @status stable
+ * @since 2.6.0
  *
  * @dependency syn-tooltip
  *

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

@@ -25,6 +25,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Ranges allow the user to select values within a given range using one or two thumbs.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs
  * @status stable
+ * @since 2.6.0
  *
  * @dependency syn-tooltip
  *

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

@@ -22,6 +22,7 @@ Component.define('syn-range');
  * @summary Ranges allow the user to select values within a given range using one or two thumbs.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs
  * @status stable
+ * @since 2.6.0
  *
  * @dependency syn-tooltip
  *

package/data/layers/full/component/component:syn-range/vue/SynVueRange.vue

@@ -9,6 +9,7 @@
  * @summary Ranges allow the user to select values within a given range using one or two thumbs.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs
  * @status stable
+ * @since 2.6.0
  *
  * @dependency syn-tooltip
  *
@@ -65,7 +66,7 @@ import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
 import type { SynInvalidEvent } from '@synergy-design-system/components';
 import type { SynMoveEvent } from '@synergy-design-system/components';
-import type { SynRange } from '@synergy-design-system/components';
+import type SynRange from '@synergy-design-system/components/components/range/range.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynRange>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynRangeTick } from '@synergy-design-system/components';
+import type SynRangeTick from '@synergy-design-system/components/components/range-tick/range-tick.component.js';
 
 import '@synergy-design-system/components/components/range-tick/range-tick.js';
 
@@ -20,6 +20,7 @@ import '@synergy-design-system/components/components/range-tick/range-tick.js';
  * @summary Ticks visually improve positioning on range sliders.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range-tick--docs
  * @status stable
+ * @since 2.6.0
  *
  * @slot - The tick's label
  *

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

@@ -10,6 +10,7 @@ import styles from './range-tick.styles.js';
  * @summary Ticks visually improve positioning on range sliders.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range-tick--docs
  * @status stable
+ * @since 2.6.0
  *
  * @slot - The tick's label
  *

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

@@ -14,6 +14,7 @@ Component.define('syn-range-tick');
  * @summary Ticks visually improve positioning on range sliders.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range-tick--docs
  * @status stable
+ * @since 2.6.0
  *
  * @slot - The tick's label
  *

package/data/layers/full/component/component:syn-range-tick/vue/SynVueRangeTick.vue

@@ -9,6 +9,7 @@
  * @summary Ticks visually improve positioning on range sliders.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range-tick--docs
  * @status stable
+ * @since 2.6.0
  *
  * @slot - The tick's label
  *
@@ -22,7 +23,7 @@
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/range-tick/range-tick.js';
 
-import type { SynRangeTick } from '@synergy-design-system/components';
+import type SynRangeTick from '@synergy-design-system/components/components/range-tick/range-tick.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynRangeTick>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynSelect } from '@synergy-design-system/components';
+import type SynSelect from '@synergy-design-system/components/components/select/select.component.js';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynClearEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
@@ -29,7 +29,7 @@ import '@synergy-design-system/components/components/select/select.js';
  * @summary Selects allow you to choose items from a menu of predefined options.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-select--docs
  * @status stable
- * @since 2.0
+ * @since 1.5.0
  *
  * @dependency syn-icon
  * @dependency syn-popup

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

@@ -29,7 +29,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Selects allow you to choose items from a menu of predefined options.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-select--docs
  * @status stable
- * @since 2.0
+ * @since 1.5.0
  *
  * @dependency syn-icon
  * @dependency syn-popup

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

@@ -26,7 +26,7 @@ Component.define('syn-select');
  * @summary Selects allow you to choose items from a menu of predefined options.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-select--docs
  * @status stable
- * @since 2.0
+ * @since 1.5.0
  *
  * @dependency syn-icon
  * @dependency syn-popup

package/data/layers/full/component/component:syn-select/vue/SynVueSelect.vue

@@ -9,7 +9,7 @@
  * @summary Selects allow you to choose items from a menu of predefined options.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-select--docs
  * @status stable
- * @since 2.0
+ * @since 1.5.0
  *
  * @dependency syn-icon
  * @dependency syn-popup
@@ -66,7 +66,7 @@ import type { SynAfterShowEvent } from '@synergy-design-system/components';
 import type { SynHideEvent } from '@synergy-design-system/components';
 import type { SynAfterHideEvent } from '@synergy-design-system/components';
 import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynSelect } from '@synergy-design-system/components';
+import type SynSelect from '@synergy-design-system/components/components/select/select.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynSelect>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynSideNav } from '@synergy-design-system/components';
+import type SynSideNav from '@synergy-design-system/components/components/side-nav/side-nav.component.js';
 import type { SynShowEvent } from '@synergy-design-system/components';
 import type { SynAfterShowEvent } from '@synergy-design-system/components';
 import type { SynHideEvent } from '@synergy-design-system/components';
@@ -31,7 +31,7 @@ import '@synergy-design-system/components/components/side-nav/side-nav.js';
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-side-nav--docs
  * @status stable
- * @since 1.14.0
+ * @since 1.15.0
  *
  * @dependency syn-divider
  * @dependency syn-drawer

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

@@ -30,7 +30,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-side-nav--docs
  * @status stable
- * @since 1.14.0
+ * @since 1.15.0
  *
  * @dependency syn-divider
  * @dependency syn-drawer

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

@@ -28,7 +28,7 @@ Component.define('syn-side-nav');
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-side-nav--docs
  * @status stable
- * @since 1.14.0
+ * @since 1.15.0
  *
  * @dependency syn-divider
  * @dependency syn-drawer

package/data/layers/full/component/component:syn-side-nav/vue/SynVueSideNav.vue

@@ -17,7 +17,7 @@
  *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-side-nav--docs
  * @status stable
- * @since 1.14.0
+ * @since 1.15.0
  *
  * @dependency syn-divider
  * @dependency syn-drawer
@@ -72,7 +72,7 @@ import type { SynShowEvent } from '@synergy-design-system/components';
 import type { SynAfterShowEvent } from '@synergy-design-system/components';
 import type { SynHideEvent } from '@synergy-design-system/components';
 import type { SynAfterHideEvent } from '@synergy-design-system/components';
-import type { SynSideNav } from '@synergy-design-system/components';
+import type SynSideNav from '@synergy-design-system/components/components/side-nav/side-nav.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynSideNav>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynSpinner } from '@synergy-design-system/components';
+import type SynSpinner from '@synergy-design-system/components/components/spinner/spinner.component.js';
 
 import '@synergy-design-system/components/components/spinner/spinner.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/spinner/spinner.js';
  * @summary Spinners are used to show the progress of an indeterminate operation.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-spinner--docs
  * @status stable
- * @since 2.0
+ * @since 1.22.0
  *
  * @csspart base - The component's base wrapper.
  *

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

@@ -11,7 +11,7 @@ import type { CSSResultGroup } from 'lit';
  * @summary Spinners are used to show the progress of an indeterminate operation.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-spinner--docs
  * @status stable
- * @since 2.0
+ * @since 1.22.0
  *
  * @csspart base - The component's base wrapper.
  *

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

@@ -14,7 +14,7 @@ Component.define('syn-spinner');
  * @summary Spinners are used to show the progress of an indeterminate operation.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-spinner--docs
  * @status stable
- * @since 2.0
+ * @since 1.22.0
  *
  * @csspart base - The component's base wrapper.
  *

package/data/layers/full/component/component:syn-spinner/vue/SynVueSpinner.vue

@@ -9,7 +9,7 @@
  * @summary Spinners are used to show the progress of an indeterminate operation.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-spinner--docs
  * @status stable
- * @since 2.0
+ * @since 1.22.0
  *
  * @csspart base - The component's base wrapper.
  *
@@ -20,7 +20,7 @@
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/spinner/spinner.js';
 
-import type { SynSpinner } from '@synergy-design-system/components';
+import type SynSpinner from '@synergy-design-system/components/components/spinner/spinner.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynSpinner>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynSwitch } from '@synergy-design-system/components';
+import type SynSwitch from '@synergy-design-system/components/components/switch/switch.component.js';
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
@@ -24,7 +24,7 @@ import '@synergy-design-system/components/components/switch/switch.js';
  * @summary Switches allow the user to toggle an option on or off.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-switch--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @slot - The switch's label.
  * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.

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

@@ -20,7 +20,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Switches allow the user to toggle an option on or off.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-switch--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @slot - The switch's label.
  * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.

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

@@ -21,7 +21,7 @@ Component.define('syn-switch');
  * @summary Switches allow the user to toggle an option on or off.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-switch--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @slot - The switch's label.
  * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.

package/data/layers/full/component/component:syn-switch/vue/SynVueSwitch.vue

@@ -9,7 +9,7 @@
  * @summary Switches allow the user to toggle an option on or off.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-switch--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @slot - The switch's label.
  * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.
@@ -38,7 +38,7 @@ import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
 import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynSwitch } from '@synergy-design-system/components';
+import type SynSwitch from '@synergy-design-system/components/components/switch/switch.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynSwitch>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynTab } from '@synergy-design-system/components';
+import type SynTab from '@synergy-design-system/components/components/tab/tab.component.js';
 import type { SynCloseEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/tab/tab.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/tab/tab.js';
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

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

@@ -17,7 +17,7 @@ let id = 0;
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

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

@@ -17,7 +17,7 @@ Component.define('syn-tab');
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-tab/vue/SynVueTab.vue

@@ -9,7 +9,7 @@
  * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *
@@ -25,7 +25,7 @@ import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/tab/tab.js';
 
 import type { SynCloseEvent } from '@synergy-design-system/components';
-import type { SynTab } from '@synergy-design-system/components';
+import type SynTab from '@synergy-design-system/components/components/tab/tab.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynTab>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynTabGroup } from '@synergy-design-system/components';
+import type SynTabGroup from '@synergy-design-system/components/components/tab-group/tab-group.component.js';
 import type { SynTabShowEvent } from '@synergy-design-system/components';
 import type { SynTabHideEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/tab-group/tab-group.js';
@@ -21,7 +21,7 @@ import '@synergy-design-system/components/components/tab-group/tab-group.js';
  * @summary Tab groups organize content into a container that shows one section at a time.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-group--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

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

@@ -20,7 +20,7 @@ import type SynTabPanel from '../tab-panel/tab-panel.js';
  * @summary Tab groups organize content into a container that shows one section at a time.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-group--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

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

@@ -18,7 +18,7 @@ Component.define('syn-tab-group');
  * @summary Tab groups organize content into a container that shows one section at a time.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-group--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-tab-group/vue/SynVueTabGroup.vue

@@ -9,7 +9,7 @@
  * @summary Tab groups organize content into a container that shows one section at a time.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-group--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @dependency syn-icon-button
  *
@@ -39,7 +39,7 @@ import '@synergy-design-system/components/components/tab-group/tab-group.js';
 
 import type { SynTabShowEvent } from '@synergy-design-system/components';
 import type { SynTabHideEvent } from '@synergy-design-system/components';
-import type { SynTabGroup } from '@synergy-design-system/components';
+import type SynTabGroup from '@synergy-design-system/components/components/tab-group/tab-group.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynTabGroup>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynTabPanel } from '@synergy-design-system/components';
+import type SynTabPanel from '@synergy-design-system/components/components/tab-panel/tab-panel.component.js';
 
 import '@synergy-design-system/components/components/tab-panel/tab-panel.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/tab-panel/tab-panel.js';
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @slot - The tab panel's content.
  *

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

@@ -15,7 +15,7 @@ let id = 0;
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @slot - The tab panel's content.
  *

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

@@ -14,7 +14,7 @@ Component.define('syn-tab-panel');
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @slot - The tab panel's content.
  *

package/data/layers/full/component/component:syn-tab-panel/vue/SynVueTabPanel.vue

@@ -9,7 +9,7 @@
  * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
  * @status stable
- * @since 2.0
+ * @since 2.1.0
  *
  * @slot - The tab panel's content.
  *
@@ -20,7 +20,7 @@
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/tab-panel/tab-panel.js';
 
-import type { SynTabPanel } from '@synergy-design-system/components';
+import type SynTabPanel from '@synergy-design-system/components/components/tab-panel/tab-panel.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynTabPanel>();

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

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynTag } from '@synergy-design-system/components';
+import type SynTag from '@synergy-design-system/components/components/tag/tag.component.js';
 import type { SynRemoveEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/tag/tag.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/tag/tag.js';
  * @summary Tags are used as labels to organize things or to indicate a selection.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag--docs
  * @status stable
- * @since 2.0
+ * @since 1.2.0
  *
  * @dependency syn-icon-button
  *

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

@@ -15,7 +15,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Tags are used as labels to organize things or to indicate a selection.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag--docs
  * @status stable
- * @since 2.0
+ * @since 1.2.0
  *
  * @dependency syn-icon-button
  *

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

@@ -17,7 +17,7 @@ Component.define('syn-tag');
  * @summary Tags are used as labels to organize things or to indicate a selection.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag--docs
  * @status stable
- * @since 2.0
+ * @since 1.2.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-tag/vue/SynVueTag.vue

@@ -9,7 +9,7 @@
  * @summary Tags are used as labels to organize things or to indicate a selection.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag--docs
  * @status stable
- * @since 2.0
+ * @since 1.2.0
  *
  * @dependency syn-icon-button
  *
@@ -26,7 +26,7 @@ import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/tag/tag.js';
 
 import type { SynRemoveEvent } from '@synergy-design-system/components';
-import type { SynTag } from '@synergy-design-system/components';
+import type SynTag from '@synergy-design-system/components/components/tag/tag.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynTag>();