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

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

@@ -1,30 +1,30 @@
-import{a as u}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as c}from"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as l,b as h}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as m}from"../../chunks/ids-chunk-GTV4PSEA.js";import{e as o}from"../../chunks/ids-chunk-VGRUIA4C.js";import{a as e}from"../../chunks/ids-chunk-2NN3ZJ6Q.js";import{a as d}from"../../chunks/ids-chunk-U7OOVFXE.js";var p=`
+import{a as m}from"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as c}from"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as l,b as h}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as u}from"../../chunks/ids-chunk-7JIYCFAW.js";import{e as o}from"../../chunks/ids-chunk-TJKIW3GF.js";import{a as e}from"../../chunks/ids-chunk-HABPILOR.js";import{a as d}from"../../chunks/ids-chunk-U7OOVFXE.js";var p=`
 .ids-hierarchy-item {
   align-items: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
-  padding-inline-start: calc(var(--ids-spacing-lg) * 12);
+  padding-inline-start: calc(var(--ids-space-40) * 12);
 }
 @media all and (max-width: 600px) {
   .ids-hierarchy-item {
-    padding-inline-start: var(--ids-spacing-none);
+    padding-inline-start: var(--ids-space-none);
   }
 }
 
 .leaf {
-  border: var(--ids-spacing-xs) solid var(--ids-hierarchy-item-leaf-border-color);
-  margin-block-end: calc(var(--ids-spacing-lg) * 4);
-  box-shadow: var(--ids-hierarchy-item-leaf-box-shadow);
-  border-radius: var(--ids-hierarchy-item-leaf-border-radius);
+  border: var(--ids-space-10) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-40) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
   position: relative;
   width: 315px;
 }
 .leaf::before {
   display: block;
   position: absolute;
-  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-border-color);
-  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-border-color);
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
   content: "";
   height: 110px;
   left: -30px;
@@ -35,10 +35,10 @@ import{a as u}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-c
 
 .leaf-inside {
   align-items: center;
-  background-color: var(--ids-hierarchy-item-leaf-inside-background-color);
+  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-box-shadow);
-  padding: var(--ids-spacing-lg) calc(var(--ids-spacing-lg) * 2);
+  box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
+  padding: var(--ids-space-40) calc(var(--ids-space-40) * 2);
   position: relative;
   display: flex;
   z-index: 1;
@@ -49,9 +49,9 @@ import{a as u}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-c
   display: block;
   height: 55px;
   width: 55px;
-  border: var(--ids-hierarchy-item-avatar-border);
+  border: var(--ids-hierarchy-item-border-default);
   border-radius: 100%;
-  margin-inline-end: calc(var(--ids-spacing-lg) * 2);
+  margin-inline-end: calc(var(--ids-space-40) * 2);
   overflow: hidden;
 }
 .avatar ::slotted(img) {
@@ -62,7 +62,7 @@ import{a as u}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-c
   display: none;
 }
 :host([root-item]) .ids-hierarchy-item {
-  padding-inline-start: var(--ids-spacing-none);
+  padding-inline-start: var(--ids-space-none);
 }
 
 @media all and (max-width: 600px) {
@@ -76,11 +76,11 @@ import{a as u}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-c
   outline: none;
   border: none;
   border-color: transparent;
-  box-shadow: var(--ids-hierarchy-item-focus-box-shadow);
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
 }
 
 :host([selected]) .leaf {
-  box-shadow: var(--ids-hierarchy-item-selected-leaf-box-shadow);
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
 }
 
 div[part=actions] {
@@ -89,10 +89,10 @@ div[part=actions] {
 }
 
 ids-button[part=icon-menu] {
-  margin-right: var(--ids-spacing-md);
+  margin-right: var(--ids-space-30);
 }
 ids-button[part=icon-menu] .ids-icon-button {
-  padding: var(--ids-spacing-md);
+  padding: var(--ids-space-30);
 }
 
 ids-button[part=icon-btn] {
@@ -100,7 +100,7 @@ ids-button[part=icon-btn] {
   cursor: pointer;
 }
 ids-button[part=icon-btn] .ids-icon-button {
-  padding: var(--ids-spacing-md);
+  padding: var(--ids-space-30);
 }
 
 :host([expanded]) ids-button[part=icon-btn] ids-icon {
@@ -121,7 +121,7 @@ ids-button[part=icon-btn] .ids-icon-button {
 
 ::slotted([slot=menu]) {
   position: relative;
-}`;var b=u(c(m)),a=class extends b{#t=!1;childElements=[];expander;dropdownMenu;leaf;nestedItemContainer;constructor(){super()}connectedCallback(){super.connectedCallback(),this.expander=this.shadowRoot?.querySelector('[part="icon-btn"]'),this.dropdownMenu=this.querySelector('[part="icon-menu"]'),this.leaf=this.shadowRoot?.querySelector('[part="leaf"]'),this.nestedItemContainer=this.shadowRoot?.querySelector('[part="nested-items"]'),this.#s(),this.#r(),this.#e()}static get attributes(){return[...super.attributes,e.COLOR,e.EXPANDED,e.ROOT_ITEM,e.SELECTED]}template(){return`
+}`;var b=m(c(u)),n=class extends b{#t=!1;childElements=[];expander;dropdownMenu;leaf;nestedItemContainer;constructor(){super()}connectedCallback(){super.connectedCallback(),this.expander=this.shadowRoot?.querySelector('[part="icon-btn"]'),this.dropdownMenu=this.querySelector('[part="icon-menu"]'),this.leaf=this.shadowRoot?.querySelector('[part="leaf"]'),this.nestedItemContainer=this.shadowRoot?.querySelector('[part="nested-items"]'),this.#s(),this.#r(),this.#e()}static get attributes(){return[...super.attributes,e.COLOR,e.EXPANDED,e.ROOT_ITEM,e.SELECTED]}template(){return`
       <div class="ids-hierarchy-item">
         <div class="leaf" part="leaf">
           <div class="leaf-inside">
@@ -144,11 +144,11 @@ ids-button[part=icon-btn] .ids-icon-button {
         </div>
         <div class="sub-level"><slot part="nested-items"></slot></div>
       </div>
-    `}set expanded(t){o(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=o(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),this.#t||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),this.#t=i}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){o(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)),this.#e()}#e(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),n=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),n?.style.setProperty("border-color",t)}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}#i(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")}#s(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let n=t.childNodes;for(let s of n)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}#r(){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){o(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=o(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),this.#t||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),this.#t=i}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){o(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)),this.#e()}#e(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),a=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),a?.style.setProperty("border-color",t)}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}#i(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")}#s(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let a=t.childNodes;for(let s of a)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}#r(){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 n=this.querySelectorAll("ids-hierarchy-item");for(let s of n)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}this.#i(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&&this.#i(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})}};a=d([l("ids-hierarchy-item"),h(p)],a);export{a as default};
+          `,"");this.innerHTML+=i,this.childElements.attached=!0;let a=this.querySelectorAll("ids-hierarchy-item");for(let s of a)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}this.#i(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&&this.#i(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})}};n=d([l("ids-hierarchy-item"),h(p)],n);export{n as default};

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

@@ -2,9 +2,7 @@ import IdsElement from '../../core/ids-element';
 declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
-        colorVariants: string[]; /**
-         * @returns {string|null} containing value of the text attribute
-         */
+        colorVariants: string[];
         colorVariant: string | null;
         "__#6@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
@@ -28,6 +26,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

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

@@ -1,24 +1,24 @@
-import{a as n}from"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as s,b as o}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as l}from"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import{a as e}from"../../chunks/ids-chunk-2NN3ZJ6Q.js";import{a as i}from"../../chunks/ids-chunk-U7OOVFXE.js";var a=`
+import{a as c}from"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as s,b as o}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as l}from"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import{a as e}from"../../chunks/ids-chunk-HABPILOR.js";import{a as i}from"../../chunks/ids-chunk-U7OOVFXE.js";var a=`
 :host {
-  --background: var(--ids-hierarchy-legend-item-before-background-color);
+  --background: var(--ids-hierarchy-legend-color-background-default);
 }
 
 .ids-hierarchy-legend-item {
   display: flex;
   align-items: center;
-  margin-inline-end: calc(var(--ids-spacing-lg) * 4);
-  margin-block-end: var(--ids-spacing-lg);
+  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-round);
+  border-radius: var(--ids-border-radius-circle);
   content: " ";
   display: block;
-  height: calc(var(--ids-spacing-lg) * 2);
-  width: calc(var(--ids-spacing-lg) * 2);
-  margin-inline-end: var(--ids-spacing-lg);
+  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);
-}`;var c=n(l),r=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[e.COLOR,e.TEXT]}template(){return`
+}`;var n=c(l),r=class extends n{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[e.COLOR,e.TEXT]}template(){return`
       <div class="ids-hierarchy-legend-item">
         <ids-text>${this.text}</ids-text>
       </div>

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

@@ -1,10 +1,10 @@
-import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import{a as l}from"../../chunks/ids-chunk-U7OOVFXE.js";var n=`
+import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import{a as l}from"../../chunks/ids-chunk-U7OOVFXE.js";var n=`
 /* Ids Hierarchy Legend Component */
 .legend {
   display: flex;
   justify-content: center;
   flex-flow: wrap;
-  margin-block: calc(var(--ids-spacing-lg) * 6);
+  margin-block: calc(var(--ids-space-40) * 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,123 @@
-:root {
-  --background: var(--ids-hierarchy-legend-item-before-background-color);
+.ids-hierarchy-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  padding-inline-start: calc(var(--ids-space-40) * 12);
+}
+@media all and (max-width: 600px) {
+  .ids-hierarchy-item {
+    padding-inline-start: var(--ids-space-none);
+  }
 }
 
-.ids-hierarchy-legend-item {
-  display: flex;
+.leaf {
+  border: var(--ids-space-10) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-40) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
+  position: relative;
+  width: 315px;
+}
+.leaf::before {
+  display: block;
+  position: absolute;
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  content: "";
+  height: 110px;
+  left: -30px;
+  top: -70px;
+  width: 50%;
+  z-index: 0;
+}
+
+.leaf-inside {
   align-items: center;
-  margin-inline-end: calc(var(--ids-spacing-lg) * 4);
-  margin-block-end: var(--ids-spacing-lg);
+  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);
   position: relative;
+  display: flex;
+  z-index: 1;
 }
-.ids-hierarchy-legend-item::before {
-  border-radius: var(--ids-border-radius-round);
-  content: " ";
+
+.avatar {
+  flex-shrink: 0;
   display: block;
-  height: calc(var(--ids-spacing-lg) * 2);
-  width: calc(var(--ids-spacing-lg) * 2);
-  margin-inline-end: var(--ids-spacing-lg);
-  background-color: var(--background);
+  height: 55px;
+  width: 55px;
+  border: var(--ids-hierarchy-item-border-default);
+  border-radius: 100%;
+  margin-inline-end: calc(var(--ids-space-40) * 2);
+  overflow: hidden;
+}
+.avatar ::slotted(img) {
+  max-width: 100%;
+}
+
+:host([root-item]) .leaf::before {
+  display: none;
+}
+:host([root-item]) .ids-hierarchy-item {
+  padding-inline-start: var(--ids-space-none);
+}
+
+@media all and (max-width: 600px) {
+  :host([root-item][expanded]) .leaf::before {
+    border-left: none;
+    display: block;
+  }
+}
+
+:host(:focus) {
+  outline: none;
+  border: none;
+  border-color: transparent;
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
+}
+
+:host([selected]) .leaf {
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
+}
+
+div[part=actions] {
+  margin-inline-start: auto;
+  display: flex;
+}
+
+ids-button[part=icon-menu] {
+  margin-right: var(--ids-space-30);
+}
+ids-button[part=icon-menu] .ids-icon-button {
+  padding: var(--ids-space-30);
+}
+
+ids-button[part=icon-btn] {
+  display: none;
+  cursor: pointer;
+}
+ids-button[part=icon-btn] .ids-icon-button {
+  padding: var(--ids-space-30);
+}
+
+:host([expanded]) ids-button[part=icon-btn] ids-icon {
+  transform: rotate(180deg);
+}
+
+.has-nested-items ids-button[part=icon-btn] {
+  display: block;
+}
+
+.sub-level {
+  display: none;
+}
+
+:host([expanded]) .sub-level {
+  display: block;
+}
+
+::slotted([slot=menu]) {
+  position: relative;
 }

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

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

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-HX7DR6BS.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-4B7LRBAR.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

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

@@ -1,7 +1,7 @@
 declare const HOME_PAGE_DEFAULTS: {
     animated: boolean;
-    cardHeight: number;
-    cardWidth: number;
+    widgetHeight: number;
+    widgetWidth: number;
     cols: number;
     gap: number;
     gapX: number;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/ids-chunk-F6WTQH5M.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{b as EVENTS,a as HOME_PAGE_DEFAULTS};
+import{a,b}from"../../chunks/ids-chunk-SZ64NQCD.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{b as EVENTS,a as HOME_PAGE_DEFAULTS};

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

@@ -1,11 +1,12 @@
-/* Ids Home page Component */
+/* Ids Home Page Component */
 .ids-home-page {
   position: relative;
+  background-color: var(--ids-homepage-color-background-default);
 }
-.ids-home-page .cards {
+.ids-home-page .widgets {
   position: absolute;
   left: 50%;
 }
-.ids-home-page ::slotted(ids-card) {
+.ids-home-page ::slotted(ids-widget) {
   position: absolute;
 }

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

@@ -1,8 +1,8 @@
-import '../ids-card/ids-card';
+import '../ids-widget/ids-widget';
 import IdsElement from '../../core/ids-element';
 declare const Base: {
     new (...args: any[]): {
-        localeAPI: import("../ids-locale/ids-locale").default;
+        localeAPI: import("../ids-locale/ids-locale").default; /** The block width */
         connectedCallback(): void;
         setLanguage(value: string): Promise<void>;
         previousLanguage: string;
@@ -41,6 +41,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -366,10 +367,6 @@ declare const Base: {
         keyDownEndOn: boolean;
         hoverEndOn: boolean;
         isClick: boolean;
-        /**
-         * Return the attributes we handle as getters/setters
-         * @returns {Array} The attributes in an array
-         */
         timer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         slopedMouseLeaveTimer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         startX: number;
@@ -378,10 +375,6 @@ declare const Base: {
         trackedY: number;
         vetoableEventTypes: string[];
         disconnectedCallback(): void;
-        /**
-         * Number of current columns.
-         * @private
-         */
         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;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
@@ -422,6 +415,7 @@ declare const Base: {
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -762,7 +756,7 @@ export interface IdsHomePageAavailable {
  * @mixes IdsEventsMixin
  * @mixes IdsLocaleMixin
  * @part home-page - The home-page element
- * @part cards - The cards element
+ * @part widgets - The widgets element
  */
 export default class IdsHomePage extends Base {
     #private;
@@ -795,23 +789,23 @@ export default class IdsHomePage extends Base {
      */
     get status(): object;
     /**
-     * Set to animated or not the home page cards on resize.
-     * @param {boolean|string} value If true, allows animate the home page cards.
+     * Set to animated or not the home page widgets on resize.
+     * @param {boolean|string} value If true, allows animate the home page widgets.
      */
     set animated(value: boolean | string | null);
     get animated(): boolean | string | null;
     /**
-     * Set card height for single span
+     * Set widget height for single span
      * @param {number|string} value The height
      */
-    set cardHeight(value: number | string | null);
-    get cardHeight(): number;
+    set widgetHeight(value: number | string | null);
+    get widgetHeight(): number;
     /**
-     * Set card width for single span
+     * Set widget width for single span
      * @param {number|string} value The width
      */
-    set cardWidth(value: number | string | null);
-    get cardWidth(): number;
+    set widgetWidth(value: number | string | null);
+    get widgetWidth(): number;
     /**
      * Set number of columns to display
      * @param {number|string} value Number of columns
@@ -819,19 +813,19 @@ export default class IdsHomePage extends Base {
     set cols(value: number | string | null);
     get cols(): number | string | null;
     /**
-     * Set card gap for single span, apply same for both horizontal and vertical sides
+     * Set widget gap for single span, apply same for both horizontal and vertical sides
      * @param {number|string} value The row gap
      */
     set gap(value: number | string | null);
     get gap(): number | string | null;
     /**
-     * Set card horizontal gap for single span
+     * Set widget horizontal gap for single span
      * @param {number|string} value The gap-x
      */
     set gapX(value: number | string | null);
     get gapX(): number | string | null;
     /**
-     * Set card vertical gap for single span
+     * Set widget vertical gap for single span
      * @param {number|string} value The gap-y
      */
     set gapY(value: number | string | null);

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-BLAZNZRF.js";import"../../chunks/ids-chunk-F6WTQH5M.js";import"../../chunks/ids-chunk-DA3A255R.js";import"../../chunks/ids-chunk-WAX2G2B2.js";import"../../chunks/ids-chunk-7VNHKDYO.js";import"../../chunks/ids-chunk-BQNSGN27.js";import"../../chunks/ids-chunk-TPLRKVBR.js";import"../../chunks/ids-chunk-CA7WSO53.js";import"../../chunks/ids-chunk-VCTVRNBS.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-NKERXKF7.js";import"../../chunks/ids-chunk-LMFBCGVT.js";import"../../chunks/ids-chunk-JQXYHNEV.js";import"../../chunks/ids-chunk-6XCOPQLH.js";import"../../chunks/ids-chunk-DFQRXICA.js";import"../../chunks/ids-chunk-3VZAZNKV.js";import"../../chunks/ids-chunk-YKXR5BK4.js";import"../../chunks/ids-chunk-VKONCQ6O.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-X5HHVE4J.js";import"../../chunks/ids-chunk-YWQWAWKA.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-OIRG76OL.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GTV4PSEA.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-2NN3ZJ6Q.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-GZIEPPZO.js";import"../../chunks/ids-chunk-2DTVYPSD.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-SZ64NQCD.js";import"../../chunks/ids-chunk-TH2IC4AR.js";import"../../chunks/ids-chunk-UN2Q545Y.js";import"../../chunks/ids-chunk-ZOBFQFJN.js";import"../../chunks/ids-chunk-UXTJR3X7.js";import"../../chunks/ids-chunk-M44M2XW4.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-G6CTBPDT.js";import"../../chunks/ids-chunk-DOLUR6CX.js";import"../../chunks/ids-chunk-RXKBAZ4I.js";import"../../chunks/ids-chunk-RJCX7NER.js";import"../../chunks/ids-chunk-JA6ES3WY.js";import"../../chunks/ids-chunk-OKBUVHAP.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-R7DZNS7W.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

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

@@ -1,117 +1,20 @@
-/* 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);
-  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 */
-}
-.ids-hyperlink.disabled, .ids-hyperlink[disabled] {
-  cursor: var(--ids-cursor-default);
-  pointer-events: none;
-  user-select: none;
-}
-.ids-hyperlink:focus {
-  outline: none;
-}
-.ids-hyperlink.bold {
-  font-weight: var(--ids-font-weight-bold);
-}
-.ids-hyperlink.hitbox::after {
-  content: "";
-  display: block;
-  height: var(--ids-size-md);
-  top: 50%;
-  left: 0;
-  position: absolute;
-  transform: translateY(-50%);
-  width: 100%;
-}
-.ids-hyperlink.ids-text-10 {
-  font-size: var(--ids-font-size-xxs);
-  text-transform: var(--ids-text-transform);
-}
-.ids-hyperlink.ids-text-12, .ids-hyperlink.ids-text-xs {
-  font-size: var(--ids-font-size-xs);
-  text-transform: var(--ids-text-transform);
-}
-.ids-hyperlink.ids-text-14, .ids-hyperlink.ids-text-sm {
-  font-size: var(--ids-font-size-sm);
-}
-.ids-hyperlink.ids-text-16, .ids-hyperlink.ids-text, .ids-hyperlink.ids-text-base {
-  font-size: var(--ids-font-size-md);
-}
-.ids-hyperlink.ids-text-20 {
-  font-size: var(--ids-font-size-lg);
-}
-.ids-hyperlink.ids-text-24, .ids-hyperlink.ids-text-lg {
-  font-size: var(--ids-font-size-xxl);
-}
-.ids-hyperlink.ids-text-28 {
-  font-size: var(--ids-font-size-xxl);
-}
-.ids-hyperlink.ids-text-32, .ids-hyperlink.ids-text-xl {
-  font-size: var(--ids-font-size-3xl);
-}
-.ids-hyperlink.ids-text-40 {
-  font-size: var(--ids-font-size-4xl);
-}
-.ids-hyperlink.ids-text-48 {
-  font-size: var(--ids-font-size-5xl);
-}
-.ids-hyperlink.ids-text-60 {
-  font-size: var(--ids-font-size-6xl);
-}
-.ids-hyperlink.ids-text-72 {
-  font-size: var(--ids-font-size-7xl);
-  margin-bottom: 0;
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset) {
-  color: var(--ids-hyperlink-text-color);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset):focus {
-  border: 1px solid var(--ids-hyperlink-text-color);
-  box-shadow: var(--ids-focus-box-shadow);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset):hover:not([disabled]):not(.ids-text-decoration-hover):not(.disabled), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled) {
-  color: var(--ids-hyperlink-hover-text-color);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset)[disabled] {
-  color: var(--ids-hyperlink-disabled-text-color);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb {
-  color: var(--ids-breadcrumb-text-color);
-}
-.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-disabled-text-color);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-alternate {
-  color: var(--ids-breadcrumb-inverse-text-color);
+/* Ids Link List Component */
+.ids-link-list {
+  list-style: none;
+  margin-top: var(--ids-link-list-top-margin);
 }
 
-.ids-text-decoration-none {
-  text-decoration: none;
-}
-.ids-text-decoration-none:hover {
-  text-decoration: none;
+::slotted(*) {
+  display: list-item;
+  margin-bottom: var(--ids-link-list-item-margin);
+  font-weight: var(--ids-font-weight-semi-bold);
 }
 
-.ids-text-decoration-hover {
-  text-decoration: none;
-}
-.ids-text-decoration-hover:hover {
-  text-decoration: underline;
+ids-text {
+  color: var(--ids-link-list-title-color-text-default);
+  margin-bottom: var(--ids-link-list-title-bottom-margin);
+  display: block;
 }
-
-: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;
+ids-text:empty {
+  margin-bottom: 0;
 }