ids-enterprise-wc 1.0.0-beta.17 → 1.0.0-beta.19

package/components/ids-splitter/ids-splitter-pane.d.ts

@@ -4,7 +4,9 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -14,7 +16,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -22,6 +24,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -376,6 +379,7 @@ declare const Base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -395,7 +399,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -404,6 +408,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;

package/components/ids-splitter/ids-splitter-pane.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-7N2AO3T2.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-36S3VMTL.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.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-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -5,7 +5,9 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -15,7 +17,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -23,6 +25,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -377,6 +380,7 @@ declare const Base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -396,7 +400,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -405,6 +409,7 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;

package/components/ids-splitter/ids-splitter.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-XZOYSQXW.js";import"../../chunks/ids-chunk-5FRNXXID.js";import"../../chunks/ids-chunk-7N2AO3T2.js";import"../../chunks/ids-chunk-SIAA33LV.js";import"../../chunks/ids-chunk-I2SLSNHQ.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-VG43W2RX.js";import"../../chunks/ids-chunk-LCMU6UJE.js";import"../../chunks/ids-chunk-36S3VMTL.js";import"../../chunks/ids-chunk-WXV5X6OF.js";import"../../chunks/ids-chunk-I2SLSNHQ.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.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-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-stats/ids-stats.css

@@ -10,7 +10,6 @@
   padding-block: var(--ids-stats-padding-block);
   padding-inline: var(--ids-stats-padding-inline);
   width: var(--ids-stats-width);
-  transition: var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-stats .trend-label {
   font-weight: var(--ids-font-weight-semibold);

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

@@ -1,4 +1,5 @@
 import '../ids-box/ids-box';
+import '../ids-icon/ids-icon';
 import '../ids-layout-flex/ids-layout-flex';
 import IdsElement from '../../core/ids-element';
 declare const IdsStats_base: {
@@ -6,7 +7,9 @@ declare const IdsStats_base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -16,7 +19,7 @@ declare const IdsStats_base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -24,6 +27,7 @@ declare const IdsStats_base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
@@ -365,10 +369,7 @@ declare const IdsStats_base: {
         longPressOn: boolean;
         swipeOn: boolean;
         keyboardFocusOn: boolean;
-        keyDownEndOn: boolean; /**
-         * Return the attributes we handle as getters/setters
-         * @returns {Array} The attributes in an array
-         */
+        keyDownEndOn: boolean;
         hoverEndOn: boolean;
         isClick: boolean;
         timer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
@@ -381,11 +382,9 @@ declare const IdsStats_base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
-        triggerVetoableEvent(eventType: string, data?: any): boolean; /**
-         * Color that can be used for embellishment or to indicate status or bring attention
-         * @param {string} value Any pallete color reference
-         */
+        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;
@@ -403,7 +402,7 @@ declare const IdsStats_base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -412,6 +411,7 @@ declare const IdsStats_base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -836,19 +836,19 @@ export default class IdsStats extends IdsStats_base {
      */
     get colSpan(): string | null;
     formats: {
-        kpi?: Intl.NumberFormatOptions | undefined;
-        trend?: Intl.NumberFormatOptions | undefined;
+        kpi?: Intl.NumberFormatOptions | undefined | string;
+        trend?: Intl.NumberFormatOptions | undefined | string;
     };
     /**
      * Set the locale format for the kpi
-     * @param {Intl.NumberFormatOptions | undefined} value If 2 will span 2 columns, nothing else is valid
+     * @param {Intl.NumberFormatOptions | undefined | string} value If 2 will span 2 columns, nothing else is valid
      */
-    set kpiFormat(value: Intl.NumberFormatOptions | undefined);
+    set kpiFormat(value: Intl.NumberFormatOptions | undefined | string);
     /**
      * Get col-span attribute
-     * @returns {Intl.NumberFormatOptions | undefined} The number value for the columns to span in the grid
+     * @returns {Intl.NumberFormatOptions | undefined | string} The number value for the columns to span in the grid
      */
-    get kpiFormat(): Intl.NumberFormatOptions | undefined;
+    get kpiFormat(): Intl.NumberFormatOptions | undefined | string;
     /**
      * Set the locale format for the kpi
      * @param {Intl.NumberFormatOptions | undefined} value If 2 will span 2 columns, nothing else is valid
@@ -856,8 +856,8 @@ export default class IdsStats extends IdsStats_base {
     set trendFormat(value: Intl.NumberFormatOptions | undefined);
     /**
      * Get col-span attribute
-     * @returns {Intl.NumberFormatOptions | undefined} The number value for the columns to span in the grid
+     * @returns {Intl.NumberFormatOptions | undefined | string} The number value for the columns to span in the grid
      */
-    get trendFormat(): Intl.NumberFormatOptions | undefined;
+    get trendFormat(): Intl.NumberFormatOptions | undefined | string;
 }
 export {};

package/components/ids-stats/ids-stats.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-SSK7RNWD.js";import"../../chunks/ids-chunk-3LLUAIAJ.js";import"../../chunks/ids-chunk-6XWKNA7H.js";import"../../chunks/ids-chunk-7PS2VBTY.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-2SYJ3LTC.js";import"../../chunks/ids-chunk-J634KUNC.js";import"../../chunks/ids-chunk-TVH4DO5A.js";import"../../chunks/ids-chunk-R2LGZWYT.js";import"../../chunks/ids-chunk-BFX5CSON.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZDL2DB6F.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.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-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-step-chart/ids-step-chart.css

@@ -37,243 +37,16 @@
   flex: 1 1 auto;
 }
 .ids-step-chart .step-chart-container .step {
+  background-color: var(--ids-step-chart-color-background-default);
   margin: calc(var(--ids-step-chart-inner-margin) - 3px);
   height: var(--ids-step-chart-height);
   box-sizing: content-box;
   border: 1px;
   flex: 1 1 auto;
 }
-.ids-step-chart .step-chart-container .step[color=ruby01] {
-  background-color: var(--ids-color-ruby-10);
-}
-.ids-step-chart .step-chart-container .step[color=ruby02] {
-  background-color: var(--ids-color-ruby-20);
-}
-.ids-step-chart .step-chart-container .step[color=ruby03] {
-  background-color: var(--ids-color-ruby-30);
-}
-.ids-step-chart .step-chart-container .step[color=ruby04] {
-  background-color: var(--ids-color-ruby-40);
-}
-.ids-step-chart .step-chart-container .step[color=ruby05] {
-  background-color: var(--ids-color-ruby-50);
-}
-.ids-step-chart .step-chart-container .step[color=ruby06] {
-  background-color: var(--ids-color-ruby-60);
-}
-.ids-step-chart .step-chart-container .step[color=ruby07] {
-  background-color: var(--ids-color-ruby-70);
-}
-.ids-step-chart .step-chart-container .step[color=ruby08] {
-  background-color: var(--ids-color-ruby-80);
-}
-.ids-step-chart .step-chart-container .step[color=ruby09] {
-  background-color: var(--ids-color-ruby-90);
-}
-.ids-step-chart .step-chart-container .step[color=ruby10] {
-  background-color: var(--ids-color-ruby-100);
-}
-.ids-step-chart .step-chart-container .step[color=amber01] {
-  background-color: var(--ids-color-amber-10);
-}
-.ids-step-chart .step-chart-container .step[color=amber02] {
-  background-color: var(--ids-color-amber-20);
-}
-.ids-step-chart .step-chart-container .step[color=amber03] {
-  background-color: var(--ids-color-amber-30);
-}
-.ids-step-chart .step-chart-container .step[color=amber04] {
-  background-color: var(--ids-color-amber-40);
-}
-.ids-step-chart .step-chart-container .step[color=amber05] {
-  background-color: var(--ids-color-amber-50);
-}
-.ids-step-chart .step-chart-container .step[color=amber06] {
-  background-color: var(--ids-color-amber-60);
-}
-.ids-step-chart .step-chart-container .step[color=amber07] {
-  background-color: var(--ids-color-amber-70);
-}
-.ids-step-chart .step-chart-container .step[color=amber08] {
-  background-color: var(--ids-color-amber-80);
-}
-.ids-step-chart .step-chart-container .step[color=amber09] {
-  background-color: var(--ids-color-amber-90);
-}
-.ids-step-chart .step-chart-container .step[color=amber10] {
-  background-color: var(--ids-color-amber-100);
-}
-.ids-step-chart .step-chart-container .step[color=emerald01] {
-  background-color: var(--ids-color-emerald-10);
-}
-.ids-step-chart .step-chart-container .step[color=emerald02] {
-  background-color: var(--ids-color-emerald-20);
-}
-.ids-step-chart .step-chart-container .step[color=emerald03] {
-  background-color: var(--ids-color-emerald-30);
-}
-.ids-step-chart .step-chart-container .step[color=emerald04] {
-  background-color: var(--ids-color-emerald-40);
-}
-.ids-step-chart .step-chart-container .step[color=emerald05] {
-  background-color: var(--ids-color-emerald-50);
-}
-.ids-step-chart .step-chart-container .step[color=emerald06] {
-  background-color: var(--ids-color-emerald-60);
-}
-.ids-step-chart .step-chart-container .step[color=emerald07] {
-  background-color: var(--ids-color-emerald-70);
-}
-.ids-step-chart .step-chart-container .step[color=emerald08] {
-  background-color: var(--ids-color-emerald-80);
-}
-.ids-step-chart .step-chart-container .step[color=emerald09] {
-  background-color: var(--ids-color-emerald-90);
-}
-.ids-step-chart .step-chart-container .step[color=emerald10] {
-  background-color: var(--ids-color-emerald-100);
-}
-.ids-step-chart .step-chart-container .step[color=azure01] {
-  background-color: var(--ids-color-azure-10);
-}
-.ids-step-chart .step-chart-container .step[color=azure02] {
-  background-color: var(--ids-color-azure-20);
-}
-.ids-step-chart .step-chart-container .step[color=azure03] {
-  background-color: var(--ids-color-azure-30);
-}
-.ids-step-chart .step-chart-container .step[color=azure04] {
-  background-color: var(--ids-color-azure-40);
-}
-.ids-step-chart .step-chart-container .step[color=azure05] {
-  background-color: var(--ids-color-azure-50);
-}
-.ids-step-chart .step-chart-container .step[color=azure06] {
-  background-color: var(--ids-color-azure-60);
-}
-.ids-step-chart .step-chart-container .step[color=azure07] {
-  background-color: var(--ids-color-azure-70);
-}
-.ids-step-chart .step-chart-container .step[color=azure08] {
-  background-color: var(--ids-color-azure-80);
-}
-.ids-step-chart .step-chart-container .step[color=azure09] {
-  background-color: var(--ids-color-azure-90);
-}
-.ids-step-chart .step-chart-container .step[color=azure10] {
-  background-color: var(--ids-color-azure-100);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise01] {
-  background-color: var(--ids-color-turquoise-10);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise02] {
-  background-color: var(--ids-color-turquoise-20);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise03] {
-  background-color: var(--ids-color-turquoise-30);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise04] {
-  background-color: var(--ids-color-turquoise-40);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise05] {
-  background-color: var(--ids-color-turquoise-50);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise06] {
-  background-color: var(--ids-color-turquoise-60);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise07] {
-  background-color: var(--ids-color-turquoise-70);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise08] {
-  background-color: var(--ids-color-turquoise-80);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise09] {
-  background-color: var(--ids-color-turquoise-90);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise10] {
-  background-color: var(--ids-color-turquoise-100);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst01] {
-  background-color: var(--ids-color-amethyst-10);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst02] {
-  background-color: var(--ids-color-amethyst-20);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst03] {
-  background-color: var(--ids-color-amethyst-30);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst04] {
-  background-color: var(--ids-color-amethyst-40);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst05] {
-  background-color: var(--ids-color-amethyst-50);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst06] {
-  background-color: var(--ids-color-amethyst-60);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst07] {
-  background-color: var(--ids-color-amethyst-70);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst08] {
-  background-color: var(--ids-color-amethyst-80);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst09] {
-  background-color: var(--ids-color-amethyst-90);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst10] {
-  background-color: var(--ids-color-amethyst-100);
-}
-.ids-step-chart .step-chart-container .step[color=slate01] {
-  background-color: var(--ids-color-neutral-10);
-}
-.ids-step-chart .step-chart-container .step[color=slate02] {
-  background-color: var(--ids-color-neutral-20);
-}
-.ids-step-chart .step-chart-container .step[color=slate03] {
-  background-color: var(--ids-color-neutral-30);
-}
-.ids-step-chart .step-chart-container .step[color=slate04] {
-  background-color: var(--ids-color-neutral-40);
-}
-.ids-step-chart .step-chart-container .step[color=slate05] {
-  background-color: var(--ids-color-neutral-50);
-}
-.ids-step-chart .step-chart-container .step[color=slate06] {
-  background-color: var(--ids-color-neutral-60);
-}
-.ids-step-chart .step-chart-container .step[color=slate07] {
-  background-color: var(--ids-color-neutral-70);
-}
-.ids-step-chart .step-chart-container .step[color=slate08] {
-  background-color: var(--ids-color-neutral-80);
-}
-.ids-step-chart .step-chart-container .step[color=slate09] {
-  background-color: var(--ids-color-neutral-90);
-}
-.ids-step-chart .step-chart-container .step[color=slate10] {
-  background-color: var(--ids-color-neutral-100);
-}
-.ids-step-chart .step-chart-container .step[color=base] {
-  background-color: var(--ids-color-primary);
-}
-.ids-step-chart .step-chart-container .step[color=info] {
-  background-color: var(--ids-color-info);
-}
-.ids-step-chart .step-chart-container .step[color=caution] {
-  background-color: var(--ids-color-caution);
-}
-.ids-step-chart .step-chart-container .step[color=error] {
-  background-color: var(--ids-color-error);
-}
-.ids-step-chart .step-chart-container .step[color=success] {
-  background-color: var(--ids-color-success);
-}
-.ids-step-chart .step-chart-container .step[color=warning] {
-  background-color: var(--ids-color-warning);
-}
-.ids-step-chart .step-chart-container .step.untouched {
-  background-color: var(--ids-step-chart-color-background-default);
-}
-.ids-step-chart .step-chart-container .step.completed {
+.ids-step-chart .step-chart-container .step.complete {
   background-color: var(--ids-step-chart-color-background-complete);
+}
+.ids-step-chart .step-chart-container .step.in-progress {
+  background-color: var(--ids-step-chart-color-background-progress);
 }

package/components/ids-step-chart/ids-step-chart.d.ts

@@ -2,6 +2,7 @@ import '../ids-color/ids-color';
 import '../ids-icon/ids-icon';
 import '../ids-text/ids-text';
 import IdsElement from '../../core/ids-element';
+import { IdsColorValueNames, type IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';
 declare const IdsStepChart_base: {
     new (...args: any[]): {
         handledEvents: Map<any, any>;
@@ -11,6 +12,10 @@ declare const IdsStepChart_base: {
         keyDownEndOn: boolean;
         hoverEndOn: boolean;
         isClick: boolean;
+        /**
+         * @returns {IdsColorValue} returns the current ids color variable
+         * for completed steps
+         */
         timer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         slopedMouseLeaveTimer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         startX: number;
@@ -21,6 +26,7 @@ declare const IdsStepChart_base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -40,7 +46,7 @@ declare const IdsStepChart_base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -48,7 +54,11 @@ declare const IdsStepChart_base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        connectedCallback(): void;
+        connectedCallback(): void; /**
+         * Return the attributes we handle as getters/setters
+         * @returns {Array} The attributes in an array
+         */
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -405,15 +415,15 @@ export default class IdsStepChart extends IdsStepChart_base {
      */
     static get attributes(): any[];
     /**
-     * @returns {string} returns the current ids color variable
+     * @returns {IdsColorValue} returns the current ids color variable
      * for completed steps
      */
-    get color(): string | null;
+    get color(): IdsColorValue;
     /**
-     * @param {string} value sets the color variable that is used to fill
+     * @param {IdsColorValue} value sets the color variable that is used to fill
      * completed steps
      */
-    set color(value: string | null);
+    set color(value: IdsColorValue);
     /**
      * @returns {string} returns the text for the step charts secondary label
      */
@@ -437,14 +447,14 @@ export default class IdsStepChart extends IdsStepChart_base {
      */
     set label(value: string);
     /**
-     * @returns {string} the ids color variable that
+     * @returns {IdsColorValueNames} the ids color variable that
      * in progress steps are currently set with
      */
-    get progressColor(): string | null;
+    get progressColor(): IdsColorValueNames;
     /**
      * @param {string} value sets the ids color variable that in progress steps use
      */
-    set progressColor(value: string | null);
+    set progressColor(value: IdsColorValueNames);
     /**
      * @returns {number} the current number of steps displayed in the step chart
      */

package/components/ids-step-chart/ids-step-chart.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-5JXXRIHS.js";import"../../chunks/ids-chunk-DMZOF3FV.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-5FY5U6SN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-LFKI3ZIN.js";import"../../chunks/ids-chunk-3QLSR2DO.js";import"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-EVENS4EI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-AMQU7JSV.js";import"../../chunks/ids-chunk-HJF6EMI3.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.js";import"../../chunks/ids-chunk-BFX5CSON.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-EQXBSRVZ.js";import"../../chunks/ids-chunk-H52JAL42.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZDL2DB6F.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.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-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-swaplist/ids-swaplist.css

@@ -19,6 +19,7 @@ ids-swappable-item {
   padding-inline-start: var(--ids-swaplist-item-padding-inline-start);
   position: relative;
   margin-block-end: var(--ids-swaplist-item-margin-block-end);
+  line-height: var(--ids-swaplist-item-line-height);
 }
 ids-swappable-item.is-hidden {
   height: 0;