@iress-oss/ids-components 6.0.1 → 6.2.0

package/dist/components/Field/Field.styles.js

@@ -1,10 +1,11 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Field/Field.styles.ts
 var t = e({
 	slots: [
 		"root",
 		"hint",
 		"label",
+		"horizontalLabelWithHint",
 		"footer",
 		"footerIcon",
 		"supplementary",
@@ -34,6 +35,11 @@ var t = e({
 		footerIcon: { verticalAlign: "[-1.5px]" },
 		supplementary: { fontSize: "inherit" },
 		label: { mb: "spacing.2" },
+		horizontalLabelWithHint: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "spacing.1"
+		},
 		labelContainer: {},
 		fieldContainer: { "& .ids-popover__content": { zIndex: "100" } }
 	},

package/dist/components/Field/components/FieldFooter.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { t as n } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../cx-QcEwjve6.js";
+import { t as n } from "../../../factory-BKr3zaf6.js";
 import { IressIcon as r } from "../../Icon/Icon.js";
 import { IressText as i } from "../../Text/Text.js";
 import { field as a } from "../Field.styles.js";

package/dist/components/Field/components/FieldHint.js

@@ -1,33 +1,41 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../factory-BKr3zaf6.js";
 import { IressIcon as n } from "../../Icon/Icon.js";
-import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
-import { IressTooltip as i } from "../../Tooltip/Tooltip.js";
-import { field as a } from "../Field.styles.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t as r } from "../../../Button-BY2qzshw.js";
+import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
+import { IressTooltip as a } from "../../Tooltip/Tooltip.js";
+import { field as o } from "../Field.styles.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/Field/components/FieldHint.tsx
-var l = ({ hint: n, horizontal: i, hiddenLabel: l, dataTestId: u, children: d }) => {
-	let f = a.raw({
+var u = ({ hint: n, horizontal: r, hiddenLabel: a, dataTestId: u, children: f }) => {
+	let p = o.raw({
 		hasError: !1,
-		hiddenLabel: l,
-		horizontal: i,
+		hiddenLabel: a,
+		horizontal: r,
 		multipleFields: !1
 	});
-	return i ? /* @__PURE__ */ s(o, { children: d }) : /* @__PURE__ */ c(o, { children: [d, /* @__PURE__ */ s(t.div, {
-		className: e(f.hint),
-		"data-testid": r(u, "hint"),
-		srOnly: l,
+	return r ? /* @__PURE__ */ l(t.div, {
+		className: e(p.horizontalLabelWithHint),
+		children: [f, /* @__PURE__ */ c(d, { hint: n })]
+	}) : /* @__PURE__ */ l(s, { children: [f, /* @__PURE__ */ c(t.div, {
+		className: e(p.hint),
+		"data-testid": i(u, "hint"),
+		srOnly: a,
 		children: n
 	})] });
-}, u = ({ hint: e }) => /* @__PURE__ */ s(i, {
+}, d = ({ hint: e }) => /* @__PURE__ */ c(a, {
 	tooltipText: typeof e == "string" ? e : "Additional information",
 	align: "top",
-	children: /* @__PURE__ */ s(n, {
-		name: "info-circle",
-		screenreaderText: "More information",
-		ml: "spacing.1"
+	children: /* @__PURE__ */ c(r, {
+		mode: "muted",
+		p: "none",
+		mb: "-spacing.1",
+		children: /* @__PURE__ */ c(n, {
+			name: "info-circle",
+			screenreaderText: "More information"
+		})
 	})
 });
-l.displayName = "FieldHint";
+u.displayName = "FieldHint";
 //#endregion
-export { l as FieldHint, u as FieldHintIcon };
+export { u as FieldHint, d as FieldHintIcon };

package/dist/components/Field/index.d.ts

@@ -1,4 +1,2 @@
 export * from './Field';
 export * from './Field.styles';
-export * from './FieldGroup/FieldGroup';
-export * from './FieldGroup/FieldGroup.styles';

package/dist/components/Field/index.js

@@ -1,5 +1,3 @@
 import { field as e } from "./Field.styles.js";
 import { IressField as t } from "./Field.js";
-import { fieldGroup as n } from "./FieldGroup/FieldGroup.styles.js";
-import { IressFieldGroup as r } from "./FieldGroup/FieldGroup.js";
-export { t as IressField, r as IressFieldGroup, e as field, n as fieldGroup };
+export { t as IressField, e as field };

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.js

@@ -1,14 +1,14 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { n } from "../../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../../factory-sKbby7-S.js";
-import { GlobalCSSClass as i } from "../../../enums.js";
-import { propagateTestid as a } from "../../../helpers/utility/propagateTestid.js";
-import { LabelBase as o } from "../../Label/LabelBase/LabelBase.js";
-import { FieldFooter as s } from "../components/FieldFooter.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
+import { GlobalCSSClass as i } from "../../enums.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { LabelBase as o } from "../Label/LabelBase/LabelBase.js";
+import { FieldFooter as s } from "../Field/components/FieldFooter.js";
 import { fieldGroup as c } from "./FieldGroup.styles.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/Field/FieldGroup/FieldGroup.tsx
+//#region src/components/FieldGroup/FieldGroup.tsx
 var d = ({ children: d, className: f, "data-testid": p, error: m, errorMessages: h, hiddenLabel: g, hint: _, inline: v, join: y, label: b, removeErrorMargin: x, required: S, supplementary: C, ...w }) => {
 	let T = c.raw({
 		hasError: !!m || !!h?.length,

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const fieldGroup: import('../../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
+export declare const fieldGroup: import('../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
     hasError: {
         true: {
             root: {

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.styles.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
-//#region src/components/Field/FieldGroup/FieldGroup.styles.ts
+import { t as e } from "../../sva-DGhdmNso.js";
+//#region src/components/FieldGroup/FieldGroup.styles.ts
 var t = e({
 	slots: [
 		"root",

package/dist/components/FieldGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FieldGroup';
+export * from './FieldGroup.styles';

package/dist/components/FieldGroup/index.js

@@ -0,0 +1,3 @@
+import { fieldGroup as e } from "./FieldGroup.styles.js";
+import { IressFieldGroup as t } from "./FieldGroup.js";
+export { t as IressFieldGroup, e as fieldGroup };

package/dist/components/Hide/Hide.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../factory-BKr3zaf6.js";
 import { useBreakpoint as t } from "../../hooks/useBreakpoint.js";
 import { normaliseHideValues as n } from "./helpers/normaliseHideValues.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/Hide/helpers/normaliseHideValues.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../constants-D0UW4Ewm.js";
+import { t as e } from "../../../constants-DJz-xntC.js";
 //#region src/components/Hide/helpers/normaliseHideValues.ts
 var t = (t = {}) => typeof t == "boolean" ? Object.fromEntries(e.map((e) => [e, t])) : e.reduce((n, r, i) => (n[r] = t[r] ?? n[e[i - 1]] ?? !1, n), {});
 //#endregion

package/dist/components/Icon/Icon.constants.js

@@ -1,2 +1,2 @@
-import { s as e } from "../../constants-D0UW4Ewm.js";
+import { s as e } from "../../constants-DJz-xntC.js";
 export { e as MATERIAL_SYMBOLS };

package/dist/components/Icon/Icon.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { icon as i } from "./Icon.styles.js";
 import { GlobalCSSClass as a } from "../../enums.js";
 import { idsLogger as o } from "../../helpers/utility/idsLogger.js";
@@ -21,7 +21,7 @@ var f = ({ className: f, flip: p, name: m, rotate: h, screenreaderText: g, spin:
 		b,
 		S
 	]), x === "material" && S) {
-		let o = b ? b.isIconLoaded(S) : !0, s = i.raw({
+		let o = !b || b.isIconLoaded(S), s = i.raw({
 			flip: p,
 			rotate: h,
 			spin: _,

package/dist/components/Icon/Icon.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Icon/Icon.styles.ts
 var t = e({
 	base: {},

package/dist/components/Icon/IconProvider.js

@@ -1,6 +1,6 @@
 import { FontLoader as e } from "./components/FontLoader.js";
 import { useDynamicFontSubsetting as t } from "./hooks/useDynamicFontSubsetting.js";
-import { s as n } from "../../constants-D0UW4Ewm.js";
+import { s as n } from "../../constants-DJz-xntC.js";
 import { createContext as r, useCallback as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Icon/IconProvider.tsx
@@ -27,7 +27,7 @@ var c = r(null), l = ({ children: r, container: l, "data-testid": u, type: d = "
 	}), _ = {
 		type: d,
 		registerIcon: h,
-		isIconLoaded: (e) => d === "material" ? g(e) : !0
+		isIconLoaded: (e) => d !== "material" || g(e)
 	};
 	return /* @__PURE__ */ s(c.Provider, {
 		value: _,

package/dist/components/Icon/helpers/getMaterialSymbolsList.js

@@ -1,6 +1,6 @@
 //#region src/components/Icon/helpers/getMaterialSymbolsList.ts
 var e = async () => {
-	let { default: e } = await import("../../../index.d-CLYyYDIv.js"), t = e, n = /type MaterialSymbols = (\[)([\s\S]*?)(\]);/.exec(t);
+	let { default: e } = await import("../../../index.d-BITk11Vr.js"), t = e, n = /type MaterialSymbols = (\[)([\s\S]*?)(\]);/.exec(t);
 	if (!n) throw Error("Could not parse Material Symbols type definition");
 	return n[2].split(",").map((e) => e.trim()).filter((e) => e.startsWith("\"")).map((e) => e.replace(/(^")|("$)/g, ""));
 }, t = null, n = () => (t ??= e(), t);

package/dist/components/Icon/hooks/useDynamicFontSubsetting.js

@@ -2,63 +2,80 @@ import { getNonce as e } from "../../../helpers/dom/getNonce.js";
 import { idsLogger as t } from "../../../helpers/utility/idsLogger.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 //#region src/components/Icon/hooks/useDynamicFontSubsetting.ts
-var o = ({ icons: o, buildUrl: s, dataAttribute: c, fontFamily: l, disabled: u = !1, noSubsetting: d = !1 }) => {
-	let [f, p] = a(/* @__PURE__ */ new Set()), [m, h] = a(!1), g = i(null), _ = n((e) => {
-		p((t) => {
+var o = (e, t, n) => {
+	let r = Array.from(document.querySelectorAll(`link[data-${t}]`)).filter((e) => e !== n).flatMap((e) => {
+		let t = e.getAttribute("data-icons");
+		return t ? t.split(",").filter(Boolean) : [];
+	});
+	if (r.length === 0) return e;
+	let i = Array.from(/* @__PURE__ */ new Set([...e, ...r]));
+	return i.sort((e, t) => e.localeCompare(t)), i;
+}, s = (e, t, n) => {
+	if (e) return !1;
+	let r = document.querySelector(`link[data-${t}]:not([data-icons])`);
+	return !!(r && r !== n);
+}, c = (e, t, n, r) => e ? !t : n.some((e) => !r.has(e)), l = 0, u = ({ icons: u, buildUrl: d, dataAttribute: f, fontFamily: p, disabled: m = !1, noSubsetting: h = !1 }) => {
+	let [g, _] = a(/* @__PURE__ */ new Set()), [v, y] = a(!1), b = i(null), x = i(String(++l)), S = n((e) => {
+		_((t) => {
 			let n = new Set(t);
 			return e.forEach((e) => n.add(e)), n;
 		});
-	}, []), v = n((e) => {
+	}, []), C = n((e) => {
 		e?.parentNode?.removeChild(e);
-	}, []), y = n((e, t) => {
-		_(t), v(e), d && h(!0);
+	}, []), w = n((e, t) => {
+		S(t), C(e), h && y(!0);
 	}, [
-		_,
-		v,
-		d
-	]), b = n((e) => {
-		t(`[useDynamicFontSubsetting] Failed to load font "${l}" for icons: ${e.join(", ")}. Icons will render as text after timeout.`), setTimeout(() => {
-			_(e);
+		S,
+		C,
+		h
+	]), T = n((e) => {
+		t(`[useDynamicFontSubsetting] Failed to load font "${p}" for icons: ${e.join(", ")}. Icons will render as text after timeout.`), setTimeout(() => {
+			S(e);
 		}, 3e3);
-	}, [_, l]), x = n((e, t) => {
-		"fonts" in document ? (document.fonts.check(`24px "${l}"`) ? Promise.resolve() : document.fonts.load(`24px "${l}"`)).then(() => y(e, t)).catch(() => b(t)) : setTimeout(() => _(t), 1e3);
+	}, [S, p]), E = n((e, t) => {
+		"fonts" in document ? (document.fonts.check(`24px "${p}"`) ? Promise.resolve() : document.fonts.load(`24px "${p}"`)).then(() => w(e, t)).catch(() => T(t)) : setTimeout(() => S(t), 1e3);
 	}, [
-		l,
-		y,
-		b,
-		_
+		p,
+		w,
+		T,
+		S
 	]);
 	return r(() => () => {
-		g.current?.parentNode?.removeChild(g.current);
-	}, []), r(() => {
-		if (u) return;
-		let t = Array.from(o);
-		t.sort((e, t) => e.localeCompare(t));
-		let n = s(t), r = document.querySelector(`link[data-${c}]`);
-		if (n === !1) {
-			d && h(!0);
+		document.querySelectorAll(`link[data-${f}="${x.current}"]`).forEach((e) => e.parentNode?.removeChild(e));
+	}, [f]), r(() => {
+		if (m) return;
+		let t = x.current, n = Array.from(u);
+		n.sort((e, t) => e.localeCompare(t));
+		let r = document.querySelector(`link[data-${f}="${t}"]`);
+		if (s(h, f, r)) {
+			E(null, n);
+			return;
+		}
+		let i = d(h ? n : o(n, f, r));
+		if (i === !1) {
+			h && y(!0);
 			return;
 		}
-		if (r?.getAttribute("data-url") === n) {
-			(d && !m || t.some((e) => !f.has(e))) && x(null, t);
+		if (r?.getAttribute("data-url") === i) {
+			c(h, v, n, g) && E(null, n);
 			return;
 		}
-		let i = e(), a = document.createElement("link");
-		a.rel = "stylesheet", a.href = n, i && (a.nonce = i), a.setAttribute(`data-${c}`, "true"), a.setAttribute("data-url", n), a.addEventListener("load", () => x(r, t)), a.addEventListener("error", () => b(t)), document.head.appendChild(a), g.current = a;
+		let a = e(), l = document.createElement("link");
+		l.rel = "stylesheet", l.href = i, a && (l.nonce = a), l.setAttribute(`data-${f}`, t), l.setAttribute("data-url", i), h || l.setAttribute("data-icons", n.join(",")), l.addEventListener("load", () => E(r, n)), l.addEventListener("error", () => T(n)), document.head.appendChild(l), b.current = l;
 	}, [
-		o,
-		s,
-		c,
 		u,
-		x,
-		b,
 		d,
+		f,
 		m,
-		f
+		E,
+		T,
+		h,
+		v,
+		g
 	]), {
-		loadedIcons: f,
-		isIconLoaded: (e) => d ? m : f.has(e)
+		loadedIcons: g,
+		isIconLoaded: (e) => h ? v : g.has(e)
 	};
 };
 //#endregion
-export { o as useDynamicFontSubsetting };
+export { u as useDynamicFontSubsetting };

package/dist/components/Icon/index.js

@@ -1,5 +1,5 @@
 import { icon as e } from "./Icon.styles.js";
-import { s as t } from "../../constants-D0UW4Ewm.js";
+import { s as t } from "../../constants-DJz-xntC.js";
 import { IressIconProvider as n } from "./IconProvider.js";
 import { IressIcon as r } from "./Icon.js";
 export { r as IressIcon, n as IressIconProvider, t as MATERIAL_SYMBOLS, e as icon };

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { image as r } from "./Image.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Image/Image.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Image/Image.styles.ts
 var t = e({
 	base: {

package/dist/components/Inline/Inline.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { inline as r } from "./Inline.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Inline/Inline.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Inline/Inline.styles.ts
 var t = e({
 	base: {

package/dist/components/Input/Input.js

@@ -1,8 +1,8 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { n as t } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as n } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { n as t } from "../../is-valid-prop-BVyYPT21.js";
+import { t as n } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import { t as i } from "../../Button-bZPKq0ue.js";
+import { t as i } from "../../Button-BY2qzshw.js";
 import { IressSpinner as a } from "../Spinner/Spinner.js";
 import { useControlledState as o } from "../../hooks/useControlledState.js";
 import { IressCloseButton as s } from "../Button/CloseButton/CloseButton.js";

package/dist/components/Input/Input.styles.d.ts

@@ -101,7 +101,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '25%': {
             wrapper: {
-                width: "3/12";
+                maxWidth: "3/12";
             };
             formControl: {
                 width: "12/12";
@@ -109,7 +109,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '50%': {
             wrapper: {
-                width: "6/12";
+                maxWidth: "6/12";
             };
             formControl: {
                 width: "12/12";
@@ -117,7 +117,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '75%': {
             wrapper: {
-                width: "9/12";
+                maxWidth: "9/12";
             };
             formControl: {
                 width: "12/12";
@@ -125,7 +125,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '100%': {
             wrapper: {
-                width: "12/12";
+                maxWidth: "12/12";
             };
             formControl: {
                 width: "12/12";

package/dist/components/Input/Input.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Input/Input.styles.ts
 var t = e({
 	slots: [
@@ -142,19 +142,19 @@ var t = e({
 				formControl: { width: "input.16" }
 			},
 			"25%": {
-				wrapper: { width: "3/12" },
+				wrapper: { maxWidth: "3/12" },
 				formControl: { width: "12/12" }
 			},
 			"50%": {
-				wrapper: { width: "6/12" },
+				wrapper: { maxWidth: "6/12" },
 				formControl: { width: "12/12" }
 			},
 			"75%": {
-				wrapper: { width: "9/12" },
+				wrapper: { maxWidth: "9/12" },
 				formControl: { width: "12/12" }
 			},
 			"100%": {
-				wrapper: { width: "12/12" },
+				wrapper: { maxWidth: "12/12" },
 				formControl: { width: "12/12" }
 			}
 		},

package/dist/components/Input/InputBase/InputBase.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../factory-BKr3zaf6.js";
 import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 var a = t(({ "data-testid": t, rows: a, ...o }, s) => {

package/dist/components/InputCurrency/InputCurrency.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { IressText as n } from "../Text/Text.js";
 import { IressInput as r } from "../Input/Input.js";

package/dist/components/Label/Label.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Label/Label.styles.ts
 var t = e({
 	slots: [

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
-import { t } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
+import { t } from "../../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { IressIcon as r } from "../../Icon/Icon.js";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";

package/dist/components/Link/Link.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressSpinner as i } from "../Spinner/Spinner.js";
 import { link as a } from "./Link.styles.js";

package/dist/components/Link/Link.styles.d.ts

@@ -15,6 +15,7 @@ export declare const link: import('../../styled-system/types').SlotRecipeRuntime
         true: {
             content: {
                 _groupHover: {
+                    cursor: "not-allowed";
                     textDecoration: "underline";
                 };
             };

package/dist/components/Link/Link.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 var t = e({
 	slots: [
 		"root",
@@ -33,7 +33,10 @@ var t = e({
 	variants: {
 		active: { true: { root: { borderBottom: "[1px dashed currentColor]" } } },
 		loading: { true: {
-			content: { _groupHover: { textDecoration: "underline" } },
+			content: { _groupHover: {
+				cursor: "not-allowed",
+				textDecoration: "underline"
+			} },
 			root: {
 				cursor: "not-allowed",
 				filter: "[saturate(0.25)]",