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

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

@@ -230,14 +230,16 @@ export class ObcNotificationMessageItem extends LitElement {
   }
 
   /**
-   * @event message-click - Fired when the notification item is clicked (excluding the action area).
+   * Fired when the notification item is clicked (excluding the action area).
+   * @event message-click
    */
   private handleMessageClick() {
     this.dispatchEvent(new CustomEvent('message-click'));
   }
 
   /**
-   * @event action-click - Fired when the action button or icon is clicked.
+   * Fired when the action button or icon is clicked.
+   * @event action-click
    */
   private handleActionClick() {
     this.dispatchEvent(new CustomEvent('action-click'));

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

@@ -121,7 +121,7 @@ export class ObcPivotItem extends LitElement {
   /**
    * Handles click events. Emits `selected` when the item is not disabled or already selected.
    *
-   * @fires {CustomEvent<{value: string}>} selected - When the item is clicked and becomes selected
+   * @fires selected
    */
   private onClick() {
     // Don't allow clicking if disabled OR already selected

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

@@ -51,6 +51,7 @@ import {ObcPivotItemDirection, ObcPivotItem} from '../pivot-item/pivot-item.js';
  *
  * @slot - Default slot for one or more `<obc-pivot-item>` elements.
  * @fires {CustomEvent<{selectedValue: string}>} change - Fired when the selected value changes.
+ * @stable
  */
 @customElement('obc-pivot-item-group')
 export class ObcPivotItemGroup extends LitElement {

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

@@ -6,7 +6,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<typeof ObcRichButton> = {
   title: 'UI Components/Buttons/Rich Button',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-rich-button',
   argTypes: {
     direction: {

package/src/components/sequence-card/sequence-card.stories.ts

@@ -184,7 +184,7 @@ const renderSequenceCard = (args: SequenceCardStoryArgs) => html`
 
 const meta: Meta<ObcSequenceCard> = {
   title: 'UI Components/Sections/Sequence Card',
-  tags: ['6.1'],
+  tags: ['6.1', 'experimental'],
   component: 'obc-sequence-card',
   parameters: {
     layout: 'centered',

package/src/components/sequence-connector/sequence-connector.stories.ts

@@ -46,7 +46,7 @@ const cardStyle = `
 const meta = {
   title: 'Automation/Sequence Connector',
   component: 'obc-sequence-connector',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'beta'],
   parameters: {
     layout: 'centered',
     docs: {

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

@@ -53,6 +53,7 @@ const defaultArgs: SequenceItemArgs = {
 
 const meta: Meta = {
   title: 'Automation/Sequence Item',
+  tags: ['beta'],
   component: 'obc-sequence-item',
   parameters: {
     layout: 'centered',

package/src/components/sequence-loading-spinner/sequence-loading-spinner.stories.ts

@@ -28,7 +28,7 @@ const types = [
 const meta = {
   title: 'Building Blocks/Sequence Loading Spinner',
   component: 'obc-sequence-loading-spinner',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'experimental'],
   parameters: {
     layout: 'centered',
     controls: {

package/src/components/sequence-modal/sequence-modal.stories.ts

@@ -128,7 +128,7 @@ const renderSequenceModal = (args: SequenceModalStoryArgs) => {
 
 const meta: Meta<SequenceModalStoryArgs> = {
   title: 'UI Components/Sections/Sequence Modal',
-  tags: ['6.1'],
+  tags: ['6.1', 'experimental'],
   component: 'obc-sequence-modal',
   parameters: {
     layout: 'centered',

package/src/components/sequence-step/sequence-step.stories.ts

@@ -50,6 +50,7 @@ const cardStyle = `
 
 const meta: Meta = {
   title: 'Automation/Sequence Step',
+  tags: ['beta'],
   component: 'obc-sequence-step',
   parameters: {layout: 'centered'},
   argTypes: {

package/src/components/sequence-toolbar/sequence-toolbar.stories.ts

@@ -16,6 +16,7 @@ type SequenceToolbarArgs = {
 
 const meta: Meta<SequenceToolbarArgs> = {
   title: 'Automation/Sequence Toolbar',
+  tags: ['beta'],
   component: 'obc-sequence-toolbar',
   parameters: {
     layout: 'centered',

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

@@ -9,7 +9,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcSlideButton> = {
   title: 'UI Components/Buttons/Slide Button',
-  tags: ['6.0'],
+  tags: ['6.0', 'experimental'],
   component: 'obc-slide-button',
   args: {},
   render: (args) => {

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

@@ -190,7 +190,8 @@ export class ObcSlideButton extends LitElement {
   private completeSlide() {
     /**
      * Emitted when the slide action is completed (handle dragged past the
-     * @fires {ObcSlideButtonSlideEvent} slide - threshold or activated via keyboard).
+     * threshold or activated via keyboard).
+     * @fires slide
      */
     this.dispatchEvent(new CustomEvent('slide', {detail: {completed: true}}));
 

package/src/components/slider/slider.ts

@@ -235,7 +235,7 @@ export class ObcSlider extends LitElement {
    * Fires the `value` event with the new value.
    *
    * @param value - The new value to set.
-   * @fires value - Fired when the value is changed
+   * @fires value
    */
   onInput(value: number) {
     this.value = value;
@@ -245,7 +245,7 @@ export class ObcSlider extends LitElement {
   /**
    * Fires the `change` event with the current value.
    *
-   * @fires change - Fired when user interaction completes; dispatched on release even if the value did not change
+   * @fires change
    */
   private fireChangeEvent() {
     this.dispatchEvent(

package/src/components/slider-double/slider-double.ts

@@ -269,7 +269,7 @@ export class ObcSliderDouble extends LitElement {
    * Handles input changes from the slider thumbs.
    * Updates the low and high values and emits the `value` event.
    *
-   * @fires {ObcSliderDoubleValueEvent} value - Fires when the value is changed
+   * @fires value
    */
   onInput() {
     let newLow = parseFloat(this.minInput.value);
@@ -292,7 +292,7 @@ export class ObcSliderDouble extends LitElement {
   /**
    * Fires the `change` event with the current low and high values.
    *
-   * @fires change - Fires when user interaction completes
+   * @fires change
    */
   private fireChangeEvent() {
     this.dispatchEvent(

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

@@ -28,7 +28,7 @@ const renderWithIcon = (args: StoryObj<ObcSplitButton>['args']) => html`
 
 const meta: Meta<ObcSplitButton> = {
   title: 'UI Components/Buttons/Split Button',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-split-button',
   decorators: [
     (story) => html`

package/src/components/status-indicator/status-indicator.stories.ts

@@ -5,7 +5,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcStatusIndicator> = {
   title: 'UI Components/Message and Alerts/Status Indicator',
-  tags: ['alpha'],
+  tags: ['beta'],
   component: 'obc-status-indicator',
   args: {},
   render: (args) => {

package/src/components/stepper-box/stepper-box.ts

@@ -280,7 +280,8 @@ export class ObcStepperBox extends LitElement {
   }
 
   /**
-   * @fires down - Dispatches the `down` event when the decrement button is clicked.
+   * Dispatches the `down` event when the decrement button is clicked.
+   * @fires down
    */
   down() {
     if (this.downDisabled) {
@@ -300,7 +301,8 @@ export class ObcStepperBox extends LitElement {
   }
 
   /**
-   * @fires up - Dispatches the `up` event when the increment button is clicked.
+   * Dispatches the `up` event when the increment button is clicked.
+   * @fires up
    */
   up() {
     if (this.upDisabled) {

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

@@ -197,7 +197,7 @@ export class ObcSystemButton extends LitElement {
     /**
      * Fired when the expanded variant is toggled open or closed.
      *
-     * @event menu-toggle - When the expanded variant is toggled open or closed
+     * @event menu-toggle
      * @type {CustomEvent<{open: boolean}>}
      */
     this.dispatchEvent(
@@ -212,7 +212,7 @@ export class ObcSystemButton extends LitElement {
    * Called by the System Menu component.
    *
    * @param newState Partial system state to merge with the current state.
-   * @fires {CustomEvent<{state: SystemState}>} system-state-change - When the system state is updated
+   * @fires system-state-change
    */
   public updateSystemState(newState: Partial<SystemState>) {
     this.systemState = {...this.systemState, ...newState};
@@ -238,7 +238,7 @@ export class ObcSystemButton extends LitElement {
     /**
      * Fired when the microphone action segment is activated.
      *
-     * @event microphone-panel-open - When the microphone action segment is activated
+     * @event microphone-panel-open
      * @type {CustomEvent<void>}
      */
     this.dispatchEvent(new CustomEvent('microphone-panel-open'));
@@ -250,7 +250,7 @@ export class ObcSystemButton extends LitElement {
     /**
      * Fired when the volume action segment is activated.
      *
-     * @event volume-panel-open - When the volume action segment is activated
+     * @event volume-panel-open
      * @type {CustomEvent<void>}
      */
     this.dispatchEvent(new CustomEvent('volume-panel-open'));
@@ -262,7 +262,7 @@ export class ObcSystemButton extends LitElement {
     /**
      * Fired when the system icons action segment is activated.
      *
-     * @event system-icons-panel-open - When the system icons action segment is activated
+     * @event system-icons-panel-open
      * @type {CustomEvent<void>}
      */
     this.dispatchEvent(new CustomEvent('system-icons-panel-open'));

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

@@ -174,7 +174,8 @@ export class ObcTabbedCard extends LitElement {
   private setSelectedTab(index: number) {
     this.selectedTab = index;
     /**
-     * @fires {CustomEvent<{tab:number}>} tab-change - Fired when the selected tab changes.
+     * Fired when the selected tab changes.
+     * @fires tab-change
      */
     this.dispatchEvent(new CustomEvent('tab-change', {detail: {tab: index}}));
   }

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

@@ -16,7 +16,7 @@ import {TagColor} from '../tag/tag.js';
 
 const meta: Meta<typeof ObcTable> = {
   title: 'UI Components/Tables/Table',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-table',
   decorators: [widthDecorator],
   argTypes: {

package/src/components/table-header-item/table-header-item.stories.ts

@@ -9,7 +9,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<typeof ObcTableHeaderItem> = {
   title: 'UI Components/Tables/Building Blocks/Table Header Item',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-table-header-item',
   args: {
     sortable: true,

package/src/components/textbox/textbox.stories.ts

@@ -15,7 +15,7 @@ interface TextboxStoryArgs extends Partial<ObcTextbox> {
 
 const meta: Meta<TextboxStoryArgs> = {
   title: 'Building Blocks/Textbox',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-textbox',
   args: {
     size: ObcTextboxSize.m,

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

@@ -15,7 +15,7 @@ type TitleContainerArgs = {
 
 const meta = {
   title: 'UI Components/Forms/Title Container',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', 'beta'],
   component: 'obc-title-container',
   decorators: [
     (story) =>

package/src/components/toggle-button-option/toggle-button-option.ts

@@ -164,7 +164,8 @@ export class ObcToggleButtonOption extends LitElement {
   @property({type: Boolean, reflect: true}) large = false;
 
   /**
-   * @fires {CustomEvent<{value: string}>} selected - Fired when the option is clicked and not already selected.
+   * Fired when the option is clicked and not already selected.
+   * @fires selected
    */
   onClick(event: Event) {
     if (this.disabled) {

package/src/components/toggle-button-three-state/toggle-button-three-state.stories.ts

@@ -11,7 +11,7 @@ type ObcToggleButtonThreeStateArgs = {
 const meta: Meta<ObcToggleButtonThreeStateArgs> = {
   title:
     'UI Components/Selection Controls and Switches/Toggle Button - Three State',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-toggle-button-three-state',
   args: {
     state: ObcToggleButtonThreeStateValue.noInput,

package/src/components/toggle-button-vertical-group/toggle-button-vertical-group.ts

@@ -234,7 +234,7 @@ export class ObcToggleButtonVerticalGroup extends LitElement {
        * The event detail contains the new value and the previous value:
        * `{ value: string, previousValue: string }`
        *
-       * @event value - Fired when the selected value changes.
+       * @event value
        */
       this.dispatchEvent(
         new CustomEvent('value', {
@@ -250,7 +250,7 @@ export class ObcToggleButtonVerticalGroup extends LitElement {
        * The event detail contains the new value:
        * `{ value: string }`
        *
-       * @event change - Fired when the selected value changes by user interaction.
+       * @event change
        */
       this.dispatchEvent(
         new CustomEvent('change', {

package/src/components/toggle-switch/toggle-switch.ts

@@ -157,7 +157,7 @@ export class ObcToggleSwitch extends LitElement {
    * Handles input events to change the toggle state.
    * Prevents changes if the toggle is disabled.
    * @param e {InputEvent}
-   * @fires input - Dispatched when the value of the input changes
+   * @fires input
    */
   private _tryChange(e: InputEvent) {
     if (this.disabled) {

package/src/components/toggletip/toggletip.stories.ts

@@ -8,7 +8,7 @@ import {ifDefined} from 'lit/directives/if-defined.js';
 
 const meta: Meta<typeof ObcToggletip> = {
   title: 'UI Components/Message and Alerts/Toggletip',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-toggletip',
   args: {
     variant: ToggletipVariant.normal,

package/src/components/top-bar/top-bar.ts

@@ -348,28 +348,32 @@ export class ObcTopBar extends LitElement {
 
   private dimmingButtonClicked() {
     /**
-     * @event dimming-button-clicked - Fired when the dimming (day/night) button is clicked.
+     * Fired when the dimming (day/night) button is clicked.
+     * @event dimming-button-clicked
      */
     this.dispatchEvent(new CustomEvent('dimming-button-clicked'));
   }
 
   private appsButtonClicked() {
     /**
-     * @event apps-button-clicked - Fired when the apps button is clicked.
+     * Fired when the apps button is clicked.
+     * @event apps-button-clicked
      */
     this.dispatchEvent(new CustomEvent('apps-button-clicked'));
   }
 
   private leftMoreButtonClicked() {
     /**
-     * @event left-more-button-clicked - Fired when the left more button is clicked.
+     * Fired when the left more button is clicked.
+     * @event left-more-button-clicked
      */
     this.dispatchEvent(new CustomEvent('left-more-button-clicked'));
   }
 
   private userButtonClicked() {
     /**
-     * @event user-button-clicked - Fired when the user/profile button is clicked.
+     * Fired when the user/profile button is clicked.
+     * @event user-button-clicked
      */
     this.dispatchEvent(new CustomEvent('user-button-clicked'));
   }

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

@@ -192,7 +192,7 @@ export class ObcTopbarMessageItem extends LitElement {
     /**
      * Fired when the main message area is clicked.
      *
-     * @event message-click - Fired when the main message area is clicked.
+     * @event message-click
      */
     this.dispatchEvent(new CustomEvent('message-click'));
   }
@@ -201,7 +201,7 @@ export class ObcTopbarMessageItem extends LitElement {
     /**
      * Fired when the action button (text or icon) is clicked.
      *
-     * @event action-click - Fired when the action button (text or icon) is clicked.
+     * @event action-click
      */
     this.dispatchEvent(new CustomEvent('action-click'));
   }

package/src/components/tree-navigation/tree-navigation.stories.ts

@@ -18,7 +18,7 @@ import {customElement} from '../../decorator.js';
  */
 const meta: Meta<typeof ObcTreeNavigation> = {
   title: 'UI Components/Menus and Navigation/Tree Navigation',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-tree-navigation',
   render: () => html`
     <obc-tree-navigation>

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

@@ -10,7 +10,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcTreeNavigationItem> = {
   title: 'UI Components/Menus and Navigation/Tree Navigation Item',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'beta'],
   component: 'obc-tree-navigation-item',
   args: {
     label: 'List item',

package/src/integration-systems/integration-app-bar/integration-app-bar.stories.ts

@@ -7,7 +7,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcIntegrationAppBar> = {
   title: 'Integration Systems/App Bar',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-app-bar',
   args: {},
   render: () => html`

package/src/integration-systems/integration-bar/integration-bar.stories.ts

@@ -265,7 +265,7 @@ function renderIntegrationButtons({
 
 const meta: Meta<IntegrationBarStoryArgs> = {
   title: 'Integration Systems/Integration Bar',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-bar',
   globals: {
     viewport: {value: 'desktop'},

package/src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.stories.ts

@@ -9,7 +9,7 @@ import {IntegrationButtonType} from '../integration-button/integration-button.js
 
 const meta: Meta<typeof ObcIntegrationBarDropdown> = {
   title: 'Integration Systems/Integration Bar Dropdown',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-bar-dropdown',
   args: {
     showClock: true,

package/src/integration-systems/integration-button/integration-button.stories.ts

@@ -10,7 +10,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<ObcIntegrationButton> = {
   title: 'Integration Systems/Integration Button',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-button',
   args: {
     hasLeadingIcon: true,

package/src/integration-systems/integration-dropdown-button/integration-dropdown-button.stories.ts

@@ -8,7 +8,7 @@ import '../integration-button/integration-button.js';
 
 const meta: Meta<ObcIntegrationDropdownButton> = {
   title: 'Integration Systems/Integration Dropdown Button',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-dropdown-button',
   globals: {
     backgrounds: {

package/src/integration-systems/integration-dropdown-button/integration-dropdown-button.ts

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

package/src/integration-systems/integration-fleet-button/integration-fleet-button.stories.ts

@@ -6,7 +6,7 @@ import '../../icons/icon-placeholder.js';
 
 const meta: Meta<typeof ObcIntegrationFleetButton> = {
   title: 'Integration Systems/Fleet Button',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-fleet-button',
   args: {
     fleetName: 'Fleet Name',

package/src/integration-systems/integration-tabs/integration-tabs.stories.ts

@@ -5,7 +5,7 @@ import {html} from 'lit';
 
 const meta: Meta<typeof ObcIntegrationTabs> = {
   title: 'Integration Systems/Building Blocks/Integration Tabs',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-tabs',
   args: {},
   globals: {

package/src/integration-systems/integration-vessel-menu/integration-vessel-menu.stories.ts

@@ -117,7 +117,7 @@ const renderContent = () => html`
 const meta: Meta<ObcIntegrationVesselMenu> = {
   title: 'Integration Systems/Integration Vessel Menu',
   component: 'obc-integration-vessel-menu',
-  tags: ['alpha'],
+  tags: ['experimental'],
   args: {hasActions: true, hasAlertList: true, hasContent: true},
   argTypes: {
     hasActions: {

package/src/integration-systems/integration-vessel-selector/integration-vessel-selector.stories.ts

@@ -12,7 +12,7 @@ import {
 
 const meta: Meta<typeof ObcIntegrationVesselSelector> = {
   title: 'Integration Systems/Integration Vessel Selector',
-  tags: ['alpha'],
+  tags: ['experimental'],
   component: 'obc-integration-vessel-selector',
   args: {},
   parameters: {

package/src/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.stories.ts

@@ -49,7 +49,7 @@ function renderAzimuthThrusterLabeled(
 
 const meta: Meta<typeof ObcAzimuthThrusterLabeled> = {
   title: 'Instruments/Azimuth Thruster Labeled',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'deprecated'],
   component: 'obc-azimuth-thruster-labeled',
   render: (args) => renderAzimuthThrusterLabeled(args),
   args: {

package/src/navigation-instruments/current/current.stories.ts

@@ -7,7 +7,7 @@ import {topVessels} from '../watch/vessels/storybook-helper.js';
 
 const meta: Meta<typeof ObcCurrent> = {
   title: 'Instruments/Current',
-  tags: ['autodocs', 'wip'],
+  tags: ['autodocs', 'experimental'],
   component: 'obc-current',
   decorators: [widthDecorator],
   args: {

package/src/navigation-instruments/draft-trim/draft-trim.stories.ts

@@ -8,7 +8,7 @@ import {sideVessels} from '../watch/vessels/storybook-helper.js';
 
 const meta: Meta<typeof ObcDraftTrim> = {
   title: 'Instruments/Draft Trim',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-draft-trim',
   args: {
     width: 384,

package/src/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.stories.ts

@@ -20,7 +20,7 @@ type GaugeRadialProportionalStoryArgs = Partial<ObcGaugeRadialProportional> & {
 
 const meta = {
   title: 'Instruments/Gauge Radial Proportional',
-  tags: ['autodocs', 'wip', 'skip-test'],
+  tags: ['autodocs', 'skip-test', 'experimental'],
   component: 'obc-gauge-radial-proportional',
   decorators: [widthDecorator],
   args: {

package/src/navigation-instruments/graph-mini/graph-mini.stories.ts

@@ -4,7 +4,7 @@ import './graph-mini.js';
 
 const meta: Meta<typeof ObcGraphMini> = {
   title: 'Bars and Graphs/Graph Mini',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-graph-mini',
   args: {
     data: [

package/src/navigation-instruments/indicator-graph/indicator-graph.stories.ts

@@ -8,7 +8,7 @@ import './indicator-graph.js';
 import {widthDecorator} from '../../storybook-util.js';
 const meta: Meta<typeof ObcIndicatorGraph> = {
   title: 'Bars and Graphs/Indicator Graph',
-  tags: ['6.0', 'autodocs'],
+  tags: ['6.0', 'autodocs', 'beta'],
   component: 'obc-indicator-graph',
   decorators: [widthDecorator],
   args: {

package/src/navigation-instruments/instrument-field/instrument-field.stories.ts

@@ -6,7 +6,7 @@ import '../../components/navigation-item/navigation-item.js';
 
 const meta: Meta<typeof ObcInstrumentField> = {
   title: 'Instruments/Instrument Field',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'deprecated'],
   component: 'obc-instrument-field',
   args: {
     setpoint: 0,

package/src/navigation-instruments/pitch-roll-heave/pitch-roll-heave.stories.ts

@@ -15,7 +15,7 @@ import {
 
 const meta: Meta<typeof ObcPitchRollHeave> = {
   title: 'Instruments/Pitch Roll Heave',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-pitch-roll-heave',
   args: {
     width: 384,