ids-enterprise-wc 1.0.0-beta.13 → 1.0.0-beta.15

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

@@ -1,18 +1,11 @@
-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;
+        readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
-        setLanguage(value: string): Promise<void>;
-        previousLanguage: string;
-        language: any;
-        "__#5@#notifyChildrenLanguage"(children: NodeListOf<HTMLElement>, language: string, previousLanguage: string): void;
-        previousLocale: string;
-        setLocale(value: string): Promise<void>;
         locale: string;
-        "__#5@#notifyChildrenLocale"(children: NodeListOf<HTMLElement>, locale: string, previousLocale: string): void;
-        setDirection(): void;
+        language: any;
         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;
@@ -30,14 +23,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -367,10 +360,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;
@@ -379,30 +368,26 @@ 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;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -413,13 +398,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -764,7 +749,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;
@@ -797,23 +782,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
@@ -821,19 +806,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-EYVKWIJH.js";import"../../chunks/ids-chunk-F6WTQH5M.js";import"../../chunks/ids-chunk-I4X4TCX4.js";import"../../chunks/ids-chunk-44CLLQBZ.js";import"../../chunks/ids-chunk-W3QVRFML.js";import"../../chunks/ids-chunk-DF3OTTVT.js";import"../../chunks/ids-chunk-I4KVLUTU.js";import"../../chunks/ids-chunk-SEZJIM5Z.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-YLUCUABO.js";import"../../chunks/ids-chunk-CHZE3ZRX.js";import"../../chunks/ids-chunk-TZI4AWYL.js";import"../../chunks/ids-chunk-4LNK4CO7.js";import"../../chunks/ids-chunk-WGF76AHI.js";import"../../chunks/ids-chunk-WSLP3ZMG.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-IYFD24JZ.js";import"../../chunks/ids-chunk-A3F5M4CD.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-SZ64NQCD.js";import"../../chunks/ids-chunk-IIZ7DYTI.js";import"../../chunks/ids-chunk-5Q4XNLDV.js";import"../../chunks/ids-chunk-MARFDYGC.js";import"../../chunks/ids-chunk-CSJ3WQY3.js";import"../../chunks/ids-chunk-67PFE6PN.js";import"../../chunks/ids-chunk-5WHMQVPY.js";import"../../chunks/ids-chunk-LXGNKOA7.js";import"../../chunks/ids-chunk-UTRTJLCQ.js";import"../../chunks/ids-chunk-ZUGX6HKG.js";import"../../chunks/ids-chunk-22WXMDLW.js";import"../../chunks/ids-chunk-DBQ7CHTC.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-T5R4GS4Z.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-ZDCI6ZYN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-GAJDSCS2.js";import"../../chunks/ids-chunk-S337XH5U.js";import"../../chunks/ids-chunk-EKEFIHKG.js";import"../../chunks/ids-chunk-EG6H42JJ.js";import"../../chunks/ids-chunk-RLLFJ3JS.js";import"../../chunks/ids-chunk-YZIPOJG7.js";import"../../chunks/ids-chunk-5EWNWOH7.js";import"../../chunks/ids-chunk-6SX5I2EB.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-6DZMKJ4V.js";import"../../chunks/ids-chunk-64ALFBFK.js";import"../../chunks/ids-chunk-EHXWQUU7.js";import"../../chunks/ids-chunk-PTNGEG7Q.js";import"../../chunks/ids-chunk-OUX67T2L.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-E2WR233N.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.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-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 */
-}
-.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-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-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):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), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled) {
-  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 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;
 }

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

@@ -3,7 +3,7 @@ declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         hitbox: string | null;
-        "__#9@#setHitbox"(): void;
+        "__#10@#setHitbox"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -13,14 +13,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -357,14 +357,14 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -708,20 +708,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -732,13 +732,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -1137,5 +1137,15 @@ export default class IdsHyperlink extends Base {
      */
     set allowEmptyHref(value: string | boolean | null);
     get allowEmptyHref(): boolean;
+    /**
+     * Set the col-span attribute
+     * @param {string | null} value If 2 will span 2 columns, nothing else is valid
+     */
+    set colSpan(value: string | null);
+    /**
+     * Get col-span attribute
+     * @returns {string | null} The number value for the columns to span in the grid
+     */
+    get colSpan(): string | null;
 }
 export {};

package/components/ids-hyperlink/ids-hyperlink.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-CHZE3ZRX.js";import"../../chunks/ids-chunk-TZI4AWYL.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-DKZZ3XJ6.js";import"../../chunks/ids-chunk-BLTOLFMJ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-E2WR233N.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-hyperlink/ids-link-list.d.ts

@@ -0,0 +1,16 @@
+import IdsElement from '../../core/ids-element';
+/**
+ * IDS Link List Component
+ * @type {IdsLinkList}
+ * @inherits IdsElement
+ */
+export default class IdsLinkList extends IdsElement {
+    constructor();
+    connectedCallback(): void;
+    static get attributes(): string[];
+    /**
+     * Create the Template for the contents
+     * @returns {string} The template
+     */
+    template(): string;
+}

package/components/ids-hyperlink/ids-link-list.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/ids-chunk-3U264HXC.js";import"../../chunks/ids-chunk-SNYFQ5ZT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5PHNP5RO.js";import"../../chunks/ids-chunk-WVMGJ7NE.js";import"../../chunks/ids-chunk-VEJ34DID.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-M466RSCL.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-EHQM67XJ.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-icon/ids-icon.css

@@ -7,6 +7,18 @@
   position: relative;
 }
 
+svg:not([height]) {
+  height: var(--ids-icon-height-default);
+}
+
+svg:not([width]) {
+  width: var(--ids-icon-width-default);
+}
+
+svg {
+  color: var(--ids-icon-color-default);
+}
+
 :host([hidden]) {
   display: none;
 }
@@ -28,12 +40,15 @@
   width: 17px;
 }
 
-:host([icon^=empty-]) {
-  color: var(--ids-icon-empty-color);
+:host([icon=logo]) svg path:nth-child(1) {
+  display: none;
 }
 
-:host([icon^=empty-][icon$=-new]) {
-  color: var(--ids-icon-empty-new-color);
+:host([icon=favicon]) {
+  color: var(--ids-icon-infor-color);
+}
+:host([icon=favicon]) path:nth-child(2) {
+  fill: white;
 }
 
 .notification-badge {
@@ -89,4 +104,71 @@
 }
 :host([disabled]) .notification-badge.warning {
   background-color: var(--ids-alert-color-warning-disabled);
+}
+
+[class^=status-color] {
+  background-color: var(--ids-icon-status-color-azure-color-background);
+  color: var(--ids-icon-status-color-azure-color-text);
+  border-radius: var(--ids-icon-status-color-border-radius);
+  padding: var(--ids-icon-status-color-padding);
+}
+
+.status-color-ruby {
+  background-color: var(--ids-icon-status-color-ruby-color-background);
+  color: var(--ids-icon-status-color-ruby-color-text);
+}
+
+.status-color-amber {
+  background-color: var(--ids-icon-status-color-amber-color-background);
+  color: var(--ids-icon-status-color-amber-color-text);
+}
+
+.status-color-emerald {
+  background-color: var(--ids-icon-status-color-emerald-color-background);
+  color: var(--ids-icon-status-color-emerald-color-text);
+}
+
+.status-color-azure {
+  background-color: var(--ids-icon-status-color-azure-color-background);
+  color: var(--ids-icon-status-color-azure-color-text);
+}
+
+.status-color-turquoise {
+  background-color: var(--ids-icon-status-color-turquoise-color-background);
+  color: var(--ids-icon-status-color-turquoise-color-text);
+}
+
+.status-color-amethyst {
+  background-color: var(--ids-icon-status-color-amethyst-color-background);
+  color: var(--ids-icon-status-color-amethyst-color-text);
+}
+
+.status-color-slate {
+  background-color: var(--ids-icon-status-color-slate-color-background);
+  color: var(--ids-icon-status-color-slate-color-text);
+}
+
+.status-color-error {
+  background-color: var(--ids-icon-status-color-error-color-background);
+  color: var(--ids-icon-status-color-error-color-text);
+}
+
+.status-color-warning {
+  background-color: var(--ids-icon-status-color-warning-color-background);
+  color: var(--ids-icon-status-color-warning-color-text);
+}
+
+.status-color-success {
+  background-color: var(--ids-icon-status-color-success-color-background);
+  color: var(--ids-icon-status-color-success-color-text);
+}
+
+.status-color-alert {
+  background-color: var(--ids-icon-status-color-alert-color-background);
+  color: var(--ids-icon-status-color-alert-color-text);
+}
+
+.status-color-info {
+  background-color: var(--ids-icon-status-color-info-color-background);
+  color: var(--ids-icon-status-color-info-color-text);
 }