ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

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

@@ -36,6 +36,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -360,10 +361,10 @@ declare const Base: {
         labelRequired: boolean;
         labelStates: string[];
         labelState: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode;
-        "__#11@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#11@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#11@#hideLabel"(): void;
-        "__#11@#showLabel"(): void;
+        "__#12@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#12@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#12@#hideLabel"(): void;
+        "__#12@#showLabel"(): void;
         onLabelStateChange?(variantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
         name?: string | undefined;
         state: Record<string, any>;
@@ -385,6 +386,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -706,9 +708,9 @@ declare const Base: {
         connectedCallback(): void;
         showLoadingIndicator: string | boolean | null;
         loadingIndicatorOnly: string | boolean | null;
-        "__#21@#getSlottedElements"(): Node[] | undefined;
-        "__#21@#attachLoadingIndicator"(): void;
-        "__#21@#addClass"(): void;
+        "__#22@#getSlottedElements"(): Node[] | undefined;
+        "__#22@#attachLoadingIndicator"(): void;
+        "__#22@#addClass"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -729,6 +731,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1058,19 +1061,19 @@ declare const Base: {
         readonly isSelected: any;
         findMatches(value: string | RegExp, list: any[]): any[] | null;
         displayMatches(): void;
-        "__#27@#populateListBox"(): void;
-        "__#27@#templatelistBoxOption"(value: string | null, label: string | null): string;
-        "__#27@#addAria"(): object;
+        "__#23@#populateListBox"(): void;
+        "__#23@#templatelistBoxOption"(value: string | null, label: string | null): string;
+        "__#23@#addAria"(): object;
         closePopup(): void;
         openPopup(): void;
         selectOption(e: any): void;
         clearOptions(): void;
         setSelectedOption(el: any): void;
         removeSelectedOption(el: any): void;
-        "__#27@#configurePopup"(): void;
-        "__#27@#attachEventListeners"(): void;
-        "__#27@#attachKeyboardListeners"(): void;
-        "__#27@#removeEventListeners"(): void;
+        "__#23@#configurePopup"(): void;
+        "__#23@#attachEventListeners"(): void;
+        "__#23@#attachKeyboardListeners"(): void;
+        "__#23@#removeEventListeners"(): void;
         destroyAutocomplete(): 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;
@@ -1106,6 +1109,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1429,7 +1433,7 @@ declare const Base: {
         compact: string | boolean;
         fieldHeight: string;
         clearHeightClasses(): void;
-        "__#26@#doFieldHeightChange"(fieldHeight: string): void;
+        "__#20@#doFieldHeightChange"(fieldHeight: string): void;
         onFieldHeightChange?(fieldHeight: string): void;
         name?: string | undefined;
         state: Record<string, any>;
@@ -1451,6 +1455,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1787,7 +1792,7 @@ declare const Base: {
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#10@#onDirtyTrackerChange"(): void;
+        "__#11@#onDirtyTrackerChange"(): void;
         dirtyTracker: boolean;
         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;
@@ -1820,6 +1825,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -2142,7 +2148,7 @@ declare const Base: {
         connectedCallback(): void;
         handleClearable(): void;
         refreshClearableButtonStyles(): void;
-        "__#25@#initClearableButton"(): HTMLElement;
+        "__#19@#initClearableButton"(): HTMLElement;
         appendClearableButton(): void;
         removeClearableButton(): void;
         clear(): void;
@@ -2179,6 +2185,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -2522,6 +2529,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -2893,6 +2901,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -3227,7 +3236,7 @@ declare const Base: {
         removeMessage(settings: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage): void;
         removeAllValidationMessages(): void;
         setMessageManually(): void;
-        "__#12@#setValidationMessagesCountAttr"(): void;
+        "__#13@#setValidationMessagesCountAttr"(): void;
         handleValidationEvents(option?: string): void;
         destroyValidation(): void;
         rules: any;
@@ -3266,6 +3275,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -3623,6 +3633,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -3979,6 +3990,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -4326,11 +4338,6 @@ declare const Base: {
         "__#3@#removeKeyboardFocusListener"(): void;
         "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        /**
-         * Handle autoselect
-         * @private
-         * @returns {void}
-         */
         "__#3@#clearSlopedMouseLeaveTimer"(): void;
         "__#3@#removeSlopedMouseLeaveListener"(): void;
         "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
@@ -4357,6 +4364,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -4918,6 +4926,18 @@ export default class IdsInput extends Base {
      */
     set cursor(value: string);
     get cursor(): string;
+    /**
+     * Sets the max width when typing
+     * @param {number | string | null} n The max length to use
+     */
+    set maxlength(n: number | string | null);
+    get maxlength(): number;
+    /**
+     * Sets the text to all upper case
+     * @param {number | string} n If true use upper case
+     */
+    set uppercase(n: boolean | string);
+    get uppercase(): boolean;
     /**
      * Sets the no margins attribute
      * @param {boolean | string} n true or false or as a string
@@ -4930,6 +4950,11 @@ export default class IdsInput extends Base {
      */
     set padding(n: string | number);
     get padding(): string | number;
+    /**
+     * format attribute
+     * @returns {string|null} return date format
+     */
+    get format(): string | null;
     /**
      * Overrides the standard "blur" behavior to instead tell the inner HTMLInput element to blur.
      */
@@ -4938,15 +4963,5 @@ export default class IdsInput extends Base {
      * Overrides the standard "focus" behavior to instead pass focus to the inner HTMLInput element.
      */
     focus(): void;
-    /**
-     * Set a format to be used in the validation
-     * @param {string|null} val date, time format
-     */
-    set format(val: string | null);
-    /**
-     * format attribute
-     * @returns {string|null} return date format
-     */
-    get format(): string | null;
 }
 export {};

package/components/ids-input/ids-input.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-MSZGF2V7.js";import"../../chunks/ids-chunk-SANGBPYY.js";import"../../chunks/ids-chunk-WWN6C3DG.js";import"../../chunks/ids-chunk-OAOSLNJT.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-YZHR5JP2.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-JE4DL2PP.js";import"../../chunks/ids-chunk-P2D5GQOV.js";import"../../chunks/ids-chunk-IADGPFIU.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-UXOESE2B.js";import"../../chunks/ids-chunk-BQNSGN27.js";import"../../chunks/ids-chunk-TPLRKVBR.js";import"../../chunks/ids-chunk-CA7WSO53.js";import"../../chunks/ids-chunk-VCTVRNBS.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-FY732MLA.js";import"../../chunks/ids-chunk-ILL3AE5R.js";import"../../chunks/ids-chunk-VBGN2CRQ.js";import"../../chunks/ids-chunk-RTUKNVUC.js";import"../../chunks/ids-chunk-4Y4BRYZL.js";import"../../chunks/ids-chunk-6XCOPQLH.js";import"../../chunks/ids-chunk-N6J46CDW.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../chunks/ids-chunk-F3RQ5V7T.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-OI3V5ZMR.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-56YQVDRY.js";import"../../chunks/ids-chunk-A6JFZG7O.js";import"../../chunks/ids-chunk-J377KX6R.js";import"../../chunks/ids-chunk-E4VRTFNA.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-YG2GGPUF.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-3VMFQMM4.js";import"../../chunks/ids-chunk-QRLAPANT.js";import"../../chunks/ids-chunk-O6RSWMYI.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-ODSUO7BM.js";import"../../chunks/ids-chunk-QCRLDB3I.js";import"../../chunks/ids-chunk-542APW5J.js";import"../../chunks/ids-chunk-7OME6RME.js";import"../../chunks/ids-chunk-SUZ4YNUA.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-layout-flex/ids-layout-flex-item.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-KSFNE7CV.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as FLEX_ITEM_OPTIONS,b as default};
+import{a,b}from"../../chunks/ids-chunk-FIWDJDBN.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as FLEX_ITEM_OPTIONS,b as default};

package/components/ids-layout-flex/ids-layout-flex.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-VZYWIHMU.js";import"../../chunks/ids-chunk-KSFNE7CV.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as FLEX_OPTIONS,b as default};
+import{a,b}from"../../chunks/ids-chunk-O5K7VBSR.js";import"../../chunks/ids-chunk-FIWDJDBN.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as FLEX_OPTIONS,b as default};

package/components/ids-layout-grid/ids-layout-grid-cell.d.ts

@@ -60,6 +60,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-layout-grid/ids-layout-grid-cell.js

@@ -1,4 +1,4 @@
-import{a as r,c as h,f as n,i as S}from"../../chunks/ids-chunk-A76DDHWI.js";import{a as g}from"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as o,b as A}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as _}from"../../chunks/ids-chunk-GTV4PSEA.js";import{e as i}from"../../chunks/ids-chunk-VGRUIA4C.js";import{a as e}from"../../chunks/ids-chunk-2NN3ZJ6Q.js";import{a as u}from"../../chunks/ids-chunk-U7OOVFXE.js";var b=`
+import{a as r,c as h,f as n,i as S}from"../../chunks/ids-chunk-26AMEGYJ.js";import{a as g}from"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as o,b as A}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as _}from"../../chunks/ids-chunk-7JIYCFAW.js";import{e as i}from"../../chunks/ids-chunk-TJKIW3GF.js";import{a as e}from"../../chunks/ids-chunk-HABPILOR.js";import{a as u}from"../../chunks/ids-chunk-U7OOVFXE.js";var b=`
 /* Ids Layout Grid Cell */
 :host(.editable),
 .editable {

package/components/ids-layout-grid/ids-layout-grid-common.d.ts

@@ -5,11 +5,13 @@ export type IdsGapType = undefined | 'none' | 'sm' | 'md' | 'lg' | 'xl';
 export type IdsJustifyType = undefined | 'space-around' | 'space-between' | 'center' | 'end' | 'space-evenly' | 'start';
 export type IdsFlowType = undefined | 'row' | 'column' | 'dense' | 'row-dense' | 'column-dense';
 export type IdsGridAlignItems = 'start' | 'end' | 'center' | 'stretch';
-export type IdsGridMargins = undefined | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IdsGridMargins = undefined | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
 export type IdsGridPadding = undefined | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IdsMaxWidth = undefined | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
 export declare const GAP_TYPES: Array<IdsGapType>;
 export declare const ALIGN_ITEMS: Array<IdsGridAlignItems>;
 export declare const ALIGN_TYPES: Array<IdsJustifyType>;
 export declare const FLOW_TYPES: Array<IdsFlowType>;
 export declare const MARGIN_SIZES: Array<IdsGridMargins>;
 export declare const PADDING_SIZES: Array<IdsGridPadding | any>;
+export declare const MAX_WIDTH_SIZES: Array<IdsMaxWidth | any>;

package/components/ids-layout-grid/ids-layout-grid-common.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h,i}from"../../chunks/ids-chunk-A76DDHWI.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{e as ALIGN_ITEMS,f as ALIGN_TYPES,g as FLOW_TYPES,d as GAP_TYPES,b as GRID_ATTRIBUTES,c as GRID_CELL_ATTRIBUTES,h as MARGIN_SIZES,i as PADDING_SIZES,a as prefix};
+import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/ids-chunk-26AMEGYJ.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{e as ALIGN_ITEMS,f as ALIGN_TYPES,g as FLOW_TYPES,d as GAP_TYPES,b as GRID_ATTRIBUTES,c as GRID_CELL_ATTRIBUTES,h as MARGIN_SIZES,j as MAX_WIDTH_SIZES,i as PADDING_SIZES,a as prefix};

package/components/ids-layout-grid/ids-layout-grid.d.ts

@@ -179,7 +179,7 @@ export default class IdsLayoutGrid extends IdsElement {
     get gap(): string | null;
     /**
      * Set the margin attribute
-     * @param {string | null} value The value of the margin [null, 'sm', 'md', 'lg', 'xl']
+     * @param {string | null} value The value of the margin [null, 'sm', 'md', 'lg', 'xl', 'auto']
      */
     set margin(value: string | null);
     /**
@@ -197,6 +197,16 @@ export default class IdsLayoutGrid extends IdsElement {
      * @returns {string | null} The number value that represents the margin of the grid
      */
     get marginY(): string | null;
+    /**
+     * Set the maxWidth attribute
+     * @param {string | null} value The value of the max-width [null, 'xs', 'sm', 'md', 'lg', 'xl', 'xxl', '###px']
+     */
+    set maxWidth(value: string | null);
+    /**
+     * Get the maxWidth attribute
+     * @returns {string | null} The value that represents the maxWidth of the grid
+     */
+    get maxWidth(): string | null;
     /**
      * Set the padding attribute
      * @param {string | null} value The value of the padding attribute
@@ -247,6 +257,66 @@ export default class IdsLayoutGrid extends IdsElement {
      * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
      */
     get flow(): string | null;
+    /**
+     * Set the flow-xs attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowXs(value: string | null);
+    /**
+     * Get the flow-xs attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowXs(): string | null;
+    /**
+     * Set the flow-sm attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowSm(value: string | null);
+    /**
+     * Get the flow-sm attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowSm(): string | null;
+    /**
+     * Set the flow-md attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowMd(value: string | null);
+    /**
+     * Get the flow-md attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowMd(): string | null;
+    /**
+     * Set the flow-lg attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowLg(value: string | null);
+    /**
+     * Get the flow-lg attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowLg(): string | null;
+    /**
+     * Set the flow-xl attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowXl(value: string | null);
+    /**
+     * Get the flow-xl attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowXl(): string | null;
+    /**
+     * Set the flow-xxl attribute of the grid
+     * @param { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    set flowXxl(value: string | null);
+    /**
+     * Get the flow-xxl attribute
+     * @returns { string | null } value Flow [undefined, row, column, dense, row-dense, column-dense]
+     */
+    get flowXxl(): string | null;
     /**
      * Set the row attribute
      * @param { string | null } value The amount of rows in the grid

package/components/ids-layout-grid/ids-layout-grid.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-QXHTM37J.js";import"../../chunks/ids-chunk-A76DDHWI.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-FGFRV5FR.js";import"../../chunks/ids-chunk-26AMEGYJ.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

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

@@ -13,9 +13,9 @@
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
   padding-inline-end: 8px;
   padding-block-start: 2px;
@@ -24,8 +24,8 @@
 }
 .chart-legend a:focus {
   outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
 }
 .chart-legend .swatch {
   display: inline-flex;
@@ -127,19 +127,18 @@
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -150,20 +149,20 @@
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -174,7 +173,7 @@
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -198,23 +197,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -229,7 +228,7 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .ids-axis-chart .markers circle {
-  stroke-width: var(--ids-spacing-lg);
+  stroke-width: var(--ids-space-40);
   stroke: transparent;
 }
 .ids-axis-chart .markers circle.color-1 {
@@ -297,7 +296,7 @@ ids-empty-message:not([hidden])[hidden],
 }
 .ids-axis-chart .marker-lines {
   fill: none;
-  stroke-width: var(--ids-spacing-sm);
+  stroke-width: var(--ids-space-20);
 }
 .ids-axis-chart .marker-lines .data-line.color-1 {
   stroke: var(--ids-chart-color-1);

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-L7UQRKY2.js";import"../../chunks/ids-chunk-SUVBHASO.js";import"../../chunks/ids-chunk-GD7I4Q2L.js";import"../../chunks/ids-chunk-3PABHGXP.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-SDY66MPI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-JMCJ3SGL.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../chunks/ids-chunk-F3RQ5V7T.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-OI3V5ZMR.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-GA3B7NQH.js";import"../../chunks/ids-chunk-X5346J2B.js";import"../../chunks/ids-chunk-O7EMEZFO.js";import"../../chunks/ids-chunk-AVNBEYP6.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-I2TYEGWJ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IZZJC2EB.js";import"../../chunks/ids-chunk-ZIGY2P3N.js";import"../../chunks/ids-chunk-BWPOZP66.js";import"../../chunks/ids-chunk-T2TIUOXF.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-list-box/ids-list-box-option.d.ts

@@ -33,6 +33,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -406,6 +407,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-list-box/ids-list-box-option.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-IADGPFIU.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-O6RSWMYI.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-list-box/ids-list-box.css

@@ -1,9 +1,9 @@
 /* Ids List Box Component */
 :root {
-  color: var(--ids-dropdown-text-color);
+  color: var(--ids-dropdown-color-text-default);
   cursor: var(--ids-cursor-pointer);
   display: block;
-  font-family: var(--ids-font-family);
+  font-family: var(--ids-font-family-default);
   font-size: 16px;
   line-height: 36px;
   outline: none;
@@ -11,7 +11,7 @@
   padding: 0;
   text-indent: 8px;
   user-select: none;
-  min-width: calc(var(--ids-input-width-xs) - 2px);
+  min-width: calc(var(--ids-input-width-10) - 2px);
   max-width: 298px;
   text-transform: capitalize;
   text-overflow: ellipsis;
@@ -24,12 +24,12 @@
 }
 :host(.multiselect-option) ::slotted(ids-icon) {
   margin: 0;
-  margin-inline-start: var(--ids-dropdown-text-indent);
+  margin-inline-start: var(--ids-dropdown-space-text);
 }
 
 :host(.is-selected:not(.multiselect-option)) {
-  background-color: var(--ids-dropdown-selected-background-color);
-  color: var(--ids-dropdown-selected-text-color);
+  background-color: var(--ids-dropdown-color-background-selected);
+  color: var(--ids-dropdown-color-text-selected);
 }
 
 :host(:hover:not(.is-selected):not([group-label]):not(.multiselect-option)),
@@ -37,16 +37,16 @@
 :host(.multiselect-option:focus),
 :host(.multiselect-option.is-selected),
 :host(.multiselect-option:hover) {
-  background-color: var(--ids-dropdown-hover-background-color);
+  background-color: var(--ids-dropdown-color-background-hover);
 }
 
 ::slotted(ids-icon) {
   vertical-align: middle;
-  margin: 0 var(--ids-dropdown-text-indent) 2px 0;
+  margin: 0 var(--ids-dropdown-space-text) 2px 0;
 }
 
 ::slotted(ids-icon[dir=rtl]) {
-  margin: 0 0 2px var(--ids-dropdown-text-indent);
+  margin: 0 0 2px var(--ids-dropdown-space-text);
 }
 
 ::slotted(ids-check-box) {
@@ -59,12 +59,12 @@
 
 :host([group-label]) {
   cursor: var(--ids-cursor-default);
-  color: var(--ids-dropdown-group-text-color);
-  font-weight: var(--ids-font-weight-semi-bold);
+  color: var(--ids-dropdown-group-color-text);
+  font-weight: var(--ids-font-weight-semibold);
 }
 
 :host([group-label]:not(:first-child)),
 :host(.multiselect-border) {
-  border-top: 1px solid var(--ids-dropdown-group-border-color);
+  border-top: 1px solid var(--ids-dropdown-group-color-border);
   margin-top: var(--ids-dropdown-group-padding);
 }