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

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/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/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/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/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/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/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/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/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: {