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

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

@@ -1,5 +1,5 @@
 import IdsElement from '../../core/ids-element';
-import { IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';
+import { IdsColorValue, IdsColorValueCategories } from '../../utils/ids-color-utils/ids-color-utils';
 declare const Base: {
     new (...args: any[]): {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
@@ -21,6 +21,7 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            noShadowRoot?: boolean | undefined;
             /**
              * IDS Tag Component
              * @type {IdsTag}
@@ -30,7 +31,6 @@ declare const Base: {
              * @part tag - the tag element
              * @part icon - the icon element
              */
-            noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
         mountedCallback(): void;
@@ -69,7 +69,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;
@@ -204,6 +204,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;
@@ -274,6 +275,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;
@@ -380,11 +382,7 @@ declare const Base: {
         press(key: string): Map<any, any> | undefined;
         listen(keycode: string | string[], elem: any, callback: unknown): void;
         unlisten(key: string): boolean | undefined;
-        unpress(key: string): boolean | undefined; /**
-         * Check if an icon exists if not add it
-         * @param {string} iconName The icon name to check
-         * @private
-         */
+        unpress(key: string): boolean | undefined;
         dispatchHotkeys(e: KeyboardEvent): void;
         detachAllListeners(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -399,6 +397,7 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            noShadowRoot?: boolean | undefined;
             /**
              * IDS Tag Component
              * @type {IdsTag}
@@ -408,7 +407,6 @@ declare const Base: {
              * @part tag - the tag element
              * @part icon - the icon element
              */
-            noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
@@ -447,7 +445,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;
@@ -582,6 +580,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;
@@ -652,6 +651,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;
@@ -770,26 +770,27 @@ 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;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            noShadowRoot?: boolean | undefined;
             /**
              * IDS Tag Component
              * @type {IdsTag}
@@ -799,7 +800,6 @@ declare const Base: {
              * @part tag - the tag element
              * @part icon - the icon element
              */
-            noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
@@ -838,7 +838,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;
@@ -973,6 +973,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;
@@ -1043,6 +1044,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;
@@ -1170,8 +1172,8 @@ export default class IdsTag extends Base {
      * @param {IdsColorValue} value The color to use between
      * secondary (white), error, success, warning, caution, info or a hex code with the # at the start
      */
-    set color(value: IdsColorValue | 'secondary');
-    get color(): IdsColorValue | 'secondary';
+    set color(value: IdsColorValue | IdsColorValueCategories | 'secondary');
+    get color(): IdsColorValue | IdsColorValueCategories | 'secondary';
     /**
      * If set to true the tag has an x to dismiss
      * @param {boolean|string} value true of false depending if the tag is dismissed

package/components/ids-tag/ids-tag.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-JWT7ETQ2.js";import"../../chunks/ids-chunk-G3IHRFV3.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.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-RRIE3K2A.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.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-text/ids-text.css

@@ -1,6 +1,7 @@
 /* Ids Text Component */
 :host([overflow=ellipsis]) {
   max-width: 100%;
+  display: block;
 }
 
 .ids-text {
@@ -67,7 +68,7 @@
 .ids-text.text-align-justify {
   text-align: justify;
 }
-.ids-text.status-neutral::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
+.ids-text.status-gray::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
   display: inline-flex;
   margin-inline-end: var(--ids-input-margin-bottom);
   border-radius: var(--ids-border-radius-circle);
@@ -75,10 +76,10 @@
   height: 8px;
   width: 8px;
 }
-.ids-text.status-neutral {
+.ids-text.status-gray {
   color: var(--ids-color-text-label);
 }
-.ids-text.status-neutral::before {
+.ids-text.status-gray::before {
   background-color: var(--ids-color-text-label);
 }
 .ids-text.status-error {

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

@@ -7,7 +7,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;
@@ -54,7 +54,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;
@@ -189,6 +189,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;
@@ -259,6 +260,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;
@@ -414,7 +416,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;
@@ -549,6 +551,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;
@@ -619,6 +622,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;
@@ -777,7 +781,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;
@@ -912,6 +916,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;
@@ -982,6 +987,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;
@@ -1100,20 +1106,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;
@@ -1159,7 +1165,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_35 extends keyof HTMLElementEventMap>(type: K_35, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_35]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_36 extends keyof HTMLElementEventMap>(type: K_36, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_36]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1294,6 +1300,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;
@@ -1364,6 +1371,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;

package/components/ids-text/ids-text.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-GCA4HXXA.js";import"../../chunks/ids-chunk-7OBD3OM6.js";import"../../chunks/ids-chunk-CY324CVN.js";import"../../chunks/ids-chunk-3X7DPFEQ.js";import"../../chunks/ids-chunk-WCVDZEPA.js";import"../../chunks/ids-chunk-JTLM24AT.js";import"../../chunks/ids-chunk-G3IHRFV3.js";import"../../chunks/ids-chunk-T6ZV4PDM.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-THWPNPVI.js";import"../../chunks/ids-chunk-RK2P2XSH.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.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-textarea/ids-textarea.css

@@ -46,7 +46,7 @@
 
 .icon-dirty {
   position: absolute;
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
   top: 1px;
 }
 .icon-dirty[dir=rtl] {
@@ -75,7 +75,7 @@
   -moz-osx-font-smoothing: grayscale;
   display: flex;
   font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-30);
+  margin-top: var(--ids-space-xxs);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -84,37 +84,37 @@
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-30);
+  margin-inline-end: var(--ids-space-xxs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
-  color: var(--ids-color-caution-30);
+  color: var(--ids-color-yellow-30);
 }
 .validation-message.warning {
   color: var(--ids-color-warning-default);
 }
 .validation-message.warning.disabled {
-  color: var(--ids-color-warning-30);
+  color: var(--ids-color-orange-30);
 }
 .validation-message.error {
   color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
-  color: var(--ids-color-error-30);
+  color: var(--ids-color-red-30);
 }
 .validation-message.info {
   color: var(--ids-color-info-default);
 }
 .validation-message.info.disabled {
-  color: var(--ids-color-info-30);
+  color: var(--ids-color-blue-30);
 }
 .validation-message.success {
   color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
-  color: var(--ids-color-success-30);
+  color: var(--ids-color-green-30);
 }
 .validation-message[hidden] {
   display: none;
@@ -122,7 +122,7 @@
 
 .ids-textarea {
   display: block;
-  margin-bottom: var(--ids-space-50);
+  margin-bottom: var(--ids-space-12);
   font-size: var(--ids-font-size-40);
   font-family: var(--ids-font-family-default);
 }
@@ -215,13 +215,13 @@
   border-color: var(--ids-textarea-color-border-default);
   color: var(--ids-textarea-color-text-default);
   box-sizing: border-box;
-  margin-bottom: var(--ids-space-30);
-  padding: var(--ids-space-50);
+  margin-bottom: var(--ids-space-xxs);
+  padding: var(--ids-space-12);
   font-size: var(--ids-font-size-40);
   appearance: none;
   font-family: var(--ids-font-family-default);
   border-collapse: separate;
-  border-radius: var(--ids-border-radius-01);
+  border-radius: var(--ids-border-radius-xxs);
   display: inline-block;
   text-align: left;
   width: 100%;
@@ -235,6 +235,7 @@
   background-color: var(--ids-textarea-color-background-disabled);
   border-color: var(--ids-textarea-color-border-disabled);
   color: var(--ids-textarea-color-text-disabled);
+  opacity: var(--ids-textarea-disabled-opacity);
 }
 .ids-textarea .ids-textarea-field:not([disabled]):not([readonly]):not(:focus):hover {
   border-color: var(--ids-textarea-color-border-hover);
@@ -269,64 +270,73 @@
 .ids-textarea .ids-textarea-field.right {
   text-align: end;
 }
-.ids-textarea .ids-textarea-field.alert, .ids-textarea .ids-textarea-field.alert:hover {
-  border-color: var(--ids-textarea-alert-color-border-default);
-  color: var(--ids-textarea-alert-color-text-default);
-}
-.ids-textarea .ids-textarea-field.alert:focus, .ids-textarea .ids-textarea-field.alert:hover:focus {
-  border-color: var(--ids-textarea-alert-color-border-alert-focus);
-  box-shadow: var(--ids-textarea-shadow-alert-focus);
-}
-.ids-textarea .ids-textarea-field.alert[disabled], .ids-textarea .ids-textarea-field.alert:hover[disabled] {
-  border-color: var(--ids-textarea-alert-color-border-disabled);
-  color: var(--ids-textarea-alert-color-text-disabled);
+.ids-textarea .ids-textarea-field ~ .btn-clear {
+  margin-top: var(--ids-space-xxs);
+  position: absolute;
+  right: 0;
 }
-.ids-textarea .ids-textarea-field.error, .ids-textarea .ids-textarea-field.error:hover {
+.ids-textarea .error .ids-textarea-field {
   border-color: var(--ids-textarea-color-border-error-default);
   color: var(--ids-textarea-color-text-error);
 }
-.ids-textarea .ids-textarea-field.error:focus, .ids-textarea .ids-textarea-field.error:hover:focus {
+.ids-textarea .error .ids-textarea-field:focus {
   border-color: var(--ids-textarea-color-border-error-focus);
   box-shadow: var(--ids-textarea-shadow-error-focus);
 }
-.ids-textarea .ids-textarea-field.error[disabled], .ids-textarea .ids-textarea-field.error:hover[disabled] {
+.ids-textarea .error .ids-textarea-field[disabled] {
   border-color: var(--ids-textarea-color-border-error-disabled);
   color: var(--ids-textarea-color-text-error-disabled);
 }
-.ids-textarea .ids-textarea-field.info, .ids-textarea .ids-textarea-field.info:hover {
+.ids-textarea .error .ids-textarea-field:hover {
+  border-color: var(--ids-textarea-color-border-error-default);
+}
+.ids-textarea.warning .ids-textarea-field {
+  border-color: var(--ids-textarea-warning-color-border-default);
+  color: var(--ids-textarea-warning-color-text-default);
+}
+.ids-textarea.warning .ids-textarea-field:focus {
+  border-color: var(--ids-textarea-warning-color-border-focus);
+  box-shadow: var(--ids-textarea-shadow-warning-focus);
+}
+.ids-textarea.warning .ids-textarea-field[disabled] {
+  border-color: var(--ids-textarea-warning-color-border-disabled);
+  color: var(--ids-textarea-warning-color-text-disabled);
+}
+.ids-textarea.warning .ids-textarea-field:hover {
+  border-color: var(--ids-textarea-warning-color-border-default);
+}
+.ids-textarea.info .ids-textarea-field {
   border-color: var(--ids-textarea-color-border-info-default);
   color: var(--ids-textarea-color-text-info-default);
 }
-.ids-textarea .ids-textarea-field.info:focus, .ids-textarea .ids-textarea-field.info:hover:focus {
+.ids-textarea.info .ids-textarea-field:focus {
   border-color: var(--ids-textarea-color-border-info-focus);
   box-shadow: rgba(0, 102, 212, 0.3) 0 0 3px 2px;
 }
-.ids-textarea .ids-textarea-field.info[disabled], .ids-textarea .ids-textarea-field.info:hover[disabled] {
+.ids-textarea.info .ids-textarea-field[disabled] {
   border-color: var(--ids-textarea-color-border-info-disabled);
   color: var(--ids-textarea-color-text-info-disabled);
 }
-.ids-textarea .ids-textarea-field.success, .ids-textarea .ids-textarea-field.success:hover {
+.ids-textarea.info .ids-textarea-field:hover {
+  border-color: var(--ids-textarea-color-border-info-default);
+}
+.ids-textarea.success .ids-textarea-field {
   border-color: var(--ids-textarea-color-border-success-default);
   color: var(--ids-textarea-color-text-success-default);
 }
-.ids-textarea .ids-textarea-field.success:focus, .ids-textarea .ids-textarea-field.success:hover:focus {
+.ids-textarea.success .ids-textarea-field:focus {
   border-color: var(--ids-textarea-color-border-success-focus);
   box-shadow: var(--ids-textarea-shadow-success-focus);
 }
-.ids-textarea .ids-textarea-field.success[disabled], .ids-textarea .ids-textarea-field.success:hover[disabled] {
+.ids-textarea.success .ids-textarea-field[disabled] {
   border-color: var(--ids-textarea-color-border-success-disabled);
   color: var(--ids-textarea-color-text-success-disabled);
 }
-.ids-textarea .ids-textarea-field ~ .btn-clear {
-  margin-top: var(--ids-space-30);
-  position: absolute;
-  right: 0;
-}
-.ids-textarea .error .ids-textarea-field {
-  border-color: var(--ids-textarea-color-border-error-default);
+.ids-textarea.success .ids-textarea-field:hover {
+  border-color: var(--ids-textarea-color-border-success-default);
 }
 .ids-textarea .validation-message {
-  margin-top: var(--ids-space-30);
+  margin-top: var(--ids-space-xxs);
 }
 .ids-textarea.disabled .label-text {
   color: var(--ids-textarea-label-color-text-disabled);
@@ -339,7 +349,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: var(--ids-textarea-label-color-text-default);
-  margin-bottom: var(--ids-space-40);
+  margin-bottom: var(--ids-space-xs);
   align-items: baseline;
   font-family: var(--ids-font-family-default);
   display: flex;
@@ -349,7 +359,7 @@
 }
 .ids-label-text.required::after {
   position: relative;
-  padding-inline: var(--ids-space-20);
+  padding-inline: var(--ids-space-xxxs);
   font-size: var(--ids-font-size-50);
   content: "*";
   color: var(--ids-input-required-indicator-color-text-default);