ids-enterprise-wc 1.0.0-beta.21 → 1.0.0-beta.23

package/components/ids-hyperlink/ids-hyperlink.d.ts

@@ -3,7 +3,7 @@ declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         hitbox: string | null;
-        "__#47@#setHitbox"(): void;
+        "__#20@#setHitbox"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -49,7 +49,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -184,6 +184,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -254,6 +255,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -354,7 +356,7 @@ declare const Base: {
         connectedCallback(): void;
         colorVariants: string[];
         colorVariant: string | null;
-        "__#4@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
+        "__#10@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
         name?: string | undefined;
         state: any;
@@ -401,7 +403,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -536,6 +538,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -606,6 +609,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -724,20 +728,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeLongPressListener"(): void;
-        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeSwipeListener"(): void;
-        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#5@#removeKeyboardFocusListener"(): void;
-        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#clearSlopedMouseLeaveTimer"(): void;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -783,7 +787,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_26 extends keyof HTMLElementEventMap>(type: K_26, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_26]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_27 extends keyof HTMLElementEventMap>(type: K_27, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_27]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -918,6 +922,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -988,6 +993,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1093,6 +1099,7 @@ declare const Base: {
  * @part link - the link element
  */
 export default class IdsHyperlink extends Base {
+    #private;
     constructor();
     connectedCallback(): void;
     /**
@@ -1128,6 +1135,12 @@ export default class IdsHyperlink extends Base {
      */
     set textDecoration(value: string | null);
     get textDecoration(): string | null;
+    /**
+     * Show/Hide the visited color on the link
+     * @param {boolean} value if true visited color is shown
+     */
+    set showVisitedColor(value: boolean);
+    get showVisitedColor(): boolean;
     /**
      * Set the text to disabled color.
      * @param {boolean} value True if disabled
@@ -1141,6 +1154,163 @@ export default class IdsHyperlink extends Base {
      */
     set color(value: string | null);
     get color(): string | null;
+    fontSizes: ({
+        10: string;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        12: string;
+        10?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        14: string;
+        10?: undefined;
+        12?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        16: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        20: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        24: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        28: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        32: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        40: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        48?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        48: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        60?: undefined;
+        72?: undefined;
+    } | {
+        60: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        72?: undefined;
+    } | {
+        72: string;
+        10?: undefined;
+        12?: undefined;
+        14?: undefined;
+        16?: undefined;
+        20?: undefined;
+        24?: undefined;
+        28?: undefined;
+        32?: undefined;
+        40?: undefined;
+        48?: undefined;
+        60?: undefined;
+    })[];
     /**
      * Set the font size/style of the text with a class.
      * @param {string | null} value The font size in the font scheme

package/components/ids-hyperlink/ids-hyperlink.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-SF3HUTQZ.js";import"../../chunks/ids-chunk-44T65L7N.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-57OQ6QPI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-SSIZ5DTH.js";import"../../chunks/ids-chunk-RVGJSPDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-hyperlink/ids-link-list.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-RC7OLPFH.js";import"../../chunks/ids-chunk-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-UEA35D7I.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-icon/ids-icon.css

@@ -41,6 +41,22 @@ svg {
   fill: white;
 }
 
+:host([icon=insights-smart-panel]) .insights-stop-1 {
+  stop-color: var(--ids-button-ai-color-icon-primary);
+}
+:host([icon=insights-smart-panel]) .insights-stop-2 {
+  stop-color: var(--ids-button-ai-color-icon-secondary);
+}
+
+:host(.editor-forecolor) .stop-underline,
+:host(.editor-forecolor) .stop-base {
+  stop-color: var(--ids-button-formatter-color-text-default);
+}
+
+:host(.editor-forecolor.is-active) .stop-underline {
+  stop-color: var(--forecolor-active-color);
+}
+
 .notification-badge {
   background-color: var(--ids-notification-badge-error-color-background);
   border-radius: var(--ids-notification-badge-border-radius);
@@ -133,9 +149,14 @@ svg {
   color: var(--ids-icon-status-color-purple-color-text);
 }
 
-.status-color-neutral {
-  background-color: var(--ids-icon-status-color-neutral-color-background);
-  color: var(--ids-icon-status-color-neutral-color-text);
+.status-color-gray {
+  background-color: var(--ids-icon-status-color-gray-color-background);
+  color: var(--ids-icon-status-color-gray-color-text);
+}
+
+.status-color-yellow {
+  background-color: var(--ids-icon-status-color-yellow-color-background);
+  color: var(--ids-icon-status-color-yellow-color-text);
 }
 
 .status-color-error {
@@ -161,4 +182,9 @@ svg {
 .status-color-success {
   background-color: var(--ids-icon-status-color-success-color-background);
   color: var(--ids-icon-status-color-success-color-text);
+}
+
+.status-color-caution {
+  background-color: var(--ids-icon-status-color-caution-color-background);
+  color: var(--ids-icon-status-color-caution-color-text);
 }

package/components/ids-icon/ids-icon.d.ts

@@ -60,7 +60,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -195,6 +195,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -265,6 +266,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -365,7 +367,7 @@ declare const Base: {
         connectedCallback(): void;
         colorVariants: string[];
         colorVariant: string | null;
-        "__#4@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
+        "__#10@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
         name?: string | undefined;
         state: any;
@@ -412,7 +414,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -547,6 +549,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -617,6 +620,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -711,6 +715,13 @@ declare const Base: {
         blur(): void;
         focus(options?: FocusOptions | undefined): void;
     };
+    /**
+     * IDS Icon Component
+     * @type {IdsIcon}
+     * @inherits IdsElement
+     * @mixes IdsLocaleMixin
+     * @part svg
+     */
     readonly attributes: any[];
 } & {
     new (...args: any[]): {
@@ -735,20 +746,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeLongPressListener"(): void;
-        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeSwipeListener"(): void;
-        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#5@#removeKeyboardFocusListener"(): void;
-        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#clearSlopedMouseLeaveTimer"(): void;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -794,7 +805,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_26 extends keyof HTMLElementEventMap>(type: K_26, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_26]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_27 extends keyof HTMLElementEventMap>(type: K_27, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_27]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -929,6 +940,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -999,6 +1011,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1214,12 +1227,18 @@ export default class IdsIcon extends Base {
      * @param {IdsColorValueEmpty | IdsColorValueStatus | IdsColorValueCategories} value Any pallete color reference
      */
     set statusColor(value: IdsColorValueEmpty | IdsColorValueStatus | IdsColorValueCategories);
-    get statusColor(): string;
+    get statusColor(): IdsColorValueEmpty | IdsColorValueStatus | IdsColorValueCategories;
     /**
      * Color to use for icon fill (other than other settings).
      * @param {IdsColorValue} value Any pallete color reference
      */
     set color(value: IdsColorValue);
-    get color(): string;
+    get color(): IdsColorValue;
+    get pathElem(): SVGPathElement | null;
+    /**
+     * Appends SVGDefsElement to icon SVG
+     * @param {SVGDefsElement | string} svgDefs svg defs
+     */
+    appendSVGDefs(svgDefs: SVGDefsElement | string): void;
 }
 export {};

package/components/ids-icon/ids-icon.js

@@ -1 +1 @@
-import{b as a}from"../../chunks/ids-chunk-XV7LUX6H.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-G3IHRFV3.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-57OQ6QPI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-WIKE6ZX6.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-JMKLW7RS.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-JQA4UHEE.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{b as a}from"../../chunks/ids-chunk-JXYR7PEP.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-image/ids-image.css

@@ -33,6 +33,7 @@
 
 :host .placeholder,
 .ids-image.placeholder {
+  border-radius: var(--ids-image-placeholder-border-radius);
   border-color: var(--ids-image-color-border-default);
 }
 :host .placeholder ids-icon,
@@ -117,11 +118,12 @@
   color: var(--ids-image-status-away-color-background);
 }
 .user-status.unknown {
-  color: var(--ids-image-status-unknown-color-background);
+  fill: var(--ids-image-status-unknown-color-background);
+  color: transparent;
 }
 .user-status::before {
   position: absolute;
-  border-radius: var(--ids-border-radius-circle);
+  border-radius: var(--ids-image-border-radius);
   background-color: var(--ids-color-white-100);
   content: "";
   width: 12px;
@@ -132,7 +134,7 @@
 }
 .user-status::after {
   position: absolute;
-  border-radius: var(--ids-border-radius-circle);
+  border-radius: var(--ids-image-border-radius);
   background-color: var(--ids-color-background-default);
   content: "";
   width: 16px;
@@ -152,6 +154,6 @@
   margin-top: -18px;
 }
 .user-status-wrapper .user-status svg {
-  border-radius: var(--ids-border-radius-circle);
+  border-radius: var(--ids-image-border-radius);
   background-color: var(--ids-color-background-default);
 }

package/components/ids-image/ids-image.d.ts

@@ -1,6 +1,7 @@
 import IdsElement from '../../core/ids-element';
 import '../ids-icon/ids-icon';
 import '../ids-text/ids-text';
+import { IdsColorValueCategories } from '../../utils/ids-color-utils/ids-color-utils';
 declare const Base: {
     new (...args: any[]): {
         handledEvents: Map<any, any>;
@@ -24,20 +25,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeLongPressListener"(): void;
-        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#removeSwipeListener"(): void;
-        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#5@#removeKeyboardFocusListener"(): void;
-        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#clearSlopedMouseLeaveTimer"(): void;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -83,7 +84,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -218,6 +219,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -288,6 +290,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -393,7 +396,6 @@ declare const Base: {
 export default class IdsImage extends Base {
     #private;
     constructor();
-    connectedCallback(): void;
     /**
      * Return the attributes we handle as getters/setters
      * @returns {Array} The attributes in an array
@@ -424,6 +426,13 @@ export default class IdsImage extends Base {
      * @param {string} val alt attribute value
      */
     set alt(val: string);
+    /**
+     * Set the alert color
+     * @param {IdsColorValueCategories} value The color to use between:
+     * 'red' | 'yellow' | 'orange' | 'green' | 'blue' | 'teal' | 'purple'| 'gray' | 'neutral' | 'white' | 'black';
+     */
+    set color(value: IdsColorValueCategories);
+    get color(): IdsColorValueCategories;
     /**
      * Size for the image
      * @returns {'auto'|'sm'|'md'|'lg'} one of the predefined sizes