@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.118 → 2.0.0-next.120

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/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/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-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',

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/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/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-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/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/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-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,

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

@@ -20,7 +20,7 @@ const historySamples: PitchRollSample[] = Array.from({length: 60}, (_, i) => {
 
 const meta: Meta<typeof ObcPitchRollYaw> = {
   title: 'Instruments/Pitch Roll Yaw',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-pitch-roll-yaw',
   args: {
     width: 400,

package/src/navigation-instruments/position-deviation/position-deviation.stories.ts

@@ -9,7 +9,7 @@ import {widthDecorator} from '../../storybook-util.js';
 
 const meta: Meta<typeof ObcPositionDeviation> = {
   title: 'Instruments/Position Deviation',
-  tags: ['autodocs', 'wip'],
+  tags: ['autodocs', 'experimental'],
   component: 'obc-position-deviation',
   args: {
     width: 400,

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

@@ -301,7 +301,7 @@ function argsToOptions(args: ReadoutStoryArgs): StoryOptions {
 
 const meta = {
   title: 'Instruments/Readout',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-readout',
   decorators: [centeredCanvasDecorator],
   render: (args) =>

package/src/navigation-instruments/readout-list/readout-list.stories.ts

@@ -90,7 +90,7 @@ function renderList(rows: Row[], showDebugOverlay: boolean) {
 
 const meta = {
   title: 'Instruments/Readout List',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-readout-list',
   args: {
     showDebugOverlay: true,

package/src/navigation-instruments/readout-list-item/readout-list-item.stories.ts

@@ -307,7 +307,7 @@ function argsToOptions(args: ReadoutListItemStoryArgs): StoryOptions {
 
 const meta = {
   title: 'Instruments/Readout List Item',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-readout-list-item',
   decorators: [centeredCanvasDecorator],
   render: (args) =>

package/src/navigation-instruments/speed-arrows/speed-arrows.stories.ts

@@ -4,7 +4,7 @@ import './speed-arrows.js';
 
 const meta: Meta<typeof ObcSpeedArrows> = {
   title: 'Instruments/Speed Arrows',
-  tags: ['6.0'],
+  tags: ['6.0', 'beta'],
   component: 'obc-speed-arrows',
   args: {
     tintedArrows: true,

package/src/navigation-instruments/speed-directions/speed-directions.stories.ts

@@ -11,7 +11,7 @@ import {
 
 const meta: Meta<typeof ObcSpeedDirections> = {
   title: 'Instruments/Speed Directions',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-speed-directions',
   args: {
     width: 384,

package/src/navigation-instruments/top-view-propulsion/top-view-propulsion.stories.ts

@@ -11,7 +11,7 @@ import {TickmarkStyle} from '../watch/tickmark.js';
 
 const meta: Meta<typeof ObcTopViewPropulsion> = {
   title: 'Instruments/Top View Propulsion',
-  tags: ['autodocs', '6.0', 'wip'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-top-view-propulsion',
   args: {
     width: 384,

package/src/navigation-instruments/velocity-projection-plot/velocity-projection-plot.stories.ts

@@ -19,7 +19,7 @@ function scaleGeneratedDataPoints(dataPoints: VelocityProjectionDatapoint[]) {
 
 const meta: Meta<typeof ObcVelocityProjectionPlot> = {
   title: 'Instruments/Velocity Projection',
-  tags: ['autodocs', '6.0'],
+  tags: ['autodocs', '6.0', 'experimental'],
   component: 'obc-velocity-projection-plot',
   decorators: [widthDecorator],
   args: {

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

@@ -19,7 +19,7 @@ import {html, svg} from 'lit';
 
 const meta: Meta<typeof ObcWatch> = {
   title: 'Building Blocks/Watch',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'experimental'],
   component: 'obc-watch',
   parameters: {
     docs: {

package/src/navigation-instruments/watch-flat/watch-flat.stories.ts

@@ -4,7 +4,7 @@ import './watch-flat.js';
 
 const meta: Meta<typeof ObcWatchFlat> = {
   title: 'Building Blocks/Watch Flat',
-  tags: ['autodocs'],
+  tags: ['autodocs', 'experimental'],
   component: 'obc-watch-flat',
   args: {},
 } satisfies Meta<ObcWatchFlat>;