@baloise/ds-core 18.2.0-nightly.20250328 → 18.3.0

package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts

@@ -1,7 +1,31 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
-import { Loggable, LogInstance } from '../../../utils/log';
 import { AccordionState } from '../../../interfaces';
 import { BalConfigState, BalLanguage } from '../../../utils/config';
+import { Loggable, LogInstance } from '../../../utils/log';
+type BaseProps = {
+    variant: BalProps.BalAccordionTriggerVariant;
+    id: string;
+    label: string;
+    icon: string;
+    turn: boolean;
+    expanded: boolean;
+    buttonPart: string;
+    triggerAttributes: {
+        tabindex: number;
+    };
+};
+type ButtonProps = BaseProps & {
+    color: BalProps.BalButtonColor;
+    size: BalProps.BalButtonSize;
+    expanded: boolean;
+};
+type IconProps = BaseProps & {
+    icon: string;
+    turn: boolean;
+};
+type TextProps = BaseProps & {
+    label: string;
+};
 export declare class AccordionTrigger implements ComponentInterface, Loggable {
     private componentId;
     el?: HTMLElement;
@@ -14,9 +38,15 @@ export declare class AccordionTrigger implements ComponentInterface, Loggable {
      * ------------------------------------------------------
      */
     /**
+     * @deprecated
      * Trigger will be a bal-button
      */
     button: boolean;
+    buttonChanged(): void;
+    /**
+     * Defines the nature of the accordion trigger.
+     */
+    variant: BalProps.BalAccordionTriggerVariant;
     /**
      * If `true` the button is aligned over the whole width
      */
@@ -87,5 +117,16 @@ export declare class AccordionTrigger implements ComponentInterface, Loggable {
      * RENDER
      * ------------------------------------------------------
      */
+    block: {
+        class: (condition?: boolean) => {
+            [x: string]: boolean;
+        };
+        element: (name: string) => any;
+        modifier: (name: string) => any;
+    };
     render(): any;
+    renderButton({ id, buttonPart, icon, turn, label }: ButtonProps): any;
+    renderIcon({ buttonPart, triggerAttributes, turn, icon, id }: IconProps): any;
+    renderText({ buttonPart, triggerAttributes, turn, icon, id }: TextProps): any;
 }
+export {};

package/dist/types/components/bal-accordion/bal-accordion.interfaces.d.ts

@@ -1,4 +1,5 @@
 declare namespace BalProps {
+    type BalAccordionTriggerVariant = 'button' | 'icon' | 'text';
     type BalAccordionColor = 'primary' | 'info';
 }
 declare namespace BalEvents {

package/dist/types/components.d.ts

@@ -95,7 +95,7 @@ export namespace Components {
     interface BalAccordionTrigger {
         "active": boolean;
         /**
-          * Trigger will be a bal-button
+          * @deprecated Trigger will be a bal-button
          */
         "button": boolean;
         /**
@@ -128,6 +128,10 @@ export namespace Components {
          */
         "size": BalProps.BalButtonSize;
         "state": AccordionState;
+        /**
+          * Defines the nature of the accordion trigger.
+         */
+        "variant": BalProps.BalAccordionTriggerVariant;
     }
     interface BalApp {
         /**
@@ -893,20 +897,6 @@ 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.
@@ -4081,12 +4071,6 @@ 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;
@@ -5063,7 +5047,6 @@ 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;
@@ -5206,7 +5189,7 @@ declare namespace LocalJSX {
     }
     interface BalAccordionTrigger {
         /**
-          * Trigger will be a bal-button
+          * @deprecated Trigger will be a bal-button
          */
         "button"?: boolean;
         /**
@@ -5237,6 +5220,10 @@ declare namespace LocalJSX {
           * Size of the button
          */
         "size"?: BalProps.BalButtonSize;
+        /**
+          * Defines the nature of the accordion trigger.
+         */
+        "variant"?: BalProps.BalAccordionTriggerVariant;
     }
     interface BalApp {
         /**
@@ -6043,20 +6030,6 @@ 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.
@@ -8724,7 +8697,6 @@ 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;
@@ -8847,7 +8819,6 @@ 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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "18.2.0-nightly.20250328",
+  "version": "18.3.0",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "18.2.0-nightly.20250328",
-    "@baloise/ds-icons": "18.2.0-nightly.20250328",
+    "@baloise/ds-styles": "18.3.0",
+    "@baloise/ds-icons": "18.3.0",
     "@baloise/web-app-utils": "3.15.0",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -54,9 +54,9 @@
     "@baloise/output-target-angular": "0.0.0",
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-maps": "18.2.0-nightly.20250328",
-    "@baloise/ds-brand-icons": "18.2.0-nightly.20250328",
-    "@baloise/ds-favicons": "18.2.0-nightly.20250328"
+    "@baloise/ds-maps": "18.3.0",
+    "@baloise/ds-brand-icons": "18.3.0",
+    "@baloise/ds-favicons": "18.3.0"
   },
   "sideEffects": false
 }

package/components/bal-app2.js

@@ -1,95 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { b as balBrowser } from './browser.js';
-import { b as balDevice } from './device.js';
-import { k as debounce, p as rIC, m as rOnLoad } from './helpers.js';
-import { L as Logger } from './log.js';
-import { s as startFocusVisible } from './focus-visible.js';
-import { b as updateBalAnimated } from './config.utils.js';
-
-const balAppCss = ":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";
-const BalAppStyle0 = balAppCss;
-
-const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.debouncedNotify = debounce(() => this.notifyResize(), 100);
-        this.notifyResize = async () => {
-            if (balBrowser.hasDocument && balBrowser.hasWindow) {
-                const doc = document.documentElement;
-                doc.style.setProperty('--bal-app-height', `${window.innerHeight}px`);
-            }
-        };
-        this.animated = true;
-        this.ready = false;
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    connectedCallback() {
-        if (this.animated === false) {
-            updateBalAnimated(this.animated);
-        }
-        if (balBrowser.hasWindow) {
-            window.addEventListener('resize', this.debouncedNotify);
-            this.debouncedNotify();
-        }
-    }
-    componentDidLoad() {
-        rIC(() => {
-            this.ready = true;
-            startFocusVisible();
-        });
-        rOnLoad(() => {
-            if (balBrowser.hasDocument && balBrowser.hasWindow) {
-                const doc = document.documentElement;
-                doc.classList.add('lcp-ready');
-            }
-        });
-    }
-    disconnectedCallback() {
-        if (balBrowser.hasWindow) {
-            window.removeEventListener('resize', this.debouncedNotify);
-        }
-    }
-    async setFocus(elements) {
-        if (this.focusVisible) {
-            this.focusVisible.setFocus(elements);
-        }
-    }
-    render() {
-        return (h(Host, { key: 'e062237a5407e1f20d5ba64329e264fc0ae41f4e', class: {
-                'bal-app': true,
-                'bal-app--safari': balBrowser.isSafari,
-                'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", { key: '0fdf270bb2737933ba48a2181e98897de19f66ed' })));
-    }
-    get el() { return this; }
-    static get style() { return BalAppStyle0; }
-}, [4, "bal-app", {
-        "animated": [516],
-        "ready": [1540],
-        "setFocus": [64]
-    }]);
-__decorate([
-    Logger('bal-app'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], App.prototype, "createLogger", null);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["bal-app"];
-    components.forEach(tagName => { switch (tagName) {
-        case "bal-app":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, App);
-            }
-            break;
-    } });
-}
-
-export { App as A, defineCustomElement as d };

package/components/bal-doc-app.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../dist/types/components";
-
-interface BalDocApp extends Components.BalDocApp, HTMLElement {}
-export const BalDocApp: {
-    prototype: BalDocApp;
-    new (): BalDocApp;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;