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

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

@@ -65,7 +65,7 @@ declare const IdsHeader_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -200,6 +200,7 @@ declare const IdsHeader_base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -270,6 +271,7 @@ declare const IdsHeader_base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -451,7 +453,7 @@ declare const IdsHeader_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -586,6 +588,7 @@ declare const IdsHeader_base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -656,6 +659,7 @@ declare const IdsHeader_base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-header/ids-header.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-Z3VAV26N.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-BY6VPROG.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-hidden/ids-hidden.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-3KMZVBYZ.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-2URPHWTT.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-hierarchy/ids-hierarchy-item.d.ts

@@ -54,7 +54,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -189,6 +189,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -259,6 +260,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -436,7 +438,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -571,6 +573,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -641,6 +644,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-hierarchy/ids-hierarchy-item.js

@@ -1,9 +1,9 @@
-import{a as C}from"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as w}from"../../chunks/ids-chunk-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import{a as x,b as I}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as T}from"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import{e as u}from"../../chunks/ids-chunk-5Q3WPKMB.js";import{a as e}from"../../chunks/ids-chunk-3Q46IU4X.js";import{a as g,b as o,c as v,d as n,e as E,g as a}from"../../chunks/ids-chunk-Y32WUP63.js";var A=`.ids-hierarchy-item {
+import{a as C}from"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as w}from"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import{a as E,b as I}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as T}from"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import{e as u}from"../../chunks/ids-chunk-5Q3WPKMB.js";import{a as e}from"../../chunks/ids-chunk-FAEI3K2L.js";import{a as x,b as o,c as g,d as n,e as v,g as a}from"../../chunks/ids-chunk-Y32WUP63.js";var A=`.ids-hierarchy-item {
   align-items: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
-  padding-inline-start: calc(var(--ids-space-40) * 12);
+  padding-inline-start: calc(var(--ids-space-xs) * 12);
 }
 @media all and (max-width: 600px) {
   .ids-hierarchy-item {
@@ -12,8 +12,8 @@ import{a as C}from"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-c
 }
 
 .leaf {
-  border: var(--ids-space-10) solid var(--ids-hierarchy-item-leaf-color-border);
-  margin-block-end: calc(var(--ids-space-40) * 4);
+  border: var(--ids-space-xxxxs) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-xs) * 4);
   box-shadow: var(--ids-hierarchy-item-leaf-shadow);
   border-radius: var(--ids-hierarchy-item-border-radius);
   position: relative;
@@ -37,7 +37,7 @@ import{a as C}from"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-c
   background-color: var(--ids-hierarchy-item-color-background);
   border-left: var(--ids-hierarchy-item-leaf-inside-border-left);
   box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
-  padding: var(--ids-space-40) calc(var(--ids-space-40) * 2);
+  padding: var(--ids-space-xs) calc(var(--ids-space-xs) * 2);
   position: relative;
   display: flex;
   z-index: 1;
@@ -50,7 +50,7 @@ import{a as C}from"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-c
   width: 55px;
   border: var(--ids-hierarchy-item-border-default);
   border-radius: 100%;
-  margin-inline-end: calc(var(--ids-space-40) * 2);
+  margin-inline-end: calc(var(--ids-space-xs) * 2);
   overflow: hidden;
 }
 .avatar ::slotted(img) {
@@ -88,10 +88,10 @@ div[part=actions] {
 }
 
 ids-button[part=icon-menu] {
-  margin-right: var(--ids-space-30);
+  margin-right: var(--ids-space-xxs);
 }
 ids-button[part=icon-menu] .ids-icon-button {
-  padding: var(--ids-space-30);
+  padding: var(--ids-space-xxs);
 }
 
 ids-button[part=icon-btn] {
@@ -99,7 +99,7 @@ ids-button[part=icon-btn] {
   cursor: pointer;
 }
 ids-button[part=icon-btn] .ids-icon-button {
-  padding: var(--ids-space-30);
+  padding: var(--ids-space-xxs);
 }
 
 :host([expanded]) ids-button[part=icon-btn] ids-icon {
@@ -143,11 +143,11 @@ ids-button[part=icon-btn] .ids-icon-button {
         </div>
         <div class="sub-level"><slot part="nested-items"></slot></div>
       </div>
-    `}set expanded(t){u(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=u(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),v(this,h)||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),E(this,h,i)}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){u(t)?this.setAttribute(e.ROOT_ITEM,"true"):this.removeAttribute(e.ROOT_ITEM)}get rootItem(){return this.getAttribute(e.ROOT_ITEM)}get color(){return this.getAttribute(e.COLOR)}set color(t){this.setAttribute(e.COLOR,String(t)),a(this,c,f).call(this)}set loadChildren(t){this.state.loadChildren=t}get loadChildren(){return this.state.loadChildren}set hasChildren(t){this.state.hasChildren=t,t&&this.container?.classList.add("has-nested-items")}get hasChildren(){return this.state.hasChildren}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let d=t.childNodes;for(let s of d)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}};h=new WeakMap,c=new WeakSet,f=function(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),d=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),d?.style.setProperty("border-color",t)},m=new WeakSet,y=function(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")},p=new WeakSet,D=function(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")},b=new WeakSet,L=function(){this.onEvent("click",this.expander,async()=>{if(this.loadChildren&&!this.expanded&&!this.childElements.attached){let t=await this.loadChildren();this.childElements=t.filter(s=>s.parentItem===this.getAttribute(e.ID)),this.childElements.length||this.container?.classList.remove("has-nested-items");let i=this.childElements.reduce((s,r)=>`${s}
+    `}set expanded(t){u(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=u(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),g(this,h)||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),v(this,h,i)}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){u(t)?this.setAttribute(e.ROOT_ITEM,"true"):this.removeAttribute(e.ROOT_ITEM)}get rootItem(){return this.getAttribute(e.ROOT_ITEM)}get color(){return this.getAttribute(e.COLOR)}set color(t){this.setAttribute(e.COLOR,String(t)),a(this,c,f).call(this)}set loadChildren(t){this.state.loadChildren=t}get loadChildren(){return this.state.loadChildren}set hasChildren(t){this.state.hasChildren=t,t&&this.container?.classList.add("has-nested-items")}get hasChildren(){return this.state.hasChildren}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let d=t.childNodes;for(let s of d)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}};h=new WeakMap,c=new WeakSet,f=function(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),d=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),d?.style.setProperty("border-color",t)},m=new WeakSet,y=function(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")},p=new WeakSet,D=function(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")},b=new WeakSet,L=function(){this.onEvent("click",this.expander,async()=>{if(this.loadChildren&&!this.expanded&&!this.childElements.attached){let t=await this.loadChildren();this.childElements=t.filter(s=>s.parentItem===this.getAttribute(e.ID)),this.childElements.length||this.container?.classList.remove("has-nested-items");let i=this.childElements.reduce((s,r)=>`${s}
             <ids-hierarchy-item id="${r.id}" color="${r.color}">
               ${r.picture?`<img id="headshot" alt="${r.id}" src="${r.picture}" slot="avatar" />`:""}
               <ids-text slot="heading">${r.name}</ids-text>
               <ids-text slot="subheading">${r.position}</ids-text>
               <ids-text slot="micro">${r.employmentType}</ids-text>
             </ids-hierarchy-item>
-          `,"");this.innerHTML+=i,this.childElements.attached=!0;let d=this.querySelectorAll("ids-hierarchy-item");for(let s of d)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}a(this,m,y).call(this,this.expanded)}),this.dropdownMenu&&this.onEvent("click",this.dropdownMenu,()=>{this.adjustZIndex(this.parentNode,202),this.shadowRoot?.querySelector(".leaf")?.style.setProperty("z-index","201")}),this.onEvent("touchend",this.expander,t=>{t.touches&&t.touches.length>0&&a(this,m,y).call(this,this.expanded)},{passive:!0}),this.onEvent("click",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")}),this.onEvent("touchstart",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")},{passive:!0})},l=g([x("ids-hierarchy-item"),I(A)],l);export{l as default};
+          `,"");this.innerHTML+=i,this.childElements.attached=!0;let d=this.querySelectorAll("ids-hierarchy-item");for(let s of d)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}a(this,m,y).call(this,this.expanded)}),this.dropdownMenu&&this.onEvent("click",this.dropdownMenu,()=>{this.adjustZIndex(this.parentNode,202),this.shadowRoot?.querySelector(".leaf")?.style.setProperty("z-index","201")}),this.onEvent("touchend",this.expander,t=>{t.touches&&t.touches.length>0&&a(this,m,y).call(this,this.expanded)},{passive:!0}),this.onEvent("click",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")}),this.onEvent("touchstart",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")},{passive:!0})},l=x([E("ids-hierarchy-item"),I(A)],l);export{l as default};

package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts

@@ -51,7 +51,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -186,6 +186,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -256,6 +257,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-hierarchy/ids-hierarchy-legend-item.js

@@ -1,21 +1,21 @@
-import{a as u}from"../../chunks/ids-chunk-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import{a,b as n}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as d}from"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import{a as e}from"../../chunks/ids-chunk-3Q46IU4X.js";import{a as l,d as c,g as s}from"../../chunks/ids-chunk-Y32WUP63.js";var g=`:host {
+import{a as u}from"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import{a,b as n}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as d}from"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import{a as e}from"../../chunks/ids-chunk-FAEI3K2L.js";import{a as l,d as c,g as s}from"../../chunks/ids-chunk-Y32WUP63.js";var g=`:host {
   --background: var(--ids-hierarchy-legend-color-background-default);
 }
 
 .ids-hierarchy-legend-item {
   display: flex;
   align-items: center;
-  margin-inline-end: calc(var(--ids-space-40) * 4);
-  margin-block-end: var(--ids-space-40);
+  margin-inline-end: calc(var(--ids-space-xs) * 4);
+  margin-block-end: var(--ids-space-xs);
   position: relative;
 }
 .ids-hierarchy-legend-item::before {
   border-radius: var(--ids-border-radius-circle);
   content: " ";
   display: block;
-  height: calc(var(--ids-space-40) * 2);
-  width: calc(var(--ids-space-40) * 2);
-  margin-inline-end: var(--ids-space-40);
+  height: calc(var(--ids-space-xs) * 2);
+  width: calc(var(--ids-space-xs) * 2);
+  margin-inline-end: var(--ids-space-xs);
   background-color: var(--background);
 }`;var h=u(d),i,o,r=class extends h{constructor(){super();c(this,i)}connectedCallback(){super.connectedCallback(),s(this,i,o).call(this)}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[e.COLOR,e.TEXT]}template(){return`
       <div class="ids-hierarchy-legend-item">

package/components/ids-hierarchy/ids-hierarchy-legend.js

@@ -1,9 +1,9 @@
-import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import{a as l}from"../../chunks/ids-chunk-Y32WUP63.js";var n=`/* Ids Hierarchy Legend Component */
+import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import{a as l}from"../../chunks/ids-chunk-Y32WUP63.js";var n=`/* Ids Hierarchy Legend Component */
 .legend {
   display: flex;
   justify-content: center;
   flex-flow: wrap;
-  margin-block: calc(var(--ids-space-40) * 6);
+  margin-block: calc(var(--ids-space-xs) * 6);
 }`;var e=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}template(){return`
       <div class="ids-hierarchy-legend">
         <slot class="legend" part="legend"></slot>

package/components/ids-hierarchy/ids-hierarchy.css

@@ -1,20 +1,7 @@
-:root {
-  --background: var(--ids-hierarchy-legend-color-background-default);
-}
-
-.ids-hierarchy-legend-item {
+/* Ids Hierarchy Legend Component */
+.legend {
   display: flex;
-  align-items: center;
-  margin-inline-end: calc(var(--ids-space-40) * 4);
-  margin-block-end: var(--ids-space-40);
-  position: relative;
-}
-.ids-hierarchy-legend-item::before {
-  border-radius: var(--ids-border-radius-circle);
-  content: " ";
-  display: block;
-  height: calc(var(--ids-space-40) * 2);
-  width: calc(var(--ids-space-40) * 2);
-  margin-inline-end: var(--ids-space-40);
-  background-color: var(--background);
+  justify-content: center;
+  flex-flow: wrap;
+  margin-block: calc(var(--ids-space-xs) * 6);
 }

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

@@ -81,7 +81,7 @@ declare const IdsHierarchy_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -216,6 +216,7 @@ declare const IdsHierarchy_base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -286,6 +287,7 @@ declare const IdsHierarchy_base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-hierarchy/ids-hierarchy.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-RY42P5DU.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-AV57ZGLI.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-home-page/ids-home-page.d.ts

@@ -64,7 +64,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -199,6 +199,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -269,6 +270,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -446,7 +448,7 @@ declare const Base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): void;
+        togglePopover(force?: boolean | undefined): boolean;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -581,6 +583,7 @@ declare const Base: {
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
+        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -651,6 +654,7 @@ declare const Base: {
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;

package/components/ids-home-page/ids-home-page.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-CG2KUAH5.js";import"../../chunks/ids-chunk-ZZLFF56D.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-SZ64NQCD.js";import"../../chunks/ids-chunk-T7MVMCL2.js";import"../../chunks/ids-chunk-EKBCTN6G.js";import"../../chunks/ids-chunk-KQHKIMYI.js";import"../../chunks/ids-chunk-CINSTFX3.js";import"../../chunks/ids-chunk-B3HNGVS6.js";import"../../chunks/ids-chunk-RSN3V7NQ.js";import"../../chunks/ids-chunk-2NG5TGCF.js";import"../../chunks/ids-chunk-TT6S4DMY.js";import"../../chunks/ids-chunk-2FVT36Q6.js";import"../../chunks/ids-chunk-2LMGFQGI.js";import"../../chunks/ids-chunk-Y2X37JEV.js";import"../../chunks/ids-chunk-5AX3KL4V.js";import"../../chunks/ids-chunk-MFR3ZJU3.js";import"../../chunks/ids-chunk-CVXM6WYD.js";import"../../chunks/ids-chunk-T3IJ3RFP.js";import"../../chunks/ids-chunk-NXQQJQ2C.js";import"../../chunks/ids-chunk-YPUSVBLE.js";import"../../chunks/ids-chunk-TWHI2ROA.js";import"../../chunks/ids-chunk-DVVPM73O.js";import"../../chunks/ids-chunk-EE2HT6BK.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-G63H6IHZ.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-EGORO2H4.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-DW7OAD3V.js";import"../../chunks/ids-chunk-JC5MEEEQ.js";import"../../chunks/ids-chunk-MVPWITHY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-H2UUMN2T.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-DV4AZA72.js";import"../../chunks/ids-chunk-2RLZXT3J.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-SZ64NQCD.js";import"../../chunks/ids-chunk-G4TCZWUC.js";import"../../chunks/ids-chunk-QM6STIUP.js";import"../../chunks/ids-chunk-V7FTFUHS.js";import"../../chunks/ids-chunk-YZNEPEUS.js";import"../../chunks/ids-chunk-EN22Q4VS.js";import"../../chunks/ids-chunk-CIV4C2EF.js";import"../../chunks/ids-chunk-TS5BNU4J.js";import"../../chunks/ids-chunk-EVHXH7AZ.js";import"../../chunks/ids-chunk-FEKUOSFS.js";import"../../chunks/ids-chunk-SFFMOANB.js";import"../../chunks/ids-chunk-JLFFKOCV.js";import"../../chunks/ids-chunk-RK2P2XSH.js";import"../../chunks/ids-chunk-VVZZ2ZHD.js";import"../../chunks/ids-chunk-7SKEDFJK.js";import"../../chunks/ids-chunk-GNNFJBQQ.js";import"../../chunks/ids-chunk-KQ66TAJX.js";import"../../chunks/ids-chunk-APUT2U6U.js";import"../../chunks/ids-chunk-YQV6HMYH.js";import"../../chunks/ids-chunk-DW26NZRE.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-IRAEROQK.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-JXYR7PEP.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-XHISSLQH.js";import"../../chunks/ids-chunk-VEYEV4RH.js";import"../../chunks/ids-chunk-7GOUFWOD.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-J3AAQ3QT.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-K44HS5DC.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-WMUHD4GN.js";import"../../chunks/ids-chunk-QNEN3NVF.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-O4ZHP64Q.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-2HSRRRSM.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-FAEI3K2L.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-hyperlink/ids-hyperlink.css

@@ -1,20 +1,168 @@
-/* Ids Link List Component */
-.ids-link-list {
-  list-style: none;
-  margin-top: var(--ids-link-list-top-margin);
+/* Ids Hyperlink Component */
+.ids-hyperlink {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: 1px solid transparent;
+  border-radius: var(--ids-hyperlink-border-radius);
+  cursor: var(--ids-hyperlink-cursor);
+  display: inline-block;
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-hyperlink-font-size);
+  font-weight: var(--ids-hyperlink-font-weight);
+  padding: 2px 4px;
+  position: relative;
+  margin-block-start: -3px;
+  margin-inline-start: -4px;
+  /* Ids Typography System */
 }
-
-::slotted(*) {
-  display: list-item;
-  margin-bottom: var(--ids-link-list-item-margin);
-  font-weight: var(--ids-font-weight-semi-bold);
+.ids-hyperlink.disabled, .ids-hyperlink[disabled] {
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
 }
-
-ids-text {
-  color: var(--ids-link-list-title-color-text-default);
-  margin-bottom: var(--ids-link-list-title-bottom-margin);
+.ids-hyperlink:focus {
+  outline: none;
+}
+.ids-hyperlink.bold {
+  font-weight: var(--ids-font-weight-bold);
+}
+.ids-hyperlink.semibold {
+  font-weight: var(--ids-font-weight-semibold);
+}
+.ids-hyperlink.hitbox::after {
+  content: "";
   display: block;
+  height: var(--ids-size-40);
+  top: 50%;
+  left: 0;
+  position: absolute;
+  transform: translateY(-50%);
+  width: 100%;
+}
+.ids-hyperlink.ids-text-10 {
+  font-size: var(--ids-font-size-10);
+  text-transform: var(--ids-font-uppercase);
+}
+.ids-hyperlink.ids-text-12, .ids-hyperlink.ids-text-xs {
+  font-size: var(--ids-font-size-20);
+  text-transform: var(--ids-font-uppercase);
+}
+.ids-hyperlink.ids-text-14, .ids-hyperlink.ids-text-sm {
+  font-size: var(--ids-font-size-30);
+}
+.ids-hyperlink.ids-text-16, .ids-hyperlink.ids-text, .ids-hyperlink.ids-text-base {
+  font-size: var(--ids-font-size-40);
+}
+.ids-hyperlink.ids-text-20 {
+  font-size: var(--ids-font-size-50);
+}
+.ids-hyperlink.ids-text-24, .ids-hyperlink.ids-text-lg {
+  font-size: var(--ids-font-size-70);
+}
+.ids-hyperlink.ids-text-28 {
+  font-size: var(--ids-font-size-70);
 }
-ids-text:empty {
+.ids-hyperlink.ids-text-32, .ids-hyperlink.ids-text-xl {
+  font-size: var(--ids-font-size-80);
+}
+.ids-hyperlink.ids-text-40 {
+  font-size: var(--ids-font-size-90);
+}
+.ids-hyperlink.ids-text-48 {
+  font-size: var(--ids-font-size-100);
+}
+.ids-hyperlink.ids-text-60 {
+  font-size: var(--ids-font-size-110);
+}
+.ids-hyperlink.ids-text-72 {
+  font-size: var(--ids-font-size-120);
   margin-bottom: 0;
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset) {
+  color: var(--ids-hyperlink-color-text-default);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).show-visited-color:visited {
+  color: var(--ids-hyperlink-color-text-visited);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset):focus {
+  border: 1px solid var(--ids-hyperlink-color-text-default);
+  box-shadow: var(--ids-shadow-focus);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset):hover:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb) {
+  color: var(--ids-hyperlink-color-text-hover);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset)[disabled] {
+  color: var(--ids-hyperlink-color-text-disabled);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb {
+  color: var(--ids-breadcrumb-color-text-default);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb[disabled] {
+  color: var(--ids-breadcrumb-color-text-disabled);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-alternate {
+  color: var(--ids-breadcrumb-color-text-emphasis);
+}
+.ids-hyperlink.ids-hyperlink-color-unset:focus {
+  --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-color-text-default);
+  --ids-box-shadow: var(--ids-box-shadow-focus);
+}
+
+.ids-text-decoration-none {
+  text-decoration: none;
+}
+.ids-text-decoration-none:hover {
+  text-decoration: none;
+}
+
+.ids-text-decoration-hover {
+  text-decoration: none;
+}
+.ids-text-decoration-hover:hover {
+  text-decoration: underline;
+}
+
+:host(:not([allow-empty-href=false])) .ids-hyperlink:not(.ids-text-decoration-none):not(.color-variant-breadcrumb):not(.ids-text-decoration-hover) {
+  text-decoration: underline;
+}
+
+::slotted(ids-box:not([height])) {
+  --ids-box-height: var(--ids-hyperlink-box-height);
+}
+
+::slotted(ids-box:not([width])) {
+  --ids-box-width: var(--ids-hyperlink-box-width);
+}
+
+.ids-hyperlink.colspan ::slotted(ids-box:not([width])) {
+  --ids-box-width: var(--ids-hyperlink-box-width-double);
+}
+
+::slotted(ids-box) {
+  text-align: center;
+  --ids-icon-height-default: 48px;
+  --ids-icon-width-default: 48px;
+  --ids-icon-color-default: var(--ids-hyperlink-box-icon-color-text-default);
+  --ids-box-padding: 8px;
+}
+
+::slotted(ids-box:hover) {
+  --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-box-color-border-default);
+}
+
+::slotted(ids-icon) {
+  --ids-icon-color-default: var(--ids-hyperlink-color-text-default);
+  display: inline;
+  margin-inline-end: 8px;
+  top: 4px;
+}
+
+:host(.disabled) .ids-hyperlink,
+:host([disabled]) .ids-hyperlink,
+:host-context(.disabled) .ids-hyperlink,
+:host-context([disabled]) .ids-hyperlink {
+  color: var(--ids-hyperlink-color-text-disabled);
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
 }