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

package/components/ids-tabs/ids-tabs.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-KQRVEGNM.js";import"../../chunks/ids-chunk-Q6UAQZCP.js";import"../../chunks/ids-chunk-P3U5TR76.js";import"../../chunks/ids-chunk-5HZOMPC2.js";import"../../chunks/ids-chunk-RWE2DVPW.js";import"../../chunks/ids-chunk-T6LHIK2W.js";import"../../chunks/ids-chunk-NUE7RHA7.js";import"../../chunks/ids-chunk-Z3VAV26N.js";import"../../chunks/ids-chunk-RIOIOE7O.js";import"../../chunks/ids-chunk-Y2X37JEV.js";import"../../chunks/ids-chunk-MFR3ZJU3.js";import"../../chunks/ids-chunk-CVXM6WYD.js";import"../../chunks/ids-chunk-T3IJ3RFP.js";import"../../chunks/ids-chunk-NXQQJQ2C.js";import"../../chunks/ids-chunk-YPUSVBLE.js";import"../../chunks/ids-chunk-TWHI2ROA.js";import"../../chunks/ids-chunk-DVVPM73O.js";import"../../chunks/ids-chunk-EE2HT6BK.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-G63H6IHZ.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-EGORO2H4.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-DW7OAD3V.js";import"../../chunks/ids-chunk-JC5MEEEQ.js";import"../../chunks/ids-chunk-MVPWITHY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-H2UUMN2T.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-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-RZEMSCKJ.js";import"../../chunks/ids-chunk-ZHEOHFYB.js";import"../../chunks/ids-chunk-QDOGPR6N.js";import"../../chunks/ids-chunk-RD7546WB.js";import"../../chunks/ids-chunk-QTQHAQVN.js";import"../../chunks/ids-chunk-ZDCRRF4T.js";import"../../chunks/ids-chunk-FGGT5JRT.js";import"../../chunks/ids-chunk-BY6VPROG.js";import"../../chunks/ids-chunk-THWPNPVI.js";import"../../chunks/ids-chunk-SFFMOANB.js";import"../../chunks/ids-chunk-RK2P2XSH.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-7SKEDFJK.js";import"../../chunks/ids-chunk-GNNFJBQQ.js";import"../../chunks/ids-chunk-KQ66TAJX.js";import"../../chunks/ids-chunk-APUT2U6U.js";import"../../chunks/ids-chunk-YQV6HMYH.js";import"../../chunks/ids-chunk-DW26NZRE.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-IRAEROQK.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-JXYR7PEP.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-XHISSLQH.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.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-tag/ids-tag-list.d.ts

@@ -81,7 +81,7 @@ declare const IdsTagList_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;
@@ -216,6 +216,7 @@ declare const IdsTagList_base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -286,6 +287,7 @@ declare const IdsTagList_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-tag/ids-tag-list.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-AYKQQSWW.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-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-UZVXOS7T.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-tag/ids-tag.css

@@ -13,8 +13,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  margin-inline-end: var(--ids-space-30);
-  padding-inline: var(--ids-space-40);
+  margin-inline-end: var(--ids-space-xxs);
+  padding-inline: var(--ids-space-xs);
   height: var(--ids-tag-height);
   contain: content;
 }
@@ -23,29 +23,39 @@
   border-color: var(--ids-tag-secondary-color-border);
 }
 .ids-tag.info {
-  background-color: var(--ids-color-info-default);
-  border-color: var(--ids-color-info-default);
-  color: var(--ids-color-text-on-info);
+  background-color: var(--ids-tag-color-background-info);
+  border-color: var(--ids-tag-color-border-info);
+  color: var(--ids-tag-color-text-info);
 }
 .ids-tag.success {
-  background-color: var(--ids-color-success-default);
-  border-color: var(--ids-color-success-default);
-  color: var(--ids-color-text-on-success);
+  background-color: var(--ids-tag-color-background-success);
+  border-color: var(--ids-tag-color-border-success);
+  color: var(--ids-tag-color-text-success);
 }
 .ids-tag.warning {
-  background-color: var(--ids-color-warning-default);
-  border-color: var(--ids-color-warning-default);
-  color: var(--ids-color-text-on-warning);
+  background-color: var(--ids-tag-color-background-warning);
+  border-color: var(--ids-tag-color-border-warning);
+  color: var(--ids-tag-color-text-warning);
 }
 .ids-tag.caution {
-  background-color: var(--ids-color-caution-default);
-  border-color: var(--ids-color-caution-default);
-  color: var(--ids-color-text-on-caution);
+  background-color: var(--ids-tag-color-background-caution);
+  border-color: var(--ids-tag-color-border-caution);
+  color: var(--ids-tag-color-text-caution);
 }
 .ids-tag.error {
-  background-color: var(--ids-color-error-default);
-  border-color: var(--ids-color-error-default);
-  color: var(--ids-color-text-on-error);
+  background-color: var(--ids-tag-color-background-error);
+  border-color: var(--ids-tag-color-border-error);
+  color: var(--ids-tag-color-text-error);
+}
+.ids-tag.purple {
+  background-color: var(--ids-tag-color-background-purple);
+  border-color: var(--ids-tag-color-border-purple);
+  color: var(--ids-tag-color-text-purple);
+}
+.ids-tag.teal {
+  background-color: var(--ids-tag-color-background-teal);
+  border-color: var(--ids-tag-color-border-teal);
+  color: var(--ids-tag-color-text-teal);
 }
 .ids-tag.focusable {
   cursor: var(--ids-cursor-pointer);
@@ -58,7 +68,6 @@
 }
 
 :host-context(ids-data-grid-cell) .ids-tag {
-  display: inline;
   margin-bottom: var(--ids-space-none);
 }
 
@@ -73,6 +82,12 @@
   cursor: var(--ids-cursor-default);
   color: var(--ids-tag-color-text-disabled);
 }
+:host-context(.disabled) .ids-tag,
+:host-context([disabled]) .ids-tag,
+:host(.disabled) .ids-tag,
+:host([disabled]) .ids-tag {
+  opacity: var(--ids-tag-disabled-opacity);
+}
 :host-context(.disabled) .ids-tag, :host-context(.disabled) .ids-tag.info, :host-context(.disabled) .ids-tag.success, :host-context(.disabled) .ids-tag.warning, :host-context(.disabled) .ids-tag.caution, :host-context(.disabled) .ids-tag.error,
 :host-context([disabled]) .ids-tag,
 :host-context([disabled]) .ids-tag.info,
@@ -137,9 +152,9 @@
   cursor: var(--ids-cursor-pointer);
   align-self: center;
   display: inline-flex;
-  padding-inline-start: var(--ids-space-30);
-  padding-top: var(--ids-space-20);
-  color: var(--ids-input-color-text);
+  padding-inline-start: var(--ids-space-xxs);
+  padding-top: var(--ids-space-xxxs);
+  color: var(--ids-input-color-text-default);
 }
 
 ::slotted(ids-icon:hover) {
@@ -149,7 +164,8 @@
 :host(.multiselect-tag) .ids-tag {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
-  margin-bottom: var(--ids-space-30);
+  margin-bottom: var(--ids-space-xxs);
+  opacity: 1;
 }
 
 :host([disabled].multiselect-tag) .ids-tag {

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;
@@ -395,6 +397,7 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            noShadowRoot?: boolean | undefined;
             /**
              * IDS Tag Component
              * @type {IdsTag}
@@ -404,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;
@@ -443,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;
@@ -578,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;
@@ -648,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;
@@ -786,6 +790,7 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            noShadowRoot?: boolean | undefined;
             /**
              * IDS Tag Component
              * @type {IdsTag}
@@ -795,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;
@@ -834,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;
@@ -969,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;
@@ -1039,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;
@@ -1166,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-NJDJSA5I.js";import"../../chunks/ids-chunk-H2UUMN2T.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-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.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

@@ -68,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);
@@ -76,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

@@ -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;
@@ -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-RIOIOE7O.js";import"../../chunks/ids-chunk-MFR3ZJU3.js";import"../../chunks/ids-chunk-CVXM6WYD.js";import"../../chunks/ids-chunk-JC5MEEEQ.js";import"../../chunks/ids-chunk-MVPWITHY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-H2UUMN2T.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-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.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);