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

package/components/ids-tabs/ids-tab.d.ts

@@ -359,7 +359,7 @@ declare const Base: {
         connectedCallback(): void;
         orientations: string[];
         orientation: string | null;
-        "__#28@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
+        "__#29@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
         onOrientationRefresh?(): void;
         name?: string | undefined;
         state: any;
@@ -720,6 +720,7 @@ declare const Base: {
         "__#12@#removeIsFocusedCssClass"(): void;
         get hideFocus(): boolean;
         set hideFocus(value: string | boolean | null);
+        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;
@@ -1089,9 +1090,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;
-        /**
-         * @param {boolean} isDismissible true if this Tab should contain an "X" icon used for dismissal
-         */
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-FD5OGASY.js";import"../../chunks/ids-chunk-T45TRIMD.js";import"../../chunks/ids-chunk-IUVWKE3X.js";import"../../chunks/ids-chunk-XKY7GB2B.js";import"../../chunks/ids-chunk-HXA5LW64.js";import"../../chunks/ids-chunk-2EIIZF2N.js";import"../../chunks/ids-chunk-4MO5P7YP.js";import"../../chunks/ids-chunk-2HSKMXJV.js";import"../../chunks/ids-chunk-OPOTJ7IF.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-IFNEWXJJ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-ZVJREVVB.js";import"../../chunks/ids-chunk-IMOHGYZL.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-YU2NMYIB.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.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-tabs/ids-tabs-context.d.ts

@@ -7,7 +7,7 @@ declare const Base: {
         connectedCallback(): void;
         orientations: string[];
         orientation: string | null;
-        "__#28@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
+        "__#29@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
         onOrientationRefresh?(): void;
         name?: string | undefined;
         state: any;
@@ -373,6 +373,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;
@@ -735,7 +736,7 @@ declare const Base: {
         blur(): void;
         focus(options?: FocusOptions | undefined): void;
     };
-    readonly attributes: any[];
+    readonly attributes: any[]; /** @param {string} value The value representing a currently selected tab */
 } & typeof IdsElement;
 /**
  * IDS Tabs Context Component

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-O3IEFP66.js";import"../../chunks/ids-chunk-T45TRIMD.js";import"../../chunks/ids-chunk-OFT5ZNIE.js";import"../../chunks/ids-chunk-WBDXDLKP.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-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-F44V3NWU.js";import"../../chunks/ids-chunk-LOJHWVD7.js";import"../../chunks/ids-chunk-IMOHGYZL.js";import"../../chunks/ids-chunk-WBDXDLKP.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-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-tabs/ids-tabs.css

@@ -1,15 +1,345 @@
-:host([auto-fit]) {
-  height: 100%;
+:host(:not([hidden])) {
+  display: block;
+}
+
+:host([count]) ::slotted(ids-trigger-button) {
+  padding-inline-start: 8px;
+}
+
+:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):first-child),
+:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):first-child),
+.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:first-child {
+  margin-inline-start: 4px;
+}
+
+:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):last-child),
+:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):last-child),
+.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:last-child {
+  margin-inline-end: 4px;
+}
+
+:host(ids-tab:not([orientation=vertical]):not([color-variant=module]):not(:last-child)),
+:host(ids-tab-more:not([orientation=vertical]):not([color-variant=module]):not(:last-child)),
+.ids-tabs-container:not(.orientation-vertical):not(.color-variant-module) [class*=ids-tab]:not(:last-child) {
+  margin-inline-end: 8px;
 }
 
-:host([auto-fit]) ::slotted(.ids-tabs-content) {
+:host(ids-tab:focus-visible),
+:host(ids-tab-more:focus-visible),
+.ids-tab-container [class*=ids-tab]:focus-visible {
+  outline: none;
+}
+
+.ids-tab {
+  display: flex;
+  position: relative;
+  color: var(--ids-tab-color-text-default);
+  box-sizing: border-box;
   height: 100%;
+  padding-inline: 4px;
+  padding-block: 8px;
+  list-style: none outside none;
+  user-select: none;
+  cursor: pointer;
+}
+.ids-tab:hover {
+  color: var(--ids-tab-color-text-hover);
+  background-color: var(--ids-tab-color-background-hover);
+}
+.ids-tab:hover::after, .ids-tab:hover .selection-underline {
+  background-color: var(--ids-tab-color-text-hover);
+}
+.ids-tab.disabled {
+  cursor: default;
+  color: var(--ids-tab-color-text-disabled);
+  pointer-events: none;
+}
+.ids-tab.selected {
+  color: var(--ids-tab-color-text-selected);
+  cursor: default;
+}
+.ids-tab.selected.ids-text {
+  font-weight: 700;
+}
+.ids-tab.selected::after, .ids-tab.selected .selection-underline {
+  background-color: var(--ids-tab-color-text-selected);
+}
+.ids-tab.actionable {
+  cursor: pointer;
+}
+.ids-tab.count {
+  padding-inline: 12px;
+}
+.ids-tab.count .ids-tab-count-container {
+  display: flex;
+  flex-direction: column;
+}
+.ids-tab:focus-visible {
+  outline: none;
+}
+.ids-tab .ids-tab-trigger-container {
+  display: flex;
+  place-content: center;
+}
+.ids-tab.orientation-horizontal:not(.count) {
+  padding-top: 8px;
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module) {
+  border-bottom: 1px solid transparent;
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module):focus-visible {
+  outline: none;
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module):focus-visible:not(.hide-focus)::before {
+  border: 1px solid;
+  position: absolute;
+  inset-block-start: 0px;
+  inset-inline-start: -1px;
+  width: calc(100% - 0px);
+  height: calc(100% - 2px);
+  content: "";
+  pointer-events: none;
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module).selected, .ids-tab.orientation-horizontal:not(.color-variant-module):hover {
+  border-bottom: 1px solid transparent;
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module).selected::after, .ids-tab.orientation-horizontal:not(.color-variant-module).selected .selection-underline, .ids-tab.orientation-horizontal:not(.color-variant-module):hover::after, .ids-tab.orientation-horizontal:not(.color-variant-module):hover .selection-underline {
+  position: absolute;
+  height: 3px;
+  inset-block-end: 0;
+  inset-inline: 0;
+  z-index: 1;
+  pointer-events: none;
+  content: "";
+}
+.ids-tab.orientation-horizontal:not(.color-variant-module).disabled::after, .ids-tab.orientation-horizontal:not(.color-variant-module).disabled .selection-underline {
+  display: none;
+}
+.ids-tab ids-text::part(text),
+.ids-tab .ids-tab.ids-text {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+}
+.ids-tab:not(.orientation-vertical) ids-text::part(text)::after,
+.ids-tab:not(.orientation-vertical) .ids-tab.ids-text::after {
+  content: attr(data-text);
+  content: attr(data-text)/"";
+  font-weight: 700;
+  visibility: hidden;
+  height: 0;
+  user-select: none;
+  pointer-events: none;
+}
+@media speech {
+  .ids-tab:not(.orientation-vertical) ids-text::part(text)::after,
+  .ids-tab:not(.orientation-vertical) .ids-tab.ids-text::after {
+    display: none;
+  }
+}
+.ids-tab.swappable {
+  padding-inline-start: 8px;
+  padding-inline-end: 6px;
 }
 
-.orientation-vertical {
+.ids-tab.orientation-vertical {
+  padding-inline: 24px;
   display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 42px;
+  background-color: var(--ids-tab-vertical-color-background-default);
+  color: var(--ids-tab-vertical-color-text-default);
+}
+.ids-tab.orientation-vertical:hover {
+  background-color: var(--ids-tab-vertical-color-background-hover);
+  color: var(--ids-tab-vertical-color-text-hover);
+}
+.ids-tab.orientation-vertical.disabled {
+  background-color: var(--ids-tab-vertical-color-background-disabled);
+  color: var(--ids-tab-vertical-color-text-disabled);
+}
+.ids-tab.orientation-vertical:focus-visible {
+  outline: none;
+}
+.ids-tab.orientation-vertical:focus-visible:not(.hide-focus)::before {
+  border: 1px solid;
+  position: absolute;
+  inset-block-start: 1px;
+  inset-inline-start: 1px;
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  content: "";
+  pointer-events: none;
+}
+.ids-tab.orientation-vertical.selected {
+  border-style: none;
+  background-color: var(--ids-tab-vertical-color-background-selected);
+  color: var(--ids-tab-vertical-color-text-selected);
+}
+.ids-tab.orientation-vertical.selected:focus-visible:not(.hide-focus)::after, .ids-tab.orientation-vertical.selected:focus-visible:not(.hide-focus) .selection-underline {
+  background-color: var(--ids-tab-vertical-color-border-selected);
 }
 
-.auto-fit {
-  height: 100%;
+:host(ids-tab[color-variant=module]:not(:last-child)),
+.ids-tabs-container.color-variant-module .ids-tab:not(:last-child) {
+  border-inline-end: 1px solid var(--ids-tab-module-color-border-right);
+}
+
+:host(ids-tab[color-variant=module]:not([orientation=vertical]):not([actionable])),
+:host(ids-tab-more[color-variant=module]:not([orientation=vertical]):not([actionable])),
+.ids-tab-container.color-variant-module:not(.orientation-vertical):not(.actionable) [class*=ids-tab] {
+  flex-grow: 1;
+}
+
+.ids-tab.color-variant-module {
+  outline: none;
+  border-bottom-width: 1px;
+  background-color: var(--ids-tab-module-color-background-default);
+  color: var(--ids-tab-module-color-text-default);
+  justify-content: center;
+  border-color: transparent;
+}
+.ids-tab.color-variant-module:hover {
+  color: var(--ids-tab-module-color-text-hover);
+  background-color: var(--ids-tab-module-color-background-hover);
+}
+.ids-tab.color-variant-module.selected {
+  background-color: var(--ids-tab-module-color-background-selected);
+  color: var(--ids-tab-module-color-text-selected);
+}
+.ids-tab.color-variant-module:focus-visible {
+  outline: none;
+}
+.ids-tab.color-variant-module:focus-visible:not(.hide-focus)::before {
+  border: 1px solid;
+  position: absolute;
+  inset-block-start: 1px;
+  inset-inline-start: 1px;
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  content: "";
+  pointer-events: none;
+}
+.ids-tab.color-variant-module.disabled {
+  background-color: var(--ids-tab-module-color-background-disabled);
+  color: var(--ids-tab-module-color-text-disabled);
+}
+.ids-tab.color-variant-module > ids-text,
+.ids-tab.color-variant-module > .ids-text {
+  text-align: center;
+}
+.ids-tab.color-variant-module:not(.actionable) {
+  min-width: 135px;
+}
+.ids-tab.color-variant-module.actionable {
+  min-width: 44px;
+}
+.ids-tab.color-variant-module.dismissible {
+  justify-content: space-around;
+}
+.ids-tab.color-variant-module.dismissible > ids-text,
+.ids-tab.color-variant-module.dismissible > .ids-text {
+  flex-grow: 1;
+}
+.ids-tab.color-variant-module.dismissible ::slotted(ids-trigger-button),
+.ids-tab.color-variant-module.dismissible > .ids-trigger-button,
+.ids-tab.color-variant-module.dismissible > ids-trigger-button {
+  flex-grow: 0;
+  flex-shrink: 1;
+  visibility: hidden;
+}
+.ids-tab.color-variant-module.dismissible:hover ::slotted(ids-trigger-button),
+.ids-tab.color-variant-module.dismissible:hover > .ids-trigger-button,
+.ids-tab.color-variant-module.dismissible:hover > ids-trigger-button {
+  visibility: visible;
+}
+
+.ids-tab.color-variant-alternate {
+  color: var(--ids-tab-alternate-color-text-default);
+}
+.ids-tab.color-variant-alternate:hover {
+  color: var(--ids-tab-alternate-color-text-hover);
+}
+.ids-tab.color-variant-alternate:hover::after {
+  background-color: var(--ids-tab-alternate-color-background-hover);
+}
+.ids-tab.color-variant-alternate.selected {
+  color: var(--ids-tab-alternate-color-text-selected);
+}
+.ids-tab.color-variant-alternate.selected::after, .ids-tab.color-variant-alternate.selected .selection-underline {
+  background-color: var(--ids-tab-alternate-horizontal-color-background);
+}
+.ids-tab.color-variant-alternate.disabled {
+  color: var(--ids-tab-alternate-color-text-disabled);
+}
+.ids-tab.color-variant-alternate.disabled.selected {
+  color: var(--ids-tab-alternate-color-text-disabled);
+}
+.ids-tab.color-variant-alternate.disabled.selected::after, .ids-tab.color-variant-alternate.disabled.selected .selection-underline {
+  background-color: var(--ids-tab-alternate-color-text-disabled);
+}
+.ids-tab.color-variant-alternate:not(.hide-focus):focus-visible, .ids-tab.color-variant-alternate:not(.hide-focus):focus, .ids-tab.color-variant-alternate:not(.hide-focus):focus-within {
+  border-color: var(--ids-tab-alternate-color-border-focus);
+}
+
+.ids-tab.color-variant-header {
+  color: var(--ids-tab-header-color-text-default);
+}
+.ids-tab.color-variant-header:hover {
+  background-color: var(--ids-tab-header-color-background-hover);
+  color: var(--ids-tab-header-color-text-hover);
+}
+.ids-tab.color-variant-header.selected {
+  color: var(--ids-tab-header-color-text-selected);
+}
+.ids-tab.color-variant-header.selected::after, .ids-tab.color-variant-header.selected .selection-underline {
+  background-color: var(--ids-tab-header-color-text-selected);
+}
+.ids-tab.color-variant-header.disabled {
+  color: var(--ids-tab-header-color-text-disabled);
+}
+.ids-tab.color-variant-header:not(.hide-focus):focus-visible, .ids-tab.color-variant-header:not(.hide-focus):focus, .ids-tab.color-variant-header:not(.hide-focus):focus-within {
+  border-color: var(--ids-tab-header-color-border-focus);
+}
+
+.tab-more-text {
+  display: inline-flex;
+  align-items: center;
+}
+.tab-more-text > *:not(.last-child) {
+  padding-inline-end: 4px;
+}
+.tab-more-text ids-text,
+.tab-more-text .ids-text {
+  display: inline-block;
+}
+
+ids-popup-menu,
+.ids-popup-menu {
+  position: absolute;
+  width: 100%;
+}
+
+.ids-tab:not(.more) ::slotted(ids-icon) {
+  color: currentColor;
+  pointer-events: none;
+}
+
+::slotted(ids-trigger-button) {
+  align-items: center;
+  color: currentColor;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  margin-inline-end: var(--ids-tab-dismiss-button-offset);
+  place-self: center;
+}
+
+::slotted(.ids-tab-more-menu-item-text) {
+  display: inline-block;
+  margin-inline-start: 4px;
 }

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

@@ -11,7 +11,7 @@ declare const Base: {
         connectedCallback(): void;
         orientations: string[];
         orientation: string | null;
-        "__#28@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
+        "__#29@#refreshOrientation"(oldVariantName: string | null, newVariantName: string | null): void;
         onOrientationRefresh?(): void;
         name?: string | undefined;
         state: any;
@@ -724,6 +724,7 @@ declare const Base: {
         unpress(key: string): boolean | undefined;
         dispatchHotkeys(e: KeyboardEvent): void;
         detachAllListeners(): void;
+        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;
@@ -1094,6 +1095,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;
@@ -1522,6 +1524,12 @@ export default class IdsTabs extends Base {
      * @returns {boolean} true if this tab list contains a tab with the provided value
      */
     hasTab(value: string): boolean;
+    /**
+     * Check if a tab is disable by value
+     * @param {string} value the tab value to scan
+     * @returns {boolean} true if this tab is disabled
+     */
+    isTabDisabled(value: string): boolean;
     /**
      * Navigates from a specified Tab to the next-available Tab in the list
      * @param {HTMLElement} currentTab an contained element (usually an IdsTab) to check for siblings

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-AS3TPHM7.js";import"../../chunks/ids-chunk-7YDCB5QS.js";import"../../chunks/ids-chunk-Z7XOVYVZ.js";import"../../chunks/ids-chunk-FD5OGASY.js";import"../../chunks/ids-chunk-O3IEFP66.js";import"../../chunks/ids-chunk-T45TRIMD.js";import"../../chunks/ids-chunk-OFT5ZNIE.js";import"../../chunks/ids-chunk-R6OXGY7H.js";import"../../chunks/ids-chunk-IUVWKE3X.js";import"../../chunks/ids-chunk-XKY7GB2B.js";import"../../chunks/ids-chunk-HXA5LW64.js";import"../../chunks/ids-chunk-2EIIZF2N.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-RLFU67F6.js";import"../../chunks/ids-chunk-Z3WYQHPE.js";import"../../chunks/ids-chunk-3OCB55IU.js";import"../../chunks/ids-chunk-KTHLZJSX.js";import"../../chunks/ids-chunk-O4ZJEHEO.js";import"../../chunks/ids-chunk-VA2FZ2XK.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-FYG64AZR.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-6WLH3QI5.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-JIIECYJR.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-4MO5P7YP.js";import"../../chunks/ids-chunk-2HSKMXJV.js";import"../../chunks/ids-chunk-OPOTJ7IF.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-IFNEWXJJ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-AJ3HV5IZ.js";import"../../chunks/ids-chunk-IIVOZOAH.js";import"../../chunks/ids-chunk-QARE5DEF.js";import"../../chunks/ids-chunk-ZVJREVVB.js";import"../../chunks/ids-chunk-F44V3NWU.js";import"../../chunks/ids-chunk-LOJHWVD7.js";import"../../chunks/ids-chunk-IMOHGYZL.js";import"../../chunks/ids-chunk-TAWX7YPP.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-YU2NMYIB.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.js";import"../../chunks/ids-chunk-WSWYP77N.js";import"../../chunks/ids-chunk-W72QU4RN.js";import"../../chunks/ids-chunk-GI3TFUDV.js";import"../../chunks/ids-chunk-QCMSIFKW.js";import"../../chunks/ids-chunk-MWY4NPUR.js";import"../../chunks/ids-chunk-FG5PX5YZ.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-SAJY5WFW.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-BFX5CSON.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-QT23ICRC.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-EQXBSRVZ.js";import"../../chunks/ids-chunk-H52JAL42.js";import"../../chunks/ids-chunk-WBDXDLKP.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-tag/ids-tag.d.ts

@@ -1,4 +1,5 @@
 import IdsElement from '../../core/ids-element';
+import { IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';
 declare const Base: {
     new (...args: any[]): {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
@@ -6,6 +7,7 @@ declare const Base: {
         locale: string;
         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;
@@ -20,6 +22,15 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            /**
+             * IDS Tag Component
+             * @type {IdsTag}
+             * @inherits IdsElement
+             * @mixes IdsEventsMixin
+             * @mixes IdsKeyboardMixin
+             * @part tag - the tag element
+             * @part icon - the icon element
+             */
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
@@ -370,9 +381,14 @@ declare const Base: {
         press(key: string): Map<any, any> | undefined;
         listen(keycode: string | string[], elem: any, callback: unknown): void;
         unlisten(key: string): boolean | undefined;
-        unpress(key: string): boolean | undefined;
+        unpress(key: string): boolean | undefined; /**
+         * Check if an icon exists if not add it
+         * @param {string} iconName The icon name to check
+         * @private
+         */
         dispatchHotkeys(e: KeyboardEvent): void;
         detachAllListeners(): void;
+        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;
@@ -385,6 +401,15 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            /**
+             * IDS Tag Component
+             * @type {IdsTag}
+             * @inherits IdsElement
+             * @mixes IdsEventsMixin
+             * @mixes IdsKeyboardMixin
+             * @part tag - the tag element
+             * @part icon - the icon element
+             */
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
@@ -743,6 +768,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;
@@ -767,6 +793,15 @@ declare const Base: {
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
         args?: {
+            /**
+             * IDS Tag Component
+             * @type {IdsTag}
+             * @inherits IdsElement
+             * @mixes IdsEventsMixin
+             * @mixes IdsKeyboardMixin
+             * @part tag - the tag element
+             * @part icon - the icon element
+             */
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
@@ -1135,11 +1170,11 @@ export default class IdsTag extends Base {
     template(): string;
     /**
      * Set the tag color
-     * @param {string|null} value The color to use between
-     * secondary (white), error, success, warning, caution, info or a hex code with the #
+     * @param {IdsColorValue} value The color to use between
+     * secondary (white), error, success, warning, caution, info or a hex code with the # at the start
      */
-    set color(value: string | null);
-    get color(): string | null;
+    set color(value: IdsColorValue | 'secondary');
+    get color(): IdsColorValue | 'secondary';
     /**
      * If set to true the tag has an x to dismiss
      * @param {boolean|string} value true of false depending if the tag is dismissed

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ZBPRJM6I.js";import"../../chunks/ids-chunk-OPOTJ7IF.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-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-GZ43FOUS.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-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-text/ids-text.css

@@ -67,7 +67,7 @@
 .ids-text.text-align-justify {
   text-align: justify;
 }
-.ids-text.status-base::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
+.ids-text.status-neutral::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
   display: inline-flex;
   margin-inline-end: var(--ids-input-margin-bottom);
   border-radius: var(--ids-border-radius-circle);
@@ -75,10 +75,10 @@
   height: 8px;
   width: 8px;
 }
-.ids-text.status-base {
+.ids-text.status-neutral {
   color: var(--ids-color-text-label);
 }
-.ids-text.status-base::before {
+.ids-text.status-neutral::before {
   background-color: var(--ids-color-text-label);
 }
 .ids-text.status-error {
@@ -141,6 +141,11 @@
   font-weight: var(--ids-font-weight-bold);
 }
 
+::slotted(ids-icon) {
+  margin: var(--ids-text-icon-margin);
+  vertical-align: text-bottom;
+}
+
 /* Ids Typography System */
 .ids-text-10 {
   font-size: var(--ids-font-size-10);

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

@@ -1,4 +1,5 @@
 import IdsElement from '../../core/ids-element';
+import { type IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';
 declare const fontWeightClasses: readonly ["bold", "semi-bold", "lighter"];
 type FontWeightClasses = typeof fontWeightClasses[number];
 declare const Base: {
@@ -360,6 +361,7 @@ declare const Base: {
         locale: string;
         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;
@@ -723,6 +725,7 @@ declare const Base: {
         showTooltip(): void;
         beforeTooltipShow(tooltip?: any): void;
         tooltip: 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;
@@ -1095,6 +1098,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;
@@ -1510,10 +1514,10 @@ export default class IdsText extends Base {
     /**
      * If set to "unset", color can be controlled by parent container
      * If set to "muted" will apply as disabled color
-     * @param {string | null} value  "unset" or undefined/null
+     * @param {IdsColorValue} value  "unset" or undefined/null
      */
-    set color(value: string | null);
-    get color(): string | null;
+    set color(value: IdsColorValue | 'unset' | 'muted');
+    get color(): IdsColorValue | 'unset' | 'muted';
     /**
      * Set audible as screen reader only text
      * @param {boolean | string} value The audible value