@orfium/ictinus 5.43.8 → 5.44.0

package/dist/components/Modal/Modal.js

@@ -1,27 +1,25 @@
 import { jsx as o, jsxs as f } from "@emotion/react/jsx-runtime";
+import { rem as a } from "@orfium/tokens";
 import u from "../../hooks/useEscape.js";
 import { useOverlayStack as p } from "../../hooks/useOverlayStack.js";
-import { rem as a } from "polished";
-import "@orfium/tokens";
-import { generateTestDataId as v } from "../../utils/helpers.js";
-import "@emotion/react";
-import { useRef as y, useEffect as h } from "react";
+import { useRef as v, useEffect as y } from "react";
+import { generateTestDataId as h } from "../../utils/helpers.js";
 import { backgroundContainer as C, cardSizing as b, closeContainer as g, modalContainer as k } from "./Modal.style.js";
 import x from "./ModalContent/ModalContent.js";
 import I from "../Card/Card.js";
 import M from "../IconButton/IconButton.js";
-const q = ({
+const D = ({
   isOpen: r = !1,
   onClose: e,
   dataTestId: d,
   children: l,
   contentProps: t,
   isContentPadded: s = !0,
-  maxWidth: m = `${a(500)}`,
-  maxHeight: n = `${a(684)}`
+  maxWidth: n = `${a(500)}`,
+  maxHeight: c = `${a(684)}`
 }) => {
-  const i = y(null), {
-    overlayProps: c
+  const i = v(null), {
+    overlayProps: m
   } = p({
     isVisible: r,
     isNonModal: !1,
@@ -30,9 +28,9 @@ const q = ({
   });
   return u(() => {
     e();
-  }), h(() => (r && (document.body.style.overflow = "hidden"), () => {
+  }), y(() => (r && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "";
-  }), [r]), r ? /* @__PURE__ */ o("div", { css: C, "data-testid": v("modal-container", d), children: /* @__PURE__ */ o("div", { ...c, ref: i, css: b(m, n), children: /* @__PURE__ */ f(I, { elevated: "02", radius: "3", children: [
+  }), [r]), r ? /* @__PURE__ */ o("div", { css: C, "data-testid": h("modal-container", d), children: /* @__PURE__ */ o("div", { ...m, ref: i, css: b(n, c), children: /* @__PURE__ */ f(I, { elevated: "02", radius: "3", children: [
     /* @__PURE__ */ o("div", { css: g, children: /* @__PURE__ */ o(M, { type: "tertiary", iconName: "close", onClick: e, iconColor: "secondary", dataTestId: "modal-close" }) }),
     /* @__PURE__ */ o("div", { css: k({
       isContentPadded: s
@@ -40,5 +38,5 @@ const q = ({
   ] }) }) }) : null;
 };
 export {
-  q as default
+  D as default
 };

package/dist/components/ProgressIndicator/components/ProgressCircle/ProgressCircle.js

@@ -3,9 +3,7 @@ import { convertRemToPixels as h, vars as n } from "@orfium/tokens";
 import { isUndefined as g } from "lodash-es";
 import _ from "react";
 import { ProgressBar as k } from "react-aria-components";
-import "polished";
 import u from "../../../../hooks/useTheme.js";
-import "@emotion/react";
 import { animationStyles as y } from "./ProgressCircle.style.js";
 var x = {
   name: "zjik7",
@@ -16,17 +14,17 @@ const b = _.forwardRef(({
   status: m,
   dataTestPrefixId: o
 }, l) => {
-  const p = {
+  const d = {
     ...r ? {
       value: r
     } : {},
     ...r ? {} : {
       isIndeterminate: !0
     }
-  }, s = u(), i = 16, c = s.globals.sizing.get("4"), a = h(Number.parseFloat(s.globals.borderWidth.get("2"))), e = 2 * (16 - a) * Math.PI, d = m === "error";
-  return /* @__PURE__ */ t(k, { ...p, ref: l, css: x, children: ({
+  }, s = u(), i = 16, c = s.globals.sizing.get("4"), a = h(Number.parseFloat(s.globals.borderWidth.get("2"))), e = 2 * (16 - a) * Math.PI, p = m === "error";
+  return /* @__PURE__ */ t(k, { ...d, ref: l, css: x, children: ({
     percentage: f = r ?? 75
-  }) => /* @__PURE__ */ t("svg", { width: c, height: c, viewBox: "0 0 32 32", fill: "none", strokeWidth: a, "data-testid": `${o}_circular_progress_container`, children: /* @__PURE__ */ t("circle", { cx: i, cy: i, r: 14, stroke: d ? n.color.text.inverted.error : n.color.palette.primary.muted, strokeDasharray: `${e} ${e}`, strokeDashoffset: e - f / 100 * e, strokeLinecap: "round", transform: "rotate(-90 16 16)", css: y(g(r)), "data-testid": `${o}_circular_progress_value` }) }) });
+  }) => /* @__PURE__ */ t("svg", { width: c, height: c, viewBox: "0 0 32 32", fill: "none", strokeWidth: a, "data-testid": `${o}_circular_progress_container`, children: /* @__PURE__ */ t("circle", { cx: i, cy: i, r: 14, stroke: p ? n.color.text.inverted.error : n.color.palette.primary.muted, strokeDasharray: `${e} ${e}`, strokeDashoffset: e - f / 100 * e, strokeLinecap: "round", transform: "rotate(-90 16 16)", css: y(g(r)), "data-testid": `${o}_circular_progress_value` }) }) });
 });
 b.displayName = "ProgressCircle";
 export {

package/dist/components/TopAppBar/TopAppBar.js

@@ -1,36 +1,33 @@
-import { jsxs as t, jsx as o } from "@emotion/react/jsx-runtime";
-import r from "./TopAppBar.style.js";
-import "polished";
+import { jsxs as s, jsx as o } from "@emotion/react/jsx-runtime";
 import { useBreakpoints as B } from "../../hooks/useBreakpoints.js";
-import "@orfium/tokens";
-import "@emotion/react";
+import r from "./TopAppBar.style.js";
 import u from "./components/SidebarMenuIcon/SidebarMenuIcon.js";
 import S from "./components/Logo/Logo.wrapper.js";
 import b from "./components/Search/Search.js";
 import h from "./components/UserMenu/UserMenu.js";
-const I = ({
-  searchPlaceholder: s = "Search",
+const g = ({
+  searchPlaceholder: t = "Search",
   searchDefaultValue: n = "",
   logoIcon: a,
-  onMenuIconClick: m,
-  additionalTools: e,
-  userMenu: c,
-  onSearchHandler: p,
+  onMenuIconClick: c,
+  additionalTools: p,
+  userMenu: m,
+  onSearchHandler: e,
   onKeyPressHandler: l,
   isSearchDisabled: f = !1,
   isDark: i = !1
 }) => {
   const d = B();
-  return /* @__PURE__ */ t("div", { role: "banner", "aria-label": "Top Application Banner", css: r.topAppBarWrapper(i), children: [
-    /* @__PURE__ */ t("div", { css: r.mainSection(!!p), children: [
-      !d.des1200 && /* @__PURE__ */ o(u, { onMenuIconClick: m }),
+  return /* @__PURE__ */ s("div", { role: "banner", "aria-label": "Top Application Banner", css: r.topAppBarWrapper(i), children: [
+    /* @__PURE__ */ s("div", { css: r.mainSection(!!e), children: [
+      !d.des1200 && /* @__PURE__ */ o(u, { onMenuIconClick: c }),
       /* @__PURE__ */ o(S, { logoIcon: a }),
-      p && /* @__PURE__ */ o(b, { onSearchHandler: p, onKeyPressHandler: l, searchPlaceholder: s, searchDefaultValue: n, isSearchDisabled: f, isDark: i })
+      e && /* @__PURE__ */ o(b, { onSearchHandler: e, onKeyPressHandler: l, searchPlaceholder: t, searchDefaultValue: n, isSearchDisabled: f, isDark: i })
     ] }),
-    /* @__PURE__ */ o("div", { css: r.additionalToolsSection(!!e), children: e }),
-    /* @__PURE__ */ o("div", { css: r.topAppBarSection, children: /* @__PURE__ */ o(h, { ...c }) })
+    /* @__PURE__ */ o("div", { css: r.additionalToolsSection(!!p), children: p }),
+    /* @__PURE__ */ o("div", { css: r.topAppBarSection, children: /* @__PURE__ */ o(h, { ...m }) })
   ] });
 };
 export {
-  I as default
+  g as default
 };

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@orfium/ictinus",
-  "version": "5.43.8",
+  "version": "5.44.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -23,7 +23,8 @@ declare const _default: {
     }
   },
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "global.css.ts"
   ],
   "files": [
     "dist/**",

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "5.43.8";
+const o = "5.44.0";
 export {
   o as version
 };

package/dist/src/actions/ActionsContent.d.ts

@@ -17,10 +17,10 @@ export declare const ActionsContent: import('react').ForwardRefExoticComponent<{
     overflowY?: "hidden" | "auto" | "visible";
     userSelect?: "all" | "none";
     touchAction?: "none" | "manipulation";
-    fontFamily?: "mono" | "sans";
+    fontFamily?: "mono" | "sans" | "outfit";
     fontSize?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7";
     typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
-    fontWeight?: "bold" | "medium" | "regular";
+    fontWeight?: "bold" | "medium" | "regular" | "semibold";
     fontStyle?: "italic";
     lineHeight?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7" | "11";
     letterSpacing?: "0" | "1" | "3" | "2";
@@ -34,6 +34,7 @@ export declare const ActionsContent: import('react').ForwardRefExoticComponent<{
     wordWrap?: "normal" | "break-word";
     textAlign?: "center" | "start" | "end" | "justify";
     animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
     transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
     transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
     transitionDuration?: "150ms" | "200ms";

package/dist/src/actions/ActionsRoot.d.ts

@@ -14,10 +14,10 @@ export declare const ActionsRoot: import('react').ForwardRefExoticComponent<Omit
     overflowY?: "hidden" | "auto" | "visible";
     userSelect?: "all" | "none";
     touchAction?: "none" | "manipulation";
-    fontFamily?: "mono" | "sans";
+    fontFamily?: "mono" | "sans" | "outfit";
     fontSize?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7";
     typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
-    fontWeight?: "bold" | "medium" | "regular";
+    fontWeight?: "bold" | "medium" | "regular" | "semibold";
     fontStyle?: "italic";
     lineHeight?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7" | "11";
     letterSpacing?: "0" | "1" | "3" | "2";
@@ -31,6 +31,7 @@ export declare const ActionsRoot: import('react').ForwardRefExoticComponent<Omit
     wordWrap?: "normal" | "break-word";
     textAlign?: "center" | "start" | "end" | "justify";
     animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
     transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
     transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
     transitionDuration?: "150ms" | "200ms";

package/dist/src/button/Button.css.d.ts

@@ -0,0 +1,36 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        danger: string;
+    };
+    size: {
+        normal: string;
+        compact: string;
+    };
+    iconOnly: {
+        true: string;
+    };
+    circle: {
+        true: string;
+    };
+    isPending: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>;
+export declare const text: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        normal: string;
+        compact: string;
+    };
+    isPending: {
+        true: string;
+    };
+}>;
+export declare const progress: string;
+export type ButtonVariants = RecipeVariants<typeof button>;