@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.117 → 2.0.0-next.119

package/src/bars-graphs/area-graph/area-graph.stories.ts

@@ -77,7 +77,7 @@ const SAMPLE_MULTI_DATASETS = [
 const meta: Meta = {
   title: 'Bars and Graphs/Area Graph',
   component: 'obc-area-graph',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   render: (_args) => html`
     <obc-area-graph
       .data=${_args.data}

package/src/bars-graphs/donut-chart/donut-chart.stories.ts

@@ -15,7 +15,7 @@ const SAMPLE_DATA = [
 const meta: Meta = {
   title: 'Bars and Graphs/Donut Chart',
   component: 'obc-donut-chart',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   argTypes: {
     fixedHeight: {
       control: {type: 'range', min: 48, max: 512},

package/src/bars-graphs/line-graph/line-graph.stories.ts

@@ -83,7 +83,7 @@ const SAMPLE_MULTI_DATASETS = [
 const meta: Meta = {
   title: 'Bars and Graphs/Line Graph',
   component: 'obc-line-graph',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   argTypes: {
     // Data sources
     data: {control: 'object'},

package/src/bars-graphs/pie-chart/pie-chart.stories.ts

@@ -43,7 +43,7 @@ const SUNBURST_DATA = [
 const meta: Meta = {
   title: 'Bars and Graphs/Pie Chart',
   component: 'obc-pie-chart',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   argTypes: {
     fixedHeight: {
       control: {type: 'range', min: 48, max: 512},

package/src/bars-graphs/polar-chart/polar-chart.stories.ts

@@ -23,7 +23,7 @@ const SAMPLE_DATA = [
 const meta: Meta = {
   title: 'Bars and Graphs/Polar Chart',
   component: 'obc-polar-chart',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   argTypes: {
     fixedHeight: {
       control: {type: 'range', min: 48, max: 512, step: 8},

package/src/bars-graphs/radial-bar-chart/radial-bar-chart.stories.ts

@@ -10,7 +10,7 @@ const SAMPLE_DATA = [70, 50, 30];
 const meta: Meta = {
   title: 'Bars and Graphs/Radial Bar Chart',
   component: 'obc-radial-bar-chart',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   argTypes: {
     fixedHeight: {
       control: {type: 'range', min: 48, max: 512, step: 8},

package/src/building-blocks/bar-horizontal/bar-horizontal.stories.ts

@@ -31,7 +31,7 @@ const SAMPLE_DATA = [
 
 const meta: Meta = {
   title: 'Bars and Graphs/Bar Horizontal',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-bar-horizontal',
   argTypes: {
     minValue: {control: {type: 'range', min: -100, max: 100}},

package/src/building-blocks/bar-vertical/bar-vertical.stories.ts

@@ -32,7 +32,7 @@ const SAMPLE_DATA = [
 
 const meta: Meta = {
   title: 'Bars and Graphs/Bar Vertical',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-bar-vertical',
   argTypes: {
     minValue: {control: {type: 'range', min: -100, max: 100}},

package/src/building-blocks/chart-line/chart-line-base.stories.ts

@@ -85,7 +85,7 @@ const SAMPLE_MULTI_DATASETS = [
 const meta: Meta = {
   title: 'Building Blocks/Line Area Chart Base',
   component: 'obc-area-graph',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   parameters: {
     docs: {
       description: {

package/src/building-blocks/instrument-radial/instrument-radial.stories.ts

@@ -23,7 +23,7 @@ type InstrumentRadialStoryArgs = Partial<ObcInstrumentRadial> & {
 
 const meta: Meta<InstrumentRadialStoryArgs> = {
   title: 'Building Blocks/Instrument Radial',
-  tags: ['6.0'],
+  tags: ['6.0', 'experimental'],
   component: 'obc-instrument-radial',
   decorators: [widthDecorator],
   args: {

package/src/building-blocks/readout-block/readout-block.stories.ts

@@ -120,7 +120,7 @@ function renderShowcase(cards: ShowcaseCard[]) {
 
 const meta = {
   title: 'Building Blocks/Readout Block',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-readout-block',
   decorators: [themedDecorator],
   parameters: {

package/src/components/accordion-card/accordion-card.ts

@@ -210,7 +210,8 @@ export class ObcAccordionCard extends LitElement {
     this.expanded = !this.expanded;
 
     /**
-     * @fires {CustomEvent<{expanded: boolean, cardTitle: string}>} accordion-toggle - Fired when the accordion is expanded or collapsed.
+     * Fired when the accordion is expanded or collapsed.
+     * @fires accordion-toggle
      */
     this.dispatchEvent(
       new CustomEvent('accordion-toggle', {

package/src/components/advice-floating-item/advice-floating-item.stories.ts

@@ -13,7 +13,7 @@ import '../../icons/icon-ship.js';
 const meta: Meta<ObcAdviceFloatingItem> = {
   title: 'Application Components/Notifications/Advice Floating Item',
   component: 'obc-advice-floating-item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   argTypes: {
     type: {
       control: 'select',

package/src/components/advice-menu-item/advice-menu-item.stories.ts

@@ -6,7 +6,7 @@ import {ObcMessageMenuItemSize} from '../message-menu-item/message-menu-item.js'
 
 const meta: Meta<typeof ObcAdviceMenuItem> = {
   title: 'Application Components/Notifications/Advice Menu Item',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-advice-menu-item',
   args: {
     title: 'Advice title',

package/src/components/advice-message-item/advice-message-item.stories.ts

@@ -6,7 +6,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcAdviceMessageItem> = {
   title: 'Application Components/Notifications/Advice Message Item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-advice-message-item',
   args: {
     title: 'Advice title',

package/src/components/advice-message-item/advice-message-item.ts

@@ -223,14 +223,16 @@ export class ObcAdviceMessageItem extends LitElement {
   }
 
   /**
-   * @fires {CustomEvent<void>} message-click - Fired when the main message area is clicked.
+   * Fired when the main message area is clicked.
+   * @fires message-click
    */
   private handleMessageClick() {
     this.dispatchEvent(new CustomEvent('message-click'));
   }
 
   /**
-   * @fires {CustomEvent<void>} action-click - Fired when the action button (text or icon) is clicked.
+   * Fired when the action button (text or icon) is clicked.
+   * @fires action-click
    */
   private handleActionClick() {
     this.dispatchEvent(new CustomEvent('action-click'));

package/src/components/alert-frame/alert-frame.stories.ts

@@ -13,7 +13,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcAlertFrame> = {
   title: 'UI Components/Message and Alerts/Alert Frame',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-alert-frame',
   args: {
     type: ObcAlertFrameType.SmallSideFlip,

package/src/components/app-menu/app-menu.ts

@@ -56,7 +56,7 @@ export class ObcAppMenu extends LitElement {
    * Handles input events from the search field and emits a `search` event with the current value.
    *
    * @param e - The input event from the search field.
-   * @fires {CustomEvent<string>} search - Fired when the search input value changes.
+   * @fires search
    */
   onSearchInput(e: Event) {
     this.dispatchEvent(

package/src/components/attachment-list-item/attachment-list-item.stories.ts

@@ -8,7 +8,7 @@ import {html} from 'lit';
 
 const meta: Meta<ObcAttachmentListItem> = {
   title: 'UI Components/Tables and Lists/Attachment List Item',
-  tags: ['autodocs', '6.1'],
+  tags: ['autodocs', '6.1', 'beta'],
   component: 'obc-attachment-list-item',
   args: {
     label: 'Document.pdf',

package/src/components/audio-output/audio-output.stories.ts

@@ -4,7 +4,7 @@ import './audio-output.js';
 
 const meta: Meta<ObcAudioOutput> = {
   title: 'UI Components/Media/Audio Output',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-audio-output',
   args: {},
   argTypes: {

package/src/components/audio-recording-item/audio-recording-item.stories.ts

@@ -9,7 +9,7 @@ import '../button/button.js';
 
 const meta = {
   title: 'UI Components/Media/Audio Recording Item',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-audio-recording-item',
   args: {},
   argTypes: {

package/src/components/automation-button-readout-stack/automation-button-readout-stack.stories.ts

@@ -9,7 +9,7 @@ import {html} from 'lit';
 
 const meta: Meta = {
   title: 'Building Blocks/Automation Button Readout Stack',
-  tags: ['6.0'],
+  tags: ['6.0', 'experimental'],
   component: 'obc-automation-button-readout-stack',
   args: {
     tag: '#0000',

package/src/components/badge/badge.stories.ts

@@ -8,7 +8,7 @@ import '../../icons/icon-alarm-badge.js';
 
 const meta: Meta<typeof ObcBadge> = {
   title: 'UI Components/Message and Alerts/Badge',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'beta'],
   component: 'obc-badge',
   args: {
     number: 9,

package/src/components/brilliance-menu/brilliance-menu.ts

@@ -212,7 +212,8 @@ export class ObcBrillianceMenu extends LitElement {
   }
 
   /**
-   * @fires palette-changed - Handles palette selection changes and emits `palette-changed`.
+   * Handles palette selection changes and emits `palette-changed`.
+   * @fires palette-changed
    * @param {CustomEvent} event
    */
   onPaletteChanged(event: CustomEvent) {
@@ -225,7 +226,8 @@ export class ObcBrillianceMenu extends LitElement {
   }
 
   /**
-   * @fires brightness-changed - Handles brightness slider changes and emits `brightness-changed`.
+   * Handles brightness slider changes and emits `brightness-changed`.
+   * @fires brightness-changed
    * @param {CustomEvent} event
    */
   handleBrightnessChanged(event: CustomEvent) {
@@ -258,7 +260,8 @@ export class ObcBrillianceMenu extends LitElement {
   }
 
   /**
-   * @fires link-palette-changed - Handles link palette changes and emits `link-palette-changed`.
+   * Handles link palette changes and emits `link-palette-changed`.
+   * @fires link-palette-changed
    * @param {CustomEvent} event
    */
   onLinkPaletteChanged(event: CustomEvent) {
@@ -270,7 +273,8 @@ export class ObcBrillianceMenu extends LitElement {
   }
 
   /**
-   * @fires link-brightness-changed - Handles link brightness changes and emits `link-brightness-changed`.
+   * Handles link brightness changes and emits `link-brightness-changed`.
+   * @fires link-brightness-changed
    * @param {CustomEvent} event
    */
   onLinkBrightnessChanged(event: CustomEvent) {

package/src/components/calendar/calendar.stories.ts

@@ -338,7 +338,7 @@ function renderCalendar(args: CalendarStoryArgs) {
 
 const meta: Meta<CalendarStoryArgs> = {
   title: 'Application Components/Calendar/Calendar',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-calendar',
   render: renderCalendar,
   argTypes: {

package/src/components/check-button/check-button.ts

@@ -197,7 +197,7 @@ export class ObcCheckButton extends LitElement {
      * Fired after the user toggles the check button.
      * The event detail includes the new checked state and the type of the button.
      *
-     * @fires {CustomEvent<{checked: boolean, type: string}>} check-button-click - Fired after the user toggles the control.
+     * @fires check-button-click
      */
     this.dispatchEvent(
       new CustomEvent('check-button-click', {

package/src/components/checkbox/checkbox.ts

@@ -96,8 +96,8 @@ export type ObcCheckboxChangeEvent = CustomEvent<{
  * ```
  *
  * @slot - No named slots.
- * @fires {ObcCheckboxChangeEvent} change - – Emitted when the status changes.
- * @fires {ObcCheckboxChangeEvent} disabled - – Emitted when the disabled state changes.
+ * @fires {ObcCheckboxChangeEvent} change - Emitted when the status changes.
+ * @fires {ObcCheckboxChangeEvent} disabled - Emitted when the disabled state changes.
  * @stable
  */
 @customElement('obc-checkbox')

package/src/components/command-button/command-button.stories.ts

@@ -4,7 +4,7 @@ import './command-button.js';
 
 const meta: Meta<typeof ObcCommandButton> = {
   title: 'Application Components/Menus/Command Button',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-command-button',
   args: {},
 } satisfies Meta<ObcCommandButton>;

package/src/components/command-menu/command-menu.stories.ts

@@ -72,7 +72,7 @@ customElements.define('command-menu-story-wrapper', CommandMenuStoryWrapper);
 
 const meta: Meta<typeof ObcCommandMenu> = {
   title: 'Application Components/Menus/Command Menu',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-command-menu',
   args: {
     showLocation: true,

package/src/components/command-menu/command-menu.ts

@@ -177,7 +177,7 @@ export class ObcCommandMenu extends LitElement {
   /**
    * Handles the toggle change event from the start-stop switch and emits a `change` event with the new command state.
    *
-   * @fires {CustomEvent<{inCommand: boolean}>} change - Fired when the command state is toggled.
+   * @fires change
    */
   private onChange(event: ObcStartStopSwitchChangeEvent) {
     // Stop the start-stop-switch's composed event from leaking through

package/src/components/communication-table/communication-table.stories.ts

@@ -8,7 +8,7 @@ import '../user-button/user-button.js';
 
 const meta: Meta<typeof ObcCommunicationTable> = {
   title: 'UI Components/Communication/Communication Table',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-communication-table',
   args: {
     data: [

package/src/components/context-menu-input/context-menu-input.stories.ts

@@ -6,7 +6,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<typeof ObcContextMenuInput> = {
   title: 'UI Components/Menus and Navigation/Context Menu Input',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-context-menu-input',
   argTypes: {
     type: {

package/src/components/date-item/date-item.stories.ts

@@ -10,7 +10,7 @@ interface DateItemStoryArgs extends Partial<ObcDateItem> {
 
 const meta: Meta<DateItemStoryArgs> = {
   title: 'Application Components/Calendar/Date Item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-date-item',
   argTypes: {
     width: {

package/src/components/dropdown-button/dropdown-button.ts

@@ -224,8 +224,8 @@ export class ObcDropdownButton extends LitElement {
   /**
    * Handles the dropdown-change and change event when a new option is selected. Updates the selected value and label, and dispatches a `dropdown-change` and 'change' event with the new selection.
    *
-   * @fires {ObcDropdownButtonChangeEvent} dropdown-change - Fired when the user selects a different option.
-   * @fires {ObcDropdownButtonChangeEvent} change - Fired when the user selects a different option.
+   * @fires dropdown-change
+   * @fires change
    */
   private changeHandler(event: Event) {
     const target = event.target as HTMLSelectElement;

package/src/components/event-item/event-item.stories.ts

@@ -9,7 +9,7 @@ interface EventItemStoryArgs extends Partial<ObcEventItem> {
 
 const meta: Meta<EventItemStoryArgs> = {
   title: 'Application Components/Calendar/Event Item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-event-item',
   decorators: [widthDecorator],
   argTypes: {

package/src/components/event-list/event-list.stories.ts

@@ -28,7 +28,7 @@ const sampleEvents: DateItemEvent[] = [
 
 const meta: Meta<EventListStoryArgs> = {
   title: 'Application Components/Calendar/Event List',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-event-list',
   decorators: [widthDecorator],
   argTypes: {

package/src/components/form-container/form-container.stories.ts

@@ -28,6 +28,7 @@ type FormContainerArgs = {
 
 const meta = {
   title: 'UI Components/Forms/Form Container',
+  tags: ['beta'],
   component: 'obc-form-container',
   decorators: [
     (story) =>

package/src/components/form-footer-container/form-footer-container.stories.ts

@@ -12,6 +12,7 @@ type FormFooterContainerArgs = {
 
 const meta = {
   title: 'UI Components/Forms/Form Footer Container',
+  tags: ['beta'],
   component: 'obc-form-footer-container',
   decorators: [
     (story) =>

package/src/components/form-group/form-group.stories.ts

@@ -44,6 +44,7 @@ const mapGroupTypeToItemType = (type: ObcFormGroupType): ObcFormItemType => {
 
 const meta = {
   title: 'UI Components/Forms/Form Group',
+  tags: ['beta'],
   component: 'obc-form-group',
   decorators: [
     (story) =>

package/src/components/form-item/form-item.stories.ts

@@ -74,7 +74,7 @@ const defaultArgs: FormItemArgs = {
 
 const meta = {
   title: 'UI Components/Forms/Form Item',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'beta'],
   component: 'obc-form-item',
   decorators: [
     (story) =>

package/src/components/keyboard-full/keyboard-full.stories.ts

@@ -9,7 +9,7 @@ import './keyboard-full.js';
 
 const meta: Meta<typeof ObcKeyboardFull> = {
   title: 'Application Components/Input/Keyboard Full',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-keyboard-full',
   parameters: {
     docs: {

package/src/components/keyboard-numeric/keyboard-numeric.stories.ts

@@ -21,7 +21,7 @@ type ObcKeyboardNumericArgs = {
 
 const meta: Meta<ObcKeyboardNumericArgs> = {
   title: 'Application Components/Input/Keyboard Numeric',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-keyboard-numeric',
   parameters: {
     docs: {

package/src/components/menu-button/menu-button.stories.ts

@@ -50,7 +50,7 @@ const renderIconOnly = (args: StoryObj<ObcMenuButton>['args']) => html`
 
 const meta: Meta<ObcMenuButton> = {
   title: 'UI Components/Buttons/Menu Button',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-menu-button',
   argTypes: {
     label: {control: 'text', description: 'Constant label on the button'},

package/src/components/menu-button/menu-button.ts

@@ -266,7 +266,8 @@ export class ObcMenuButton extends LitElement {
     if (e.newState === 'open') {
       void this.focusMenuAfterOpen();
       /**
-       * @event open - Fired when the menu is opened.
+       * Fired when the menu is opened.
+       * @event open
        * @type {CustomEvent<void>}
        */
       this.dispatchEvent(new CustomEvent('open'));
@@ -277,7 +278,8 @@ export class ObcMenuButton extends LitElement {
         this.triggerButton?.focus();
       }
       /**
-       * @event close - Fired when the menu is closed.
+       * Fired when the menu is closed.
+       * @event close
        * @type {CustomEvent<void>}
        */
       this.dispatchEvent(new CustomEvent('close'));
@@ -337,7 +339,8 @@ export class ObcMenuButton extends LitElement {
     this.selectedValues = e.detail.selectedValues;
 
     /**
-     * @event change - Fired when the menu selection changes.
+     * Fired when the menu selection changes.
+     * @event change
      * @type {CustomEvent<{selectedValues: string[], selectedOptions: Array<ContextMenuOption>}>}
      */
     this.dispatchEvent(new CustomEvent('change', {detail: e.detail}));
@@ -350,7 +353,8 @@ export class ObcMenuButton extends LitElement {
     e: CustomEvent<{value: string; option: ContextMenuOption}>
   ) {
     /**
-     * @event item-click - Fired when a menu item is clicked.
+     * Fired when a menu item is clicked.
+     * @event item-click
      * @type {CustomEvent<{value: string, option: ContextMenuOption}>}
      */
     this.dispatchEvent(new CustomEvent('item-click', {detail: e.detail}));

package/src/components/message-menu-item/message-menu-item.stories.ts

@@ -9,7 +9,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<ObcMessageMenuItem> = {
   title: 'UI Components/Message and Alerts/Message Menu Item',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-message-menu-item',
   argTypes: {
     // Layout

package/src/components/navigation-item/navigation-item.ts

@@ -98,7 +98,7 @@ enum NavigationItemRole {
  *
  * @slot icon - Leading icon slot (optional, shown if provided). Set `hasIcon` to `true` to show the icon.
  * @slot trailing-icon - Trailing icon slot (optional, shown if provided). Set `hasTrailingIcon` to `true` to show.
- * @fires {CustomEvent<void>} click - Fired when the navigation item is clicked.
+ * @fires click - Fired when the navigation item is clicked, either as a link or as a button.
  * @stable
  */
 
@@ -176,13 +176,6 @@ export class ObcNavigationItem extends LitElement {
   // In tree mode the row renders an `obc-tree-navigation-item` instead of an `<a>`.
   @query('obc-tree-navigation-item') private treeItemElement?: HTMLElement;
 
-  /**
-   * @fires {CustomEvent<void>} click - Fired when the navigation item is clicked (either as a link or button).
-   */
-  onClick() {
-    dispatchEvent(new CustomEvent('click'));
-  }
-
   private handleKeydown(event: KeyboardEvent) {
     const isMenuItem =
       this.getAttribute('role') === NavigationItemRole.MenuItem;
@@ -233,7 +226,6 @@ export class ObcNavigationItem extends LitElement {
           .href=${this.href}
           .terminalType=${this.terminalType}
           .alerts=${this.alerts}
-          @click=${this.onClick}
         >
           ${this.hasIcon
             ? html`<slot name="icon" slot="icon"></slot>`
@@ -256,7 +248,6 @@ export class ObcNavigationItem extends LitElement {
           [this.variant]: true,
         })}"
         href=${ifDefined(this.href)}
-        @click=${this.onClick}
         @keydown=${this.handleKeydown}
         tabindex=${ifDefined(this.getItemTabIndex())}
         role=${ifDefined(this.getItemRole())}

package/src/components/navigation-item-group/navigation-item-group.ts

@@ -146,7 +146,8 @@ export class ObcNavigationItemGroup extends LitElement {
   }
 
   /**
-   * @fires open - Opens the flyout panel and emits the `open` event.
+   * Opens the flyout panel and emits the `open` event.
+   * @fires open
    */
   open() {
     this.openContainer = true;

package/src/components/notification-badge-button/notification-badge-button.stories.ts

@@ -6,7 +6,7 @@ import {html} from 'lit';
 // More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
 const meta: Meta<typeof ObcNotificationBadgeButton> = {
   title: 'UI Components/Buttons/Notification Badge Button',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'deprecated'],
   component: 'obc-notification-badge-button',
 } satisfies Meta<ObcNotificationBadgeButton>;
 

package/src/components/notification-button/notification-button.ts

@@ -207,7 +207,7 @@ export class ObcNotificationButton extends LitElement {
   /**
    * Handles click events on the button and dispatches the `obc-click` custom event.
    *
-   * @fires {CustomEvent<NotificationButtonClickEvent>} obc-click - Fired with the current count and new active state.
+   * @fires obc-click
    */
   private handleClick() {
     const event = new CustomEvent<NotificationButtonClickEvent>('obc-click', {

package/src/components/notification-floating-item/notification-floating-item.stories.ts

@@ -13,7 +13,7 @@ import '../../icons/icon-ship.js';
 const meta: Meta<ObcNotificationFloatingItem> = {
   title: 'Application Components/Notifications/Notification Floating Item',
   component: 'obc-notification-floating-item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   argTypes: {
     type: {
       control: 'select',

package/src/components/notification-menu-item/notification-menu-item.stories.ts

@@ -6,7 +6,7 @@ import {ObcMessageMenuItemSize} from '../message-menu-item/message-menu-item.js'
 
 const meta: Meta<typeof ObcNotificationMenuItem> = {
   title: 'Application Components/Notifications/Notification Menu Item',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-notification-menu-item',
   args: {
     title: 'Notification title',

package/src/components/notification-message-item/notification-message-item.stories.ts

@@ -6,7 +6,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcNotificationMessageItem> = {
   title: 'Application Components/Notifications/Notification Message Item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-notification-message-item',
   args: {
     title: 'Notification title',