@oicl/openbridge-webcomponents-svelte 2.0.0-next.1 → 2.0.0-next.100

package/dist/automation/source/ObcSource.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {SourceAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {SourceAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
       import '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
       import { setProperties } from "../../util.js";
-      import type {SourceAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {SourceAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: SourceAlternativeIcon
    }
       export interface Events {

package/dist/automation/source/ObcSource.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { SourceAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/source/source.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: SourceAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSource: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     SourceAlternativeIcon: typeof SourceAlternativeIcon;
 }, "">;
 type ObcSource = ReturnType<typeof ObcSource>;

package/dist/automation/switch/ObcSwitch.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {SwitchAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {SwitchAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
       import '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
       import { setProperties } from "../../util.js";
-      import type {SwitchAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {SwitchAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: SwitchAlternativeIcon
    }
       export interface Events {

package/dist/automation/switch/ObcSwitch.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { SwitchAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/switch/switch.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: SwitchAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSwitch: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     SwitchAlternativeIcon: typeof SwitchAlternativeIcon;
 }, "">;
 type ObcSwitch = ReturnType<typeof ObcSwitch>;

package/dist/automation/transformer/ObcTransformer.svelte

@@ -1,14 +1,53 @@
 
   <script lang="ts">
-    export type {TransformerAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
+    export type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+export type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+export type {TransformerAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
       import '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
       import { setProperties } from "../../util.js";
-      import type {TransformerAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
+      import type {SquaredVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type {AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
+import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
+import type {TransformerAlternativeIcon} from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     on?: boolean;
+     variant?: SquaredVariant;
+     orientation?: AutomationButtonOrientation;
+     showReadoutStack?: boolean;
+     readoutPosition?: AutomationButtonReadoutPosition;
+     readoutSize?: AutomationButtonReadoutStackSize;
+     positioning?: AutomationButtonPositioning;
+      /** Enables the activated background color, used to indicate that the button is activated/selected. */
+activated?: boolean;
+     alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: AlertType;
+     alertFrameMode?: ObcAlertFrameMode;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Shows a progress indicator, used to indicate that an user action is in progress */
+progress?: boolean;
+     progressMode?: CircularProgressMode;
+     progressValue?: number;
+     tag?: string | null;
+     badgeControl?: AutomationButtonBadgeControl;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeAlert?: AutomationButtonBadgeAlert;
      alternativeIcon?: TransformerAlternativeIcon
    }
       export interface Events {

package/dist/automation/transformer/ObcTransformer.svelte.d.ts

@@ -1,9 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { TransformerAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    /** Enables the activated background color, used to indicate that the button is activated/selected. */
+    activated?: boolean;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: TransformerAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +45,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTransformer: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     TransformerAlternativeIcon: typeof TransformerAlternativeIcon;
 }, "">;
 type ObcTransformer = ReturnType<typeof ObcTransformer>;

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte

@@ -1,14 +1,115 @@
 
   <script lang="ts">
-    export type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {ChartDataset} from 'chart.js';
+export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import { setProperties } from "../../util.js";
-      import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
+import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+      /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+data?: ChartLineDataItem[];
+      /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+labels?: (string | number)[] | undefined;
+      /** Custom color palette (CSS variable names or color strings). */
+colors?: string[];
+      /** Show HTML legend below chart with series labels and colors. */
+legend?: boolean;
+      /** Development mode: show visual debug overlay with dimension guides. */
+showDebugOverlay?: boolean;
+      /** Width of the chart in pixels. Default: 480. */
+width?: number;
+      /** Height of the chart in pixels. Default: 320. */
+height?: number;
+      /** Enable fixed aspect ratio scaling mode.
+When true, width/height properties define the aspect ratio (not actual pixels).
+The component fills 100% of parent width and calculates height from aspect ratio.
+When false (default), width/height are used as actual pixel dimensions. */
+fixedAspectRatioScaling?: boolean;
+      /** Reference size for external scales when using fixedAspectRatioScaling.
+This value is passed down to external scales to determine their 1:1 Figma design size.
+At this reference size, scales render at native size; above/below they scale proportionally.
+Default: 384 (matches Figma design baseline). */
+scaleReferenceSize?: number;
+      /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
+xAxisType?: XAxisType;
+      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+yAxisPosition?: YAxisPosition;
+      /** Multiple y-axis definitions for complex multi-axis charts. */
+yAxes?: ChartLineYAxisConfig[] | undefined;
+      /** Show grid lines. */
+showGrid?: boolean;
+      /** Show vertical grid lines (x-axis). Default: false. */
+showGridX?: boolean;
+      /** Show horizontal grid lines (y-axis). Default: false. */
+showGridY?: boolean;
+      /** Show axis tick marks and labels. */
+showTickMarks?: boolean;
+      /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+hasLabelPadding?: boolean;
+      /** Show point markers on data points. Default: false. */
+showPoints?: boolean;
+      /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
+lineMode?: LineMode;
+      /** Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). */
+unit?: string;
+      /** Time axis label format: 'date' (full date/time) or 'minutes' (relative). */
+timeDisplay?: TimeDisplay;
+      /** Max number of x-axis ticks/grid lines. Useful for matching external axes. */
+xTicksLimit?: number | undefined;
+      /** Force x-axis tick interval. Useful for matching external axes. */
+xStepSize?: number | undefined;
+      /** Max number of y-axis ticks/grid lines. Useful for matching external axes. */
+yTicksLimit?: number | undefined;
+      /** Force y-axis tick interval. Useful for matching external axes. */
+yStepSize?: number | undefined;
+      /** Instrument state affecting colors of external scales. */
+state?: InstrumentState;
+      /** Color priority: enhanced uses blue palette instead of default gray. */
+priority?: Priority;
+      /** Frame style for chart and external scales. */
+frameStyle?: FrameStyle;
+      /** Border radius position for the chart's own border. */
+borderRadiusPosition?: BorderRadiusPosition | undefined;
+      /** Border radius position for external scales based on layout. */
+borderRadiusPositionExternalScales?: BorderRadiusPosition | undefined;
+      /** When true, the chart is used inside an instrument (e.g., gauge-trend).
+In this mode, only label font size responds to .obc-component-size-* CSS classes.
+Border radius uses the explicit `borderRadius` property value (or defaults to 8px),
+rather than reading from CSS variables. */
+instrumentMode?: boolean;
+      /** Explicit border radius value in pixels.
+When instrumentMode=true, this value is used directly (defaults to 8px).
+When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
+borderRadius?: number | undefined;
       /** Fill rendering mode for area charts.
 - `'semitransparent'`: 50% alpha fill (default)
 - `'solid'`: Opaque fill

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte.d.ts

@@ -1,9 +1,107 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartDataset } from 'chart.js';
+import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { AreaFillMode } from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+    data?: ChartLineDataItem[];
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+    /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+    labels?: (string | number)[] | undefined;
+    /** Custom color palette (CSS variable names or color strings). */
+    colors?: string[];
+    /** Show HTML legend below chart with series labels and colors. */
+    legend?: boolean;
+    /** Development mode: show visual debug overlay with dimension guides. */
+    showDebugOverlay?: boolean;
+    /** Width of the chart in pixels. Default: 480. */
+    width?: number;
+    /** Height of the chart in pixels. Default: 320. */
+    height?: number;
+    /** Enable fixed aspect ratio scaling mode.
+When true, width/height properties define the aspect ratio (not actual pixels).
+The component fills 100% of parent width and calculates height from aspect ratio.
+When false (default), width/height are used as actual pixel dimensions. */
+    fixedAspectRatioScaling?: boolean;
+    /** Reference size for external scales when using fixedAspectRatioScaling.
+This value is passed down to external scales to determine their 1:1 Figma design size.
+At this reference size, scales render at native size; above/below they scale proportionally.
+Default: 384 (matches Figma design baseline). */
+    scaleReferenceSize?: number;
+    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
+    xAxisType?: XAxisType;
+    /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+    yAxisPosition?: YAxisPosition;
+    /** Multiple y-axis definitions for complex multi-axis charts. */
+    yAxes?: ChartLineYAxisConfig[] | undefined;
+    /** Show grid lines. */
+    showGrid?: boolean;
+    /** Show vertical grid lines (x-axis). Default: false. */
+    showGridX?: boolean;
+    /** Show horizontal grid lines (y-axis). Default: false. */
+    showGridY?: boolean;
+    /** Show axis tick marks and labels. */
+    showTickMarks?: boolean;
+    /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+    hasLabelPadding?: boolean;
+    /** Show point markers on data points. Default: false. */
+    showPoints?: boolean;
+    /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
+    lineMode?: LineMode;
+    /** Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). */
+    unit?: string;
+    /** Time axis label format: 'date' (full date/time) or 'minutes' (relative). */
+    timeDisplay?: TimeDisplay;
+    /** Max number of x-axis ticks/grid lines. Useful for matching external axes. */
+    xTicksLimit?: number | undefined;
+    /** Force x-axis tick interval. Useful for matching external axes. */
+    xStepSize?: number | undefined;
+    /** Max number of y-axis ticks/grid lines. Useful for matching external axes. */
+    yTicksLimit?: number | undefined;
+    /** Force y-axis tick interval. Useful for matching external axes. */
+    yStepSize?: number | undefined;
+    /** Instrument state affecting colors of external scales. */
+    state?: InstrumentState;
+    /** Color priority: enhanced uses blue palette instead of default gray. */
+    priority?: Priority;
+    /** Frame style for chart and external scales. */
+    frameStyle?: FrameStyle;
+    /** Border radius position for the chart's own border. */
+    borderRadiusPosition?: BorderRadiusPosition | undefined;
+    /** Border radius position for external scales based on layout. */
+    borderRadiusPositionExternalScales?: BorderRadiusPosition | undefined;
+    /** When true, the chart is used inside an instrument (e.g., gauge-trend).
+In this mode, only label font size responds to .obc-component-size-* CSS classes.
+Border radius uses the explicit `borderRadius` property value (or defaults to 8px),
+rather than reading from CSS variables. */
+    instrumentMode?: boolean;
+    /** Explicit border radius value in pixels.
+When instrumentMode=true, this value is used directly (defaults to 8px).
+When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
+    borderRadius?: number | undefined;
     /** Fill rendering mode for area charts.
 - `'semitransparent'`: 50% alpha fill (default)
 - `'solid'`: Opaque fill
@@ -20,6 +118,18 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAreaGraph: import("svelte").Component<$$ComponentProps, {
+    ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
+    XAxisType: typeof XAxisType;
+    YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
+    LineMode: typeof LineMode;
+    TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
+    InstrumentState: typeof InstrumentState;
+    Priority: typeof Priority;
+    FrameStyle: typeof FrameStyle;
+    BorderRadiusPosition: typeof BorderRadiusPosition;
     AreaFillMode: typeof AreaFillMode;
 }, "">;
 type ObcAreaGraph = ReturnType<typeof ObcAreaGraph>;

package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; }[];
+     data?: DonutChartDataItem[];
      colors?: string[];
      priority?: Priority;
      half?: boolean;