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

package/components/ids-draggable/ids-draggable.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-SIAA33LV.js";import"../../chunks/ids-chunk-I2SLSNHQ.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-QCNUZQL2.js";import"../../chunks/ids-chunk-I2SLSNHQ.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RW2HYK23.js";import"../../chunks/ids-chunk-LPBCDH72.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AVJBDNMO.js";import"../../chunks/ids-chunk-DLJMMPZB.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -4,7 +4,7 @@ declare const Base: {
         disconnectedCallback(): void;
         hasOpenEvents: boolean;
         popupOpenEventsTarget: import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
-        "__#19@#currentPopupOpenEventsTarget": import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
+        "__#6@#currentPopupOpenEventsTarget": import("../ids-popup/ids-popup-attributes").IdsPopupElementRef;
         addOpenEvents(): void;
         removeOpenEvents(): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
@@ -15,7 +15,7 @@ declare const Base: {
         handledEvents: Map<any, any>;
         onOutsideClick?(e: Event): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -24,6 +24,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;
@@ -363,7 +364,8 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
         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;
@@ -373,7 +375,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;
@@ -381,6 +383,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;
@@ -754,7 +757,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;
@@ -763,6 +766,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-drawer/ids-drawer.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-LS23CGBA.js";import"../../chunks/ids-chunk-5U5L5TSC.js";import"../../chunks/ids-chunk-J6DDVFGW.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-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-TNAAC6QO.js";import"../../chunks/ids-chunk-5U5L5TSC.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-D2KOMV4A.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RW2HYK23.js";import"../../chunks/ids-chunk-LPBCDH72.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AVJBDNMO.js";import"../../chunks/ids-chunk-DLJMMPZB.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts

@@ -52,7 +52,7 @@ declare const IdsDropdownAttributeMixin: <T extends Constraints>(superclass: T)
         onSizeChange?(newValue: string): void;
         onShowListItemIcon?(newValue: boolean): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -60,6 +60,7 @@ declare const IdsDropdownAttributeMixin: <T extends Constraints>(superclass: T)
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;

package/components/ids-dropdown/ids-dropdown-attributes-mixin.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ZUOGZ6BG.js";import"../../chunks/ids-chunk-NMFWT32Z.js";import"../../chunks/ids-chunk-N7EENVPY.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-GGP6EJQY.js";import"../../chunks/ids-chunk-ILEVGHPZ.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-dropdown/ids-dropdown-common.d.ts

@@ -4,6 +4,7 @@ export type IdsDropdownOption = {
     value: string;
     icon?: string;
     groupLabel?: boolean;
+    tooltip?: string;
     selected?: boolean;
     index?: number;
 };

package/components/ids-dropdown/ids-dropdown-common.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-NMFWT32Z.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as IdsDropdownColorVariants,a as IdsDropdownCommonAttributes};
+import{a,b}from"../../chunks/ids-chunk-ILEVGHPZ.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{b as IdsDropdownColorVariants,a as IdsDropdownCommonAttributes};

package/components/ids-dropdown/ids-dropdown-list.d.ts

@@ -1,4 +1,4 @@
-import IdsPickerPopup from '../ids-picker-popup/ids-picker-popup';
+import IdsPickerPopup from '../ids-popup/ids-picker-popup';
 import type IdsDropdown from './ids-dropdown';
 import type IdsListBox from '../ids-list-box/ids-list-box';
 import type IdsListBoxOption from '../ids-list-box/ids-list-box-option';
@@ -19,7 +19,7 @@ declare const Base: {
         onSizeChange?(newValue: string): void;
         onShowListItemIcon?(newValue: boolean): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -27,6 +27,7 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -364,12 +365,19 @@ declare const Base: {
 } & {
     new (...args: any[]): {
         connectedCallback(): void;
+        /**
+         * IDS Dropdown List Component
+         * @type {IdsDropdownList}
+         * @inherits IdsPickerPopup
+         * @mixes IdsLocaleMixin
+         * @part dropdown-list - the dropdown list element
+         */
         colorVariants: string[];
         colorVariant: string | null;
         "__#4@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -377,6 +385,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;
@@ -717,7 +726,8 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
         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;
@@ -727,7 +737,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;
@@ -735,6 +745,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;
@@ -1080,7 +1091,7 @@ declare const Base: {
         "__#42@#doFieldHeightChange"(fieldHeight: string): void;
         onFieldHeightChange?(fieldHeight: string): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1088,6 +1099,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;
@@ -1444,7 +1456,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1453,6 +1465,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;
@@ -1796,6 +1809,7 @@ declare const Base: {
  * @part dropdown-list - the dropdown list element
  */
 export default class IdsDropdownList extends Base {
+    #private;
     isMultiSelect?: boolean;
     listBox?: IdsListBox | null;
     lastHovered: IdsListBoxOption | null;

package/components/ids-dropdown/ids-dropdown-list.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-U7THI6NS.js";import"../../chunks/ids-chunk-D7UBFM7J.js";import"../../chunks/ids-chunk-ZUOGZ6BG.js";import"../../chunks/ids-chunk-NMFWT32Z.js";import"../../chunks/ids-chunk-W6RCLQGO.js";import"../../chunks/ids-chunk-6TEY67DT.js";import"../../chunks/ids-chunk-CTBJTJZA.js";import"../../chunks/ids-chunk-QB6TDVBM.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-N7EENVPY.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-SEOWW2E7.js";import"../../chunks/ids-chunk-3CDEVC5W.js";import"../../chunks/ids-chunk-GGP6EJQY.js";import"../../chunks/ids-chunk-ILEVGHPZ.js";import"../../chunks/ids-chunk-SKASXVWN.js";import"../../chunks/ids-chunk-ACUJEOZI.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-WJOA4QOY.js";import"../../chunks/ids-chunk-TKEWQU35.js";import"../../chunks/ids-chunk-D2KOMV4A.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VPHXGWIQ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RW2HYK23.js";import"../../chunks/ids-chunk-LPBCDH72.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AVJBDNMO.js";import"../../chunks/ids-chunk-DLJMMPZB.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-ECJIHQ7J.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-dropdown/ids-dropdown.css

@@ -46,180 +46,35 @@
   color: var(--ids-color-success-30);
 }
 
-:root {
-  display: block;
-}
-:host .ids-dropdown {
-  display: inline-block;
-  max-width: 100%;
-}
-
-ids-trigger-field[readonly-background]:not([disabled])::part(input) {
-  cursor: var(--ids-cursor-pointer);
-}
-
-.ids-dropdown {
-  display: block;
-  position: relative;
-}
-.ids-dropdown ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-dropdown.full {
-  display: block;
-}
-.ids-dropdown.full ids-trigger-field,
-.ids-dropdown.full .ids-trigger-field {
-  display: block;
-}
-
-.trigger-icon {
-  color: var(--ids-dropdown-color-icon);
-  margin: 0 0 0 var(--ids-dropdown-space-text);
-  position: relative;
-  top: 2px;
-}
-
-:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
-  background-color: var(--ids-dropdown-typeahead-color-background);
-}
-
-:host([dir=rtl]) .trigger-icon {
-  margin: 0 var(--ids-dropdown-space-text) 0 0;
-}
-
-::slotted(.sub-group) {
-  border-top: 1px solid var(--ids-dropdown-separator-color-border);
-  padding-top: var(--ids-dropdown-separator-padding);
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
-  margin: 0;
-  border-radius: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
-  display: none;
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
-  margin: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
-  box-shadow: none !important;
-}
-.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 16px;
-  height: 50px;
-}
-.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 12px;
-  height: 40px;
-}
-.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 8px;
-  height: 35px;
-}
-.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 4px;
-  height: 30px;
-}
-
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
-  margin: 1px 0;
-}
-
-.ids-dropdown.color-variant-module-nav {
-  color: var(--ids-module-nav-search-input-text-color);
-  display: block;
-  margin-block-end: 0;
-}
-.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box) {
-  color: var(--ids-module-nav-search-input-text-color);
-}
-.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box-option) {
-  color: inherit;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(field-container) {
-  background-color: var(--ids-module-nav-input-bg-color);
-  border-radius: var(--ids-module-nav-common-border-radius);
-  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
-  box-shadow: none;
-  color: inherit;
-  overflow: hidden;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:hover::part(field-container) {
-  background-color: var(--ids-module-nav-input-hover-bg-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:active::part(field-container) {
-  background-color: var(--ids-module-nav-item-selected-bg-color);
-  border-color: var(--ids-module-nav-item-selected-text-color);
-  color: var(--ids-module-nav-item-selected-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:focus-within::part(field-container) {
-  background-color: var(--ids-module-nav-input-focus-bg-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input) {
-  background-color: transparent;
-  color: inherit;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
-  background-color: transparent;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input::placeholder) {
-  color: var(--ids-module-nav-search-input-placeholder-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input:active) {
-  color: var(--ids-module-nav-search-input-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-dropdown-list::part(dropdown-list) {
-  max-width: var(--ids-module-nav-expanded-size);
-  width: calc(var(--ids-module-nav-switcher-dropdown-width) + var(--ids-module-nav-switcher-button-gutter-size) + var(--ids-module-nav-switcher-button-size));
-}
-.ids-dropdown.color-variant-module-nav ids-list-box-option {
-  min-height: var(--ids-module-nav-item-height);
-}
-.ids-dropdown.color-variant-module-nav .fieldset {
-  display: contents;
-}
-.ids-dropdown.color-variant-module-nav .ids-input-field {
-  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
-}
-
-:host ids-dropdown-list {
+:host ids-popup {
   max-width: var(--ids-input-width-40);
 }
 
-:host([size=xs]) ids-dropdown-list {
+:host([size=xs]) ids-popup {
   max-width: var(--ids-input-width-10);
 }
 
-:host([size=sm]) ids-dropdown-list {
+:host([size=sm]) ids-popup {
   max-width: var(--ids-input-width-20);
 }
 
-:host([size=mm]) ids-dropdown-list {
+:host([size=mm]) ids-popup {
   max-width: var(--ids-input-width-30);
 }
 
-:host([size=md]) ids-dropdown-list {
+:host([size=md]) ids-popup {
   max-width: var(--ids-input-width-40);
 }
 
-:host([size=lg]) ids-dropdown-list {
+:host([size=lg]) ids-popup {
   max-width: var(--ids-input-width-50);
 }
 
-:host([size=full]) ids-dropdown-list {
+:host([size=full]) ids-popup {
   max-width: var(--ids-input-width-full);
 }
 
-:host ids-dropdown-list,
+:host ids-popup,
 :host([size=full]) {
-  width: var(--ids-input-width-full);
-}
-
-:host([list]:not([disabled])) {
-  cursor: var(--ids-cursor-pointer);
+  width: 100%;
 }