@orfium/ictinus 5.43.6 → 5.43.8

package/dist/components/Avatar/UserAvatar.js

@@ -1,11 +1,10 @@
-import { jsx as r, jsxs as o } from "@emotion/react/jsx-runtime";
-import { Box as t } from "../../vanilla/Box/Box.js";
-function i(C) {
-  return /* @__PURE__ */ r(t, { asChild: !0, ...C, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 14 17", xmlns: "http://www.w3.org/2000/svg", children: [
+import { jsxs as C, jsx as r } from "@emotion/react/jsx-runtime";
+function o() {
+  return /* @__PURE__ */ C("svg", { viewBox: "0 0 14 17", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ r("path", { d: "M6.96625 6.55647C8.77677 6.55647 10.2445 5.08876 10.2445 3.27824C10.2445 1.46772 8.77677 0 6.96625 0C5.15573 0 3.68801 1.46772 3.68801 3.27824C3.68801 5.08876 5.15573 6.55647 6.96625 6.55647Z", fill: "currentColor" }),
     /* @__PURE__ */ r("path", { d: "M0 12.2113C0 12.1401 0.0171683 12.0699 0.0515269 12.0076C1.31285 9.7198 3.95046 8.09435 7 8.09435C10.0495 8.09435 12.6872 9.7198 13.9485 12.0076C13.9828 12.0699 14 12.1401 14 12.2113C14 12.2824 13.9828 12.3528 13.9483 12.4151C12.687 14.6941 10.0518 16.0044 7.00244 16.0044C3.95304 16.0044 1.31314 14.6941 0.0516988 12.4151C0.0172363 12.3528 0 12.2824 0 12.2113Z", fill: "currentColor" })
-  ] }) });
+  ] });
 }
 export {
-  i as UserAvatar
+  o as UserAvatar
 };

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.js

@@ -1,19 +1,18 @@
-import { jsx as o, jsxs as m } from "@emotion/react/jsx-runtime";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
 import { vars as e } from "@orfium/tokens";
-import { breadcrumbListStyles as s, breadcrumbItemStyles as c } from "./BreadcrumbItem.style.js";
-import i from "../../Icon/Icon.js";
-import { Box as l } from "../../../vanilla/Box/Box.js";
-const b = ({
+import { breadcrumbListStyles as c, breadcrumbItemStyles as i } from "./BreadcrumbItem.style.js";
+import m from "../../Icon/Icon.js";
+const f = ({
   childComponent: t,
   isLastItem: r = !1
-}) => /* @__PURE__ */ o("li", { css: s(), children: /* @__PURE__ */ m(l, { css: c({
+}) => /* @__PURE__ */ o("li", { css: c(), children: /* @__PURE__ */ s("div", { css: i({
   isLastItem: r
 }), ...r ? {
   typography: "body02"
 } : {}, children: [
   t,
-  !r && /* @__PURE__ */ o(i, { name: "triangleRight", color: e.color.text.default.secondary, size: e.sizing[5] })
+  !r && /* @__PURE__ */ o(m, { name: "triangleRight", color: e.color.text.default.secondary, size: e.sizing[5] })
 ] }) });
 export {
-  b as default
+  f as default
 };

package/dist/components/Button/Button.js

@@ -1,26 +1,25 @@
-import { jsxs as y, jsx as o } from "@emotion/react/jsx-runtime";
-import h from "react";
-import { BUTTON_ICON_COLOR as n } from "../ButtonBase/constants.js";
-import B from "../ButtonBase/ButtonBase.js";
-import C from "../Avatar/Avatar.js";
-import { Icon as s } from "../../icon/Icon.js";
-import { Text as N } from "../../vanilla/Text/Text.js";
-const x = h.forwardRef((a, l) => {
+import { jsxs as p, jsx as r } from "@emotion/react/jsx-runtime";
+import u from "react";
+import { BUTTON_COLOR as m } from "../ButtonBase/constants.js";
+import y from "../ButtonBase/ButtonBase.js";
+import h from "../Avatar/Avatar.js";
+import c from "../Icon/Icon.js";
+const x = u.forwardRef((a, s) => {
   const {
-    type: r = "primary",
-    size: p = "normal",
-    iconLeftName: i,
-    iconRightName: m,
-    avatar: t,
-    children: f,
-    onClick: d,
-    isLoading: u
-  } = a, e = ["primary", "secondary", "tertiary"].includes(r) && t, c = p === "compact" ? "sm" : "md";
-  return /* @__PURE__ */ y(B, { ...a, ref: l, isLoading: u, onClick: d, children: [
-    e && /* @__PURE__ */ o(C, { src: t?.src, children: t?.label }),
-    i && !e && /* @__PURE__ */ o(s, { name: i, color: n[r], size: c }),
-    /* @__PURE__ */ o(N, { children: f }),
-    m && /* @__PURE__ */ o(s, { name: m, color: n[r], size: c })
+    type: t = "primary",
+    size: B = "normal",
+    iconLeftName: e,
+    iconRightName: i,
+    avatar: o,
+    children: l,
+    onClick: f,
+    isLoading: d
+  } = a, n = ["primary", "secondary", "tertiary"].includes(t) && o;
+  return /* @__PURE__ */ p(y, { ...a, ref: s, isLoading: d, onClick: f, children: [
+    n && /* @__PURE__ */ r(h, { src: o?.src, children: o?.label }),
+    e && !n && /* @__PURE__ */ r(c, { name: e, color: m[t].text }),
+    /* @__PURE__ */ r("span", { children: l }),
+    i && /* @__PURE__ */ r(c, { name: i, color: m[t].text })
   ] });
 });
 x.displayName = "Button";

package/dist/components/ButtonBase/constants.js

@@ -25,16 +25,10 @@ const r = {
     text: t.color.text.default.error
   }
 }, l = {
-  primary: "inverted.primary",
-  secondary: "active",
-  tertiary: "active",
-  danger: "error"
-}, a = {
   normal: "normal.label02",
   compact: "normal.label03"
 };
 export {
   r as BUTTON_COLOR,
-  l as BUTTON_ICON_COLOR,
-  a as typographySizes
+  l as typographySizes
 };

package/dist/components/Controls/CheckBox/CheckBox.js

@@ -1,43 +1,44 @@
 import { jsxs as d, jsx as t } from "@emotion/react/jsx-runtime";
-import _ from "react";
-import { Checkbox as $ } from "react-aria-components";
-import { checkboxWrapperStyles as u, checkboxStyles as C } from "./CheckBox.style.js";
-import l from "../../Box/Box.js";
-import { Icon as y } from "../../../icon/Icon.js";
-import I from "../ControlLabel/ControlLabelText.js";
-import T from "../ControlLabel/ControlHelpText.js";
-const g = _.forwardRef((m, p) => {
+import $ from "react";
+import { Checkbox as u } from "react-aria-components";
+import { vars as m } from "@orfium/tokens";
+import { checkboxWrapperStyles as C, checkboxStyles as I } from "./CheckBox.style.js";
+import s from "../../Box/Box.js";
+import T from "../../Icon/Icon.js";
+import g from "../ControlLabel/ControlLabelText.js";
+import y from "../ControlLabel/ControlHelpText.js";
+const j = $.forwardRef((p, f) => {
   const {
-    id: f,
+    id: x,
     value: e,
-    isSelected: s,
+    isSelected: a,
     onChange: h,
-    isIndeterminate: i,
-    isDisabled: a,
-    labelConfig: x = {},
+    isIndeterminate: o,
+    isDisabled: l,
+    labelConfig: b = {},
     dataTestPrefixId: r = "ictinus",
     children: n
-  } = m, {
-    placement: o = "right",
-    size: b = "normal",
+  } = p, {
+    placement: i = "right",
+    size: k = "normal",
     helpText: c,
-    sx: k
-  } = x;
-  return /* @__PURE__ */ d("div", { css: u({
-    sx: k
+    sx: _
+  } = b;
+  return /* @__PURE__ */ d("div", { css: C({
+    sx: _
   }), children: [
-    /* @__PURE__ */ t($, { id: f, css: C(), isSelected: s, onChange: h, isIndeterminate: i, isDisabled: a, value: e, ref: p, "data-testid": `${r}${e ? `_${e}` : ""}_checkbox`, children: /* @__PURE__ */ d(l, { display: "flex", alignItems: "center", gap: "5", flexDirection: o === "left" ? "row-reverse" : "row", justifyContent: o === "left" ? "space-between" : "unset", children: [
-      /* @__PURE__ */ t(l, { "data-role": "checkbox-icon", children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { name: i ? "minus" : "check", size: "md", color: "inverted.primary", "data-testid": `${r}${e ? `_${e}` : ""}_${i ? "minus" : s ? "checkmark" : "unselected"}` }) }) }),
-      n && /* @__PURE__ */ t(I, { size: b, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: n })
+    /* @__PURE__ */ t(u, { id: x, css: I(), isSelected: a, onChange: h, isIndeterminate: o, isDisabled: l, value: e, ref: f, "data-testid": `${r}${e ? `_${e}` : ""}_checkbox`, children: /* @__PURE__ */ d(s, { display: "flex", alignItems: "center", gap: "5", flexDirection: i === "left" ? "row-reverse" : "row", justifyContent: i === "left" ? "space-between" : "unset", children: [
+      /* @__PURE__ */ t(s, { "data-role": "checkbox-icon", children: /* @__PURE__ */ t(T, { name: o ? "minus" : "check", size: m.sizing[5], color: m.color.text.inverted.primary, dataTestId: `${r}${e ? `_${e}` : ""}_${o ? "minus" : a ? "checkmark" : "unselected"}` }) }),
+      n && /* @__PURE__ */ t(g, { size: k, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: n })
     ] }) }),
-    c && /* @__PURE__ */ t(l, { ...o === "left" ? {
+    c && /* @__PURE__ */ t(s, { ...i === "left" ? {
       pr: "9"
     } : {
       pl: "9"
-    }, "data-disabled": a, children: /* @__PURE__ */ t(T, { helpText: c, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: c }) })
+    }, "data-disabled": l, children: /* @__PURE__ */ t(y, { helpText: c, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: c }) })
   ] });
 });
-g.displayName = "CheckBox";
+j.displayName = "CheckBox";
 export {
-  g as default
+  j as default
 };

package/dist/components/IconButton/IconButton.js

@@ -1,18 +1,19 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
 import f from "react";
-import p from "../ButtonBase/ButtonBase.js";
-import { BUTTON_ICON_COLOR as l } from "../ButtonBase/constants.js";
-import { Icon as s } from "../../icon/Icon.js";
-const u = f.forwardRef(({
+import { vars as p } from "@orfium/tokens";
+import s from "../ButtonBase/ButtonBase.js";
+import { BUTTON_COLOR as l } from "../ButtonBase/constants.js";
+import u from "../Icon/Icon.js";
+const B = f.forwardRef(({
   size: o = "normal",
   type: r = "primary",
-  shape: c = "circle",
+  shape: i = "circle",
   iconName: n,
-  iconColor: a,
+  iconColor: c,
   dataTestPrefixId: t,
-  ...i
-}, e) => /* @__PURE__ */ m(p, { ...i, ref: e, isIconButton: !0, shape: c, size: o, type: r, dataTestPrefixId: t ? `${t}-icon-` : "icon-", children: /* @__PURE__ */ m(s, { size: o === "compact" ? "sm" : "md", name: n, color: a ?? l[r] }) }));
-u.displayName = "IconButton";
+  ...a
+}, e) => /* @__PURE__ */ m(s, { ...a, ref: e, isIconButton: !0, shape: i, size: o, type: r, dataTestPrefixId: t ? `${t}-icon-` : "icon-", children: /* @__PURE__ */ m(u, { size: p.sizing[o === "compact" ? "4" : "5"], name: n, color: c ?? l[r].text }) }));
+B.displayName = "IconButton";
 export {
-  u as default
+  B as default
 };