@orfium/ictinus 5.41.3 → 5.42.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @orfium/ictinus
 
+## 5.42.0
+
+### Minor Changes
+
+- 5d46cd5: allow custom app styles
+
+### Patch Changes
+
+- Updated dependencies [5d46cd5]
+  - @orfium/tokens@5.1.3
+
+## 5.41.4
+
+### Patch Changes
+
+- cc639ea: extend box props in tooltip content
+
 ## 5.41.3
 
 ### Patch Changes

package/dist/components/Link/Link.js

@@ -1,33 +1,33 @@
-import { jsxs as x, jsx as m } from "@emotion/react/jsx-runtime";
+import { jsxs as u, jsx as x } from "@emotion/react/jsx-runtime";
 import h from "../../hooks/useTheme.js";
 import v from "react";
-import { iconSize as _ } from "./constants.js";
-import { linkContainer as z } from "./Link.style.js";
-import { useSlotProps as C } from "../utils/Slots.js";
+import { useSlotProps as _ } from "../utils/Slots.js";
+import { iconSize as z } from "./constants.js";
+import { linkContainer as C } from "./Link.style.js";
 import I from "../Icon/Icon.js";
-const g = v.forwardRef((e, a) => {
-  e = C(e, "link");
+const g = v.forwardRef((e, m) => {
+  e = _(e, "link");
   const {
     type: t = "primary",
-    placement: c = "block",
+    placement: a = "block",
     size: o = 1,
     iconName: i,
-    isDisabled: d,
+    isDisabled: c,
     component: n,
     dataTestPrefixId: r = "",
-    children: l,
-    ...f
-  } = e, s = h(), p = n ?? "a", k = n ? {
+    children: d,
+    ...l
+  } = e, s = h(), f = n ?? "a", p = n ? {
     to: e.href
-  } : {}, u = t === "inverted";
-  return /* @__PURE__ */ x(p, { css: z({
-    placement: c,
+  } : {}, k = t === "inverted";
+  return /* @__PURE__ */ u(f, { css: C({
+    placement: a,
     type: t,
     size: o,
-    isDisabled: d
-  }), ref: a, "data-testid": `${r}_link`, ...k, ...f, children: [
-    /* @__PURE__ */ m("span", { children: l }),
-    i && /* @__PURE__ */ m(I, { name: i, color: s.tokens.colors.get(u ? "textColor.inverted.active" : "textColor.default.active"), size: s.dimension.sizing.get(_[o]), dataTestId: `${r}_link_icon` })
+    isDisabled: c
+  }), ref: m, "data-testid": `${r}_link`, ...p, ...l, children: [
+    d,
+    i && /* @__PURE__ */ x(I, { name: i, color: s.tokens.colors.get(k ? "textColor.inverted.active" : "textColor.default.active"), size: s.dimension.sizing.get(z[o]), dataTestId: `${r}_link_icon` })
   ] });
 });
 g.displayName = "Link";

package/dist/components/Link/Link.style.js

@@ -1,15 +1,15 @@
 import { css as s } from "@emotion/react";
-import { getLinkTokens as d } from "./Link.tokens.js";
 import { generateStylesFromTokens as a } from "../Typography/utils.js";
-const v = ({
+import { getLinkTokens as d } from "./Link.tokens.js";
+const x = ({
   placement: r,
   type: i,
   size: n,
   isDisabled: e
-}) => (t) => {
-  const l = d(t), o = i === "inverted";
-  return /* @__PURE__ */ s("display:", r === "inline" ? "inline-flex" : "flex", ";gap:", t.dimension.spacing.get("xs"), ";color:", t.tokens.colors.get(o ? "textColor.inverted.active" : "textColor.default.active"), ";text-decoration:none;position:relative;&:hover,&[aria-expanded='true']{color:", t.tokens.colors.get(o ? "textColor.inverted.primary" : "textColor.default.primary"), ";path{fill:", t.tokens.colors.get(o ? "textColor.inverted.primary" : "textColor.default.primary"), "!important;}}&:visited{color:", t.tokens.colors.get(o ? "textColor.inverted.visited" : "textColor.default.visited"), ";path{fill:", t.tokens.colors.get(o ? "textColor.inverted.visited" : "textColor.default.visited"), "!important;}}&:focus-visible:after{content:'';position:absolute;inset:-3px -6px;border-radius:", t.globals.borderRadius.get("2"), ";border:", t.dimension.borderWidth.get("focused"), " solid ", t.tokens.colors.get("borderColor.interactive.upsell"), ";}opacity:", e ? t.tokens.disabledState.get("default") : 1, ";width:fit-content;align-items:center;cursor:", e ? "default" : "pointer", ";pointer-events:", e ? "none" : "default", ";", a(l(`${r}.${n}`)), ";", "");
+}) => (o) => {
+  const l = d(o), t = i === "inverted";
+  return /* @__PURE__ */ s("display:", r === "inline" ? "inline-flex" : "flex", ";gap:", o.dimension.spacing.get("xs"), ";color:", o.tokens.colors.get(t ? "textColor.inverted.active" : "textColor.default.active"), ";text-decoration:none;position:relative;&:hover,&[aria-expanded='true']{color:", o.tokens.colors.get(t ? "textColor.inverted.primary" : "textColor.default.primary"), ";path{fill:", o.tokens.colors.get(t ? "textColor.inverted.primary" : "textColor.default.primary"), "!important;}}&:visited{color:", o.tokens.colors.get(t ? "textColor.inverted.visited" : "textColor.default.visited"), ";path{fill:", o.tokens.colors.get(t ? "textColor.inverted.visited" : "textColor.default.visited"), "!important;}}&:focus-visible:after{content:'';position:absolute;inset:-3px -6px;border-radius:", o.globals.borderRadius.get("2"), ";border:", o.dimension.borderWidth.get("focused"), " solid ", o.tokens.colors.get("borderColor.interactive.upsell"), ";}opacity:", e ? o.tokens.disabledState.get("default") : 1, ";align-items:center;cursor:", e ? "default" : "pointer", ";pointer-events:", e ? "none" : "auto", ";", a(l(`${r}.${n}`)), ";", "");
 };
 export {
-  v as linkContainer
+  x as linkContainer
 };