@baloise/ds-core 18.3.0 → 19.0.0-nightly.20250512

package/dist/types/components.d.ts

@@ -483,6 +483,26 @@ export namespace Components {
          */
         "value"?: string | number;
     }
+    interface BalCheck {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked": boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        "hovered": boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+        /**
+          * If `true`, the checkbox is inverted and works on dark backgrounds.
+         */
+        "inverted"?: boolean;
+        "pressed": boolean;
+    }
     interface BalCheckbox {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -492,6 +512,13 @@ export namespace Components {
           * If `true`, the checkbox is selected.
          */
         "checked": boolean;
+        "colSize": BalProps.BalCheckboxGroupColumns;
+        "colSizeMobile": BalProps.BalCheckboxGroupColumns;
+        "colSizeTablet": BalProps.BalCheckboxGroupColumns;
+        /**
+          * Defines the color of the tile checkbox.
+         */
+        "color"?: BalProps.BalCheckboxTileColor;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -509,10 +536,6 @@ export namespace Components {
          */
         "getOption": () => Promise<BalCheckboxOption>;
         "hovered": boolean;
-        /**
-          * If `true` the control is displayed as inline
-         */
-        "inline": boolean;
         /**
           * Defines the layout of the checkbox button
          */
@@ -521,10 +544,6 @@ export namespace Components {
           * If `true` the component gets a invalid style.
          */
         "invalid": boolean;
-        /**
-          * If `true` the radio is invisible, but sill active
-         */
-        "invisible": boolean;
         /**
           * Label of the radio item.
          */
@@ -555,7 +574,6 @@ export namespace Components {
           * Sets blur on the native `input`. Use this method instead of the global `input.blur()`.
          */
         "setBlur": () => Promise<void>;
-        "setButtonTabindex": (value: number) => Promise<void>;
         /**
           * Sets the focus on the checkbox input element.
          */
@@ -566,28 +584,6 @@ export namespace Components {
          */
         "value": string | number;
     }
-    interface BalCheckboxButton {
-        "colSize": BalProps.BalCheckboxGroupColumns;
-        "colSizeMobile": BalProps.BalCheckboxGroupColumns;
-        "colSizeTablet": BalProps.BalCheckboxGroupColumns;
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "color"?: BalProps.BalCheckboxButtonColor;
-        /**
-          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
-         */
-        "disabled"?: boolean;
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "invalid"?: boolean;
-        /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        "readonly"?: boolean;
-        "setChecked": (checked?: boolean) => Promise<void>;
-    }
     interface BalCheckboxGroup {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -897,6 +893,20 @@ export namespace Components {
          */
         "space": BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated": boolean;
+        "language"?: string;
+        "logComponents": string;
+        "logCustom": boolean;
+        "logEvents": boolean;
+        "logLifecycle": boolean;
+        "logRender": boolean;
+        "region"?: string;
+        "stickyFooter": boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -1316,6 +1326,8 @@ export namespace Components {
           * The theme type of the button.
          */
         "color": BalProps.BalIconColor;
+        "colorHovered": BalProps.BalIconColor;
+        "colorPressed": BalProps.BalIconColor;
         "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
@@ -1959,6 +1971,10 @@ export namespace Components {
           * Specifies the URL of the page the link goes to
          */
         "href"?: string;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * If `true` the link gets selected with a underline
          */
@@ -2548,6 +2564,13 @@ export namespace Components {
         "value": number;
     }
     interface BalRadio {
+        "colSize": BalProps.BalRadioGroupColumns;
+        "colSizeMobile": BalProps.BalRadioGroupColumns;
+        "colSizeTablet": BalProps.BalRadioGroupColumns;
+        /**
+          * Defines the color of the tile radio.
+         */
+        "color"?: BalProps.BalRadioTileColor;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -2573,10 +2596,6 @@ export namespace Components {
           * If `true` the component gets a invalid style.
          */
         "invalid": boolean;
-        /**
-          * If `true` the radio is invisible, but sill active
-         */
-        "invisible": boolean;
         /**
           * Label of the radio item.
          */
@@ -2603,35 +2622,20 @@ export namespace Components {
          */
         "required": boolean;
         "setAriaForm": (ariaForm: BalAriaForm) => Promise<void>;
-        "setButtonTabindex": (value: number) => Promise<void>;
-        "setFocus": (ev: any) => Promise<void>;
-        "updateState": () => Promise<void>;
         /**
-          * the value of the radio.
-         */
-        "value"?: any | null;
-    }
-    interface BalRadioButton {
-        "colSize": BalProps.BalRadioGroupColumns;
-        "colSizeMobile": BalProps.BalRadioGroupColumns;
-        "colSizeTablet": BalProps.BalRadioGroupColumns;
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "color"?: BalProps.BalRadioButtonColor;
-        /**
-          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+          * Sets blur on the native `input`. Use this method instead of the global `input.blur()`.
          */
-        "disabled"?: boolean;
+        "setBlur": () => Promise<void>;
+        "setButtonTabindex": (value: number) => Promise<void>;
         /**
-          * If `true` the component gets a invalid red style.
+          * Sets the focus on the checkbox input element.
          */
-        "invalid"?: boolean;
+        "setFocus": () => Promise<void>;
+        "updateState": () => Promise<void>;
         /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
+          * the value of the radio.
          */
-        "readonly"?: boolean;
-        "setChecked": (checked?: boolean) => Promise<void>;
+        "value"?: any | null;
     }
     interface BalRadioGroup {
         /**
@@ -2642,6 +2646,10 @@ export namespace Components {
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
         "autoInvalidOff": boolean;
+        /**
+          * Defines the column size like the grid.
+         */
+        "columns": BalProps.BalRadioGroupColumns;
         /**
           * Defines the column size for mobile and bigger like the grid.
          */
@@ -2662,10 +2670,6 @@ export namespace Components {
           * Find the options properties by its value
          */
         "getOptionByValue": (value: string) => Promise<BalRadioOption>;
-        /**
-          * Defines the column size like the grid.
-         */
-        "grid": BalProps.BalRadioGroupColumns;
         /**
           * Defines the layout of the radio button
          */
@@ -2701,6 +2705,26 @@ export namespace Components {
          */
         "verticalOnMobile": boolean;
     }
+    interface BalRadioIcon {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked": boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        "hovered": boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+        /**
+          * If `true`, the checkbox is inverted and works on dark backgrounds.
+         */
+        "inverted"?: boolean;
+        "pressed": boolean;
+    }
     interface BalSegment {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -3151,6 +3175,22 @@ export namespace Components {
          */
         "value"?: string;
     }
+    interface BalSwitch {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked": boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        "hovered": boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+        "pressed": boolean;
+    }
     interface BalTabItem {
         /**
           * Tells if this route is active and overrides the bal-tabs value property.
@@ -3196,6 +3236,10 @@ export namespace Components {
           * Tell's if the linking is done by a router.
          */
         "prevent": boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * Sets the tab active.
          */
@@ -3267,6 +3311,10 @@ export namespace Components {
           * Find the options properties by its value
          */
         "getOptionByValue": (value: string) => Promise<BalTabOption>;
+        /**
+          * If `true` then  isTabList becomes true even if there is a link in the list.
+         */
+        "handleAsTabList": boolean;
         /**
           * Defines the layout of the tabs.
          */
@@ -3600,10 +3648,6 @@ export interface BalCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalCheckboxElement;
 }
-export interface BalCheckboxButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBalCheckboxButtonElement;
-}
 export interface BalCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalCheckboxGroupElement;
@@ -3696,10 +3740,6 @@ export interface BalRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalRadioElement;
 }
-export interface BalRadioButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLBalRadioButtonElement;
-}
 export interface BalRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBalRadioGroupElement;
@@ -3900,6 +3940,12 @@ declare global {
         prototype: HTMLBalCarouselItemElement;
         new (): HTMLBalCarouselItemElement;
     };
+    interface HTMLBalCheckElement extends Components.BalCheck, HTMLStencilElement {
+    }
+    var HTMLBalCheckElement: {
+        prototype: HTMLBalCheckElement;
+        new (): HTMLBalCheckElement;
+    };
     interface HTMLBalCheckboxElementEventMap {
         "balFocus": BalEvents.BalCheckboxFocusDetail;
         "balBlur": BalEvents.BalCheckboxBlurDetail;
@@ -3919,25 +3965,6 @@ declare global {
         prototype: HTMLBalCheckboxElement;
         new (): HTMLBalCheckboxElement;
     };
-    interface HTMLBalCheckboxButtonElementEventMap {
-        "balFocus": BalEvents.BalCheckboxButtonFocusDetail;
-        "balBlur": BalEvents.BalCheckboxButtonBlurDetail;
-        "balFormControlDidLoad": BalEvents.BalCheckboxButtonAriaLabelledByDetail;
-    }
-    interface HTMLBalCheckboxButtonElement extends Components.BalCheckboxButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLBalCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLBalCheckboxButtonElement, ev: BalCheckboxButtonCustomEvent<HTMLBalCheckboxButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLBalCheckboxButtonElementEventMap>(type: K, listener: (this: HTMLBalCheckboxButtonElement, ev: BalCheckboxButtonCustomEvent<HTMLBalCheckboxButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLBalCheckboxButtonElement: {
-        prototype: HTMLBalCheckboxButtonElement;
-        new (): HTMLBalCheckboxButtonElement;
-    };
     interface HTMLBalCheckboxGroupElementEventMap {
         "balChange": BalEvents.BalCheckboxGroupChangeDetail;
         "balFocus": BalEvents.BalCheckboxGroupFocusDetail;
@@ -4071,6 +4098,12 @@ declare global {
         prototype: HTMLBalDividerElement;
         new (): HTMLBalDividerElement;
     };
+    interface HTMLBalDocAppElement extends Components.BalDocApp, HTMLStencilElement {
+    }
+    var HTMLBalDocAppElement: {
+        prototype: HTMLBalDocAppElement;
+        new (): HTMLBalDocAppElement;
+    };
     interface HTMLBalDropdownElementEventMap {
         "balChange": BalEvents.BalDropdownChangeDetail;
         "balFocus": BalEvents.BalDropdownFocusDetail;
@@ -4662,25 +4695,6 @@ declare global {
         prototype: HTMLBalRadioElement;
         new (): HTMLBalRadioElement;
     };
-    interface HTMLBalRadioButtonElementEventMap {
-        "balFocus": BalEvents.BalRadioButtonFocusDetail;
-        "balBlur": BalEvents.BalRadioButtonBlurDetail;
-        "balFormControlDidLoad": BalEvents.BalRadioButtonAriaLabelledByDetail;
-    }
-    interface HTMLBalRadioButtonElement extends Components.BalRadioButton, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLBalRadioButtonElementEventMap>(type: K, listener: (this: HTMLBalRadioButtonElement, ev: BalRadioButtonCustomEvent<HTMLBalRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLBalRadioButtonElementEventMap>(type: K, listener: (this: HTMLBalRadioButtonElement, ev: BalRadioButtonCustomEvent<HTMLBalRadioButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLBalRadioButtonElement: {
-        prototype: HTMLBalRadioButtonElement;
-        new (): HTMLBalRadioButtonElement;
-    };
     interface HTMLBalRadioGroupElementEventMap {
         "balChange": BalEvents.BalRadioGroupChangeDetail;
         "balFocus": BalEvents.BalRadioGroupFocusDetail;
@@ -4700,6 +4714,12 @@ declare global {
         prototype: HTMLBalRadioGroupElement;
         new (): HTMLBalRadioGroupElement;
     };
+    interface HTMLBalRadioIconElement extends Components.BalRadioIcon, HTMLStencilElement {
+    }
+    var HTMLBalRadioIconElement: {
+        prototype: HTMLBalRadioIconElement;
+        new (): HTMLBalRadioIconElement;
+    };
     interface HTMLBalSegmentElementEventMap {
         "balFocus": BalEvents.BalSegmentFocusDetail;
         "balBlur": BalEvents.BalSegmentBlurDetail;
@@ -4868,6 +4888,12 @@ declare global {
         prototype: HTMLBalStepsElement;
         new (): HTMLBalStepsElement;
     };
+    interface HTMLBalSwitchElement extends Components.BalSwitch, HTMLStencilElement {
+    }
+    var HTMLBalSwitchElement: {
+        prototype: HTMLBalSwitchElement;
+        new (): HTMLBalSwitchElement;
+    };
     interface HTMLBalTabItemElementEventMap {
         "balNavigate": BalEvents.BalTabItemNavigateDetail;
     }
@@ -5034,8 +5060,8 @@ declare global {
         "bal-card-title": HTMLBalCardTitleElement;
         "bal-carousel": HTMLBalCarouselElement;
         "bal-carousel-item": HTMLBalCarouselItemElement;
+        "bal-check": HTMLBalCheckElement;
         "bal-checkbox": HTMLBalCheckboxElement;
-        "bal-checkbox-button": HTMLBalCheckboxButtonElement;
         "bal-checkbox-group": HTMLBalCheckboxGroupElement;
         "bal-close": HTMLBalCloseElement;
         "bal-content": HTMLBalContentElement;
@@ -5047,6 +5073,7 @@ declare global {
         "bal-date-calendar": HTMLBalDateCalendarElement;
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
         "bal-divider": HTMLBalDividerElement;
+        "bal-doc-app": HTMLBalDocAppElement;
         "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
         "bal-field-control": HTMLBalFieldControlElement;
@@ -5105,8 +5132,8 @@ declare global {
         "bal-popup": HTMLBalPopupElement;
         "bal-progress-bar": HTMLBalProgressBarElement;
         "bal-radio": HTMLBalRadioElement;
-        "bal-radio-button": HTMLBalRadioButtonElement;
         "bal-radio-group": HTMLBalRadioGroupElement;
+        "bal-radio-icon": HTMLBalRadioIconElement;
         "bal-segment": HTMLBalSegmentElement;
         "bal-segment-item": HTMLBalSegmentItemElement;
         "bal-select": HTMLBalSelectElement;
@@ -5124,6 +5151,7 @@ declare global {
         "bal-stage-image": HTMLBalStageImageElement;
         "bal-step-item": HTMLBalStepItemElement;
         "bal-steps": HTMLBalStepsElement;
+        "bal-switch": HTMLBalSwitchElement;
         "bal-tab-item": HTMLBalTabItemElement;
         "bal-table": HTMLBalTableElement;
         "bal-tabs": HTMLBalTabsElement;
@@ -5597,6 +5625,24 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
+    interface BalCheck {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked"?: boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+        /**
+          * If `true`, the checkbox is inverted and works on dark backgrounds.
+         */
+        "inverted"?: boolean;
+    }
     interface BalCheckbox {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -5606,6 +5652,10 @@ declare namespace LocalJSX {
           * If `true`, the checkbox is selected.
          */
         "checked"?: boolean;
+        /**
+          * Defines the color of the tile checkbox.
+         */
+        "color"?: BalProps.BalCheckboxTileColor;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -5614,10 +5664,6 @@ declare namespace LocalJSX {
           * If `true` the control is no padding
          */
         "flat"?: boolean;
-        /**
-          * If `true` the control is displayed as inline
-         */
-        "inline"?: boolean;
         /**
           * Defines the layout of the checkbox button
          */
@@ -5626,10 +5672,6 @@ declare namespace LocalJSX {
           * If `true` the component gets a invalid style.
          */
         "invalid"?: boolean;
-        /**
-          * If `true` the radio is invisible, but sill active
-         */
-        "invisible"?: boolean;
         /**
           * Label of the radio item.
          */
@@ -5671,32 +5713,6 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
-    interface BalCheckboxButton {
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "color"?: BalProps.BalCheckboxButtonColor;
-        /**
-          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
-         */
-        "disabled"?: boolean;
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "invalid"?: boolean;
-        /**
-          * Emitted when the toggle loses focus.
-         */
-        "onBalBlur"?: (event: BalCheckboxButtonCustomEvent<BalEvents.BalCheckboxButtonBlurDetail>) => void;
-        /**
-          * Emitted when the toggle has focus.
-         */
-        "onBalFocus"?: (event: BalCheckboxButtonCustomEvent<BalEvents.BalCheckboxButtonFocusDetail>) => void;
-        /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        "readonly"?: boolean;
-    }
     interface BalCheckboxGroup {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -6030,6 +6046,20 @@ declare namespace LocalJSX {
          */
         "space"?: BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated"?: boolean;
+        "language"?: string;
+        "logComponents"?: string;
+        "logCustom"?: boolean;
+        "logEvents"?: boolean;
+        "logLifecycle"?: boolean;
+        "logRender"?: boolean;
+        "region"?: string;
+        "stickyFooter"?: boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -6430,6 +6460,8 @@ declare namespace LocalJSX {
           * The theme type of the button.
          */
         "color"?: BalProps.BalIconColor;
+        "colorHovered"?: BalProps.BalIconColor;
+        "colorPressed"?: BalProps.BalIconColor;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -7107,6 +7139,10 @@ declare namespace LocalJSX {
           * Specifies the URL of the page the link goes to
          */
         "href"?: string;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * If `true` the link gets selected with a underline
          */
@@ -7619,6 +7655,10 @@ declare namespace LocalJSX {
         "value"?: number;
     }
     interface BalRadio {
+        /**
+          * Defines the color of the tile radio.
+         */
+        "color"?: BalProps.BalRadioTileColor;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -7635,10 +7675,6 @@ declare namespace LocalJSX {
           * If `true` the component gets a invalid style.
          */
         "invalid"?: boolean;
-        /**
-          * If `true` the radio is invisible, but sill active
-         */
-        "invisible"?: boolean;
         /**
           * Label of the radio item.
          */
@@ -7680,36 +7716,6 @@ declare namespace LocalJSX {
          */
         "value"?: any | null;
     }
-    interface BalRadioButton {
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "color"?: BalProps.BalRadioButtonColor;
-        /**
-          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
-         */
-        "disabled"?: boolean;
-        /**
-          * If `true` the component gets a invalid red style.
-         */
-        "invalid"?: boolean;
-        /**
-          * Emitted when the toggle loses focus.
-         */
-        "onBalBlur"?: (event: BalRadioButtonCustomEvent<BalEvents.BalRadioButtonBlurDetail>) => void;
-        /**
-          * Emitted when the toggle has focus.
-         */
-        "onBalFocus"?: (event: BalRadioButtonCustomEvent<BalEvents.BalRadioButtonFocusDetail>) => void;
-        /**
-          * Emitted after render when element is labelled
-         */
-        "onBalFormControlDidLoad"?: (event: BalRadioButtonCustomEvent<BalEvents.BalRadioButtonAriaLabelledByDetail>) => void;
-        /**
-          * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        "readonly"?: boolean;
-    }
     interface BalRadioGroup {
         /**
           * If `true`, the radios can be deselected.
@@ -7719,6 +7725,10 @@ declare namespace LocalJSX {
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
         "autoInvalidOff"?: boolean;
+        /**
+          * Defines the column size like the grid.
+         */
+        "columns"?: BalProps.BalRadioGroupColumns;
         /**
           * Defines the column size for mobile and bigger like the grid.
          */
@@ -7735,10 +7745,6 @@ declare namespace LocalJSX {
           * Uses the whole width
          */
         "expanded"?: boolean;
-        /**
-          * Defines the column size like the grid.
-         */
-        "grid"?: BalProps.BalRadioGroupColumns;
         /**
           * Defines the layout of the radio button
          */
@@ -7784,6 +7790,24 @@ declare namespace LocalJSX {
          */
         "verticalOnMobile"?: boolean;
     }
+    interface BalRadioIcon {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked"?: boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+        /**
+          * If `true`, the checkbox is inverted and works on dark backgrounds.
+         */
+        "inverted"?: boolean;
+    }
     interface BalSegment {
         /**
           * If `true`, in Angular reactive forms the control will not be set invalid
@@ -8226,6 +8250,20 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface BalSwitch {
+        /**
+          * If `true`, the checkbox is selected.
+         */
+        "checked"?: boolean;
+        /**
+          * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true` the component gets a invalid red style.
+         */
+        "invalid"?: boolean;
+    }
     interface BalTabItem {
         /**
           * Tells if this route is active and overrides the bal-tabs value property.
@@ -8271,6 +8309,10 @@ declare namespace LocalJSX {
           * Tell's if the linking is done by a router.
          */
         "prevent"?: boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * Sub label for the tab.
          */
@@ -8331,6 +8373,10 @@ declare namespace LocalJSX {
           * If `true` the tabs is a block element and uses 100% of the width
          */
         "fullwidth"?: boolean;
+        /**
+          * If `true` then  isTabList becomes true even if there is a link in the list.
+         */
+        "handleAsTabList"?: boolean;
         /**
           * Defines the layout of the tabs.
          */
@@ -8684,8 +8730,8 @@ declare namespace LocalJSX {
         "bal-card-title": BalCardTitle;
         "bal-carousel": BalCarousel;
         "bal-carousel-item": BalCarouselItem;
+        "bal-check": BalCheck;
         "bal-checkbox": BalCheckbox;
-        "bal-checkbox-button": BalCheckboxButton;
         "bal-checkbox-group": BalCheckboxGroup;
         "bal-close": BalClose;
         "bal-content": BalContent;
@@ -8697,6 +8743,7 @@ declare namespace LocalJSX {
         "bal-date-calendar": BalDateCalendar;
         "bal-date-calendar-cell": BalDateCalendarCell;
         "bal-divider": BalDivider;
+        "bal-doc-app": BalDocApp;
         "bal-dropdown": BalDropdown;
         "bal-field": BalField;
         "bal-field-control": BalFieldControl;
@@ -8755,8 +8802,8 @@ declare namespace LocalJSX {
         "bal-popup": BalPopup;
         "bal-progress-bar": BalProgressBar;
         "bal-radio": BalRadio;
-        "bal-radio-button": BalRadioButton;
         "bal-radio-group": BalRadioGroup;
+        "bal-radio-icon": BalRadioIcon;
         "bal-segment": BalSegment;
         "bal-segment-item": BalSegmentItem;
         "bal-select": BalSelect;
@@ -8774,6 +8821,7 @@ declare namespace LocalJSX {
         "bal-stage-image": BalStageImage;
         "bal-step-item": BalStepItem;
         "bal-steps": BalSteps;
+        "bal-switch": BalSwitch;
         "bal-tab-item": BalTabItem;
         "bal-table": BalTable;
         "bal-tabs": BalTabs;
@@ -8806,8 +8854,8 @@ declare module "@stencil/core" {
             "bal-card-title": LocalJSX.BalCardTitle & JSXBase.HTMLAttributes<HTMLBalCardTitleElement>;
             "bal-carousel": LocalJSX.BalCarousel & JSXBase.HTMLAttributes<HTMLBalCarouselElement>;
             "bal-carousel-item": LocalJSX.BalCarouselItem & JSXBase.HTMLAttributes<HTMLBalCarouselItemElement>;
+            "bal-check": LocalJSX.BalCheck & JSXBase.HTMLAttributes<HTMLBalCheckElement>;
             "bal-checkbox": LocalJSX.BalCheckbox & JSXBase.HTMLAttributes<HTMLBalCheckboxElement>;
-            "bal-checkbox-button": LocalJSX.BalCheckboxButton & JSXBase.HTMLAttributes<HTMLBalCheckboxButtonElement>;
             "bal-checkbox-group": LocalJSX.BalCheckboxGroup & JSXBase.HTMLAttributes<HTMLBalCheckboxGroupElement>;
             "bal-close": LocalJSX.BalClose & JSXBase.HTMLAttributes<HTMLBalCloseElement>;
             "bal-content": LocalJSX.BalContent & JSXBase.HTMLAttributes<HTMLBalContentElement>;
@@ -8819,6 +8867,7 @@ declare module "@stencil/core" {
             "bal-date-calendar": LocalJSX.BalDateCalendar & JSXBase.HTMLAttributes<HTMLBalDateCalendarElement>;
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
+            "bal-doc-app": LocalJSX.BalDocApp & JSXBase.HTMLAttributes<HTMLBalDocAppElement>;
             "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;
             "bal-field-control": LocalJSX.BalFieldControl & JSXBase.HTMLAttributes<HTMLBalFieldControlElement>;
@@ -8877,8 +8926,8 @@ declare module "@stencil/core" {
             "bal-popup": LocalJSX.BalPopup & JSXBase.HTMLAttributes<HTMLBalPopupElement>;
             "bal-progress-bar": LocalJSX.BalProgressBar & JSXBase.HTMLAttributes<HTMLBalProgressBarElement>;
             "bal-radio": LocalJSX.BalRadio & JSXBase.HTMLAttributes<HTMLBalRadioElement>;
-            "bal-radio-button": LocalJSX.BalRadioButton & JSXBase.HTMLAttributes<HTMLBalRadioButtonElement>;
             "bal-radio-group": LocalJSX.BalRadioGroup & JSXBase.HTMLAttributes<HTMLBalRadioGroupElement>;
+            "bal-radio-icon": LocalJSX.BalRadioIcon & JSXBase.HTMLAttributes<HTMLBalRadioIconElement>;
             "bal-segment": LocalJSX.BalSegment & JSXBase.HTMLAttributes<HTMLBalSegmentElement>;
             "bal-segment-item": LocalJSX.BalSegmentItem & JSXBase.HTMLAttributes<HTMLBalSegmentItemElement>;
             "bal-select": LocalJSX.BalSelect & JSXBase.HTMLAttributes<HTMLBalSelectElement>;
@@ -8896,6 +8945,7 @@ declare module "@stencil/core" {
             "bal-stage-image": LocalJSX.BalStageImage & JSXBase.HTMLAttributes<HTMLBalStageImageElement>;
             "bal-step-item": LocalJSX.BalStepItem & JSXBase.HTMLAttributes<HTMLBalStepItemElement>;
             "bal-steps": LocalJSX.BalSteps & JSXBase.HTMLAttributes<HTMLBalStepsElement>;
+            "bal-switch": LocalJSX.BalSwitch & JSXBase.HTMLAttributes<HTMLBalSwitchElement>;
             "bal-tab-item": LocalJSX.BalTabItem & JSXBase.HTMLAttributes<HTMLBalTabItemElement>;
             "bal-table": LocalJSX.BalTable & JSXBase.HTMLAttributes<HTMLBalTableElement>;
             "bal-tabs": LocalJSX.BalTabs & JSXBase.HTMLAttributes<HTMLBalTabsElement>;