@baloise/ds-core 20.0.0-next.8 → 20.0.0-next.9

package/dist/types/components/alert/alert-container.d.ts

@@ -12,11 +12,10 @@ export declare class AlertContainer implements DsComponentInterface {
     alerts: AlertComponent[];
     private maxVisibleItems;
     private animationDurationMs;
-    private containerEl;
     private alertTimers;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * If `true`, alerts animate in and out.
@@ -25,14 +24,14 @@ export declare class AlertContainer implements DsComponentInterface {
     /**
      * Defines the container size constraint for the alert layout.
      */
-    readonly container: AlertContainerSize;
+    readonly container?: AlertContainerSize;
     /**
      * Defines the display type: `toast` (top-right overlay) or `snackbar` (bottom banner).
      */
     readonly type: AlertType;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Adds an alert to the queue and returns its generated ID.
@@ -48,7 +47,7 @@ export declare class AlertContainer implements DsComponentInterface {
     removeAll(): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private activeTimer;
     private getDuration;
@@ -56,7 +55,7 @@ export declare class AlertContainer implements DsComponentInterface {
     private hasDuplications;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/alert/alert-container.interfaces.d.ts

@@ -1,6 +1,6 @@
 import { ButtonTarget } from '../button/button.interfaces';
 export declare const ALERT_TYPES: readonly ["toast", "snackbar"];
-export declare const ALERT_CONTAINER_SIZES: readonly ["", "fluid", "detail-page", "compact", "blog-page", "wide"];
+export declare const ALERT_CONTAINER_SIZES: readonly ["fluid", "detail-page", "compact", "blog-page", "wide"];
 export declare const ALERT_COLORS: readonly ["base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
 export type AlertType = (typeof ALERT_TYPES)[number];
 export type AlertContainerSize = (typeof ALERT_CONTAINER_SIZES)[number];

package/dist/types/components/alert/snackbar/snackbar.d.ts

@@ -20,6 +20,10 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     isMobile: boolean;
     mobileOpenState: boolean;
     didLoad: boolean;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
@@ -94,17 +98,17 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     dsDidLoad: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
-     * LISTENERS
-     * ------------------------------------------------------
+     * PUBLIC LISTENERS
+     * ─────────────────────────────────────────────────────
      */
     listenToBreakpoint(breakpoints: DsBreakpoints): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -112,13 +116,13 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     close(): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private generateSvgContent;
     private generateIconName;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/alert/toast/toast.d.ts

@@ -20,6 +20,10 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     animated: boolean;
     didLoad: boolean;
     didPause: boolean;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
@@ -109,12 +113,12 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     dsDidResume: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -126,13 +130,13 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     configChanged(state: DsConfigState): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private generateSvgContent;
     private generateIconName;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/notification/notification.d.ts

@@ -19,7 +19,7 @@ export declare class Notification implements DsComponentInterface {
     private timer;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * If `true` the notification will be displayed as an alert, otherwise as a status message.
@@ -37,7 +37,7 @@ export declare class Notification implements DsComponentInterface {
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
      */
-    readonly color: NotificationColor;
+    readonly color?: NotificationColor;
     /**
      * Defines the heading of the notification.
      */
@@ -60,12 +60,12 @@ export declare class Notification implements DsComponentInterface {
     dsDidLoad: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -73,7 +73,7 @@ export declare class Notification implements DsComponentInterface {
     close(): Promise<void>;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/notification/notification.interfaces.d.ts

@@ -1,5 +1,5 @@
-export declare const NOTIFICATION_SIZES: readonly ["sm", "md", "lg", "", "small", "medium", "large"];
-export declare const NOTIFICATION_COLORS: readonly ["", "base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
+export declare const NOTIFICATION_SIZES: readonly ["sm", "md", "lg", "small", "medium", "large"];
+export declare const NOTIFICATION_COLORS: readonly ["base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
 export type NotificationSize = (typeof NOTIFICATION_SIZES)[number];
 export type NotificationColor = (typeof NOTIFICATION_COLORS)[number];
 export interface NotificationCustomEvent<T> extends CustomEvent<T> {

package/dist/types/components.d.ts

@@ -191,9 +191,8 @@ export namespace Components {
         "animated": boolean;
         /**
           * Defines the container size constraint for the alert layout.
-          * @default ''
          */
-        "container": AlertContainerSize;
+        "container"?: AlertContainerSize;
         /**
           * Removes the alert with the given ID.
          */
@@ -1982,9 +1981,8 @@ export namespace Components {
         "closeHandler": () => void;
         /**
           * Defines the color of the element Color type primary is deprecated, please use info instead.
-          * @default ''
          */
-        "color": NotificationColor;
+        "color"?: NotificationColor;
         /**
           * Defines the heading of the notification.
           * @default ''
@@ -5008,7 +5006,6 @@ declare namespace LocalJSX {
         "animated"?: boolean;
         /**
           * Defines the container size constraint for the alert layout.
-          * @default ''
          */
         "container"?: AlertContainerSize;
         /**
@@ -6883,7 +6880,6 @@ declare namespace LocalJSX {
         "closable"?: boolean;
         /**
           * Defines the color of the element Color type primary is deprecated, please use info instead.
-          * @default ''
          */
         "color"?: NotificationColor;
         /**

package/docs/cem.json

@@ -504,7 +504,7 @@
               "name": "container",
               "description": "Defines the container size constraint for the alert layout.",
               "type": {
-                "text": "\"\" | \"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\"",
+                "text": "\"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\" | undefined",
                 "references": [
                   {
                     "name": "AlertContainerSize",
@@ -512,7 +512,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "container"
             },
             {
@@ -548,7 +547,7 @@
               "name": "container",
               "description": "Defines the container size constraint for the alert layout.",
               "type": {
-                "text": "\"\" | \"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\"",
+                "text": "\"blog-page\" | \"compact\" | \"detail-page\" | \"fluid\" | \"wide\" | undefined",
                 "references": [
                   {
                     "name": "AlertContainerSize",
@@ -556,7 +555,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "container"
             },
@@ -10248,7 +10246,7 @@
               "name": "color",
               "description": "Defines the color of the element\nColor type primary is deprecated, please use info instead.",
               "type": {
-                "text": "\"\" | \"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\"",
+                "text": "\"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\" | undefined",
                 "references": [
                   {
                     "name": "NotificationColor",
@@ -10256,7 +10254,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "color"
             },
             {
@@ -10281,7 +10278,7 @@
               "name": "size",
               "description": "Defines the size of the notification, small, medium or large.",
               "type": {
-                "text": "\"\" | \"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
+                "text": "\"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "NotificationSize",
@@ -10320,7 +10317,7 @@
               "name": "color",
               "description": "Defines the color of the element\nColor type primary is deprecated, please use info instead.",
               "type": {
-                "text": "\"\" | \"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\"",
+                "text": "\"base\" | \"danger\" | \"info\" | \"outline-base\" | \"outline-green\" | \"outline-purple\" | \"outline-red\" | \"outline-yellow\" | \"success\" | \"warning\" | undefined",
                 "references": [
                   {
                     "name": "NotificationColor",
@@ -10328,7 +10325,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "color"
             },
@@ -10359,7 +10355,7 @@
               "name": "size",
               "description": "Defines the size of the notification, small, medium or large.",
               "type": {
-                "text": "\"\" | \"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
+                "text": "\"large\" | \"lg\" | \"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "NotificationSize",