npm - @uipath/apollo-react - Versions diffs - 3.71.0 → 4.0.0 - Mend

@uipath/apollo-react 3.71.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/dist/canvas/components/NodeInspector.cjs CHANGED Viewed

@@ -27,10 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     NodeInspector: ()=>NodeInspector
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
-const external_material_index_cjs_namespaceObject = require("../../material/index.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("./FloatingCanvasPanel/index.cjs");
 function safeStringify(obj, indent = 2) {
     const seen = new WeakSet();
@@ -59,12 +57,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "ID:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: id
                     })
                 ]
@@ -72,12 +70,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Type:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: type || 'default'
                     })
                 ]
@@ -85,12 +83,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Selected:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: selected ? 'Yes' : 'No'
                     })
                 ]
@@ -98,12 +96,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Position:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: [
                             "(",
                             position.x.toFixed(0),
@@ -117,12 +115,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             void 0 !== width && void 0 !== height && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Size:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: [
                             width.toFixed(0),
                             " \xd7 ",
@@ -134,9 +132,8 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             data && Object.keys(data).length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
-                        color: "var(--uix-canvas-foreground-de-emp)",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono text-foreground-muted",
                         children: "Data:"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
@@ -168,12 +165,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "ID:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: id
                     })
                 ]
@@ -181,12 +178,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Type:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: type || 'default'
                     })
                 ]
@@ -194,12 +191,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Selected:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: selected ? 'Yes' : 'No'
                     })
                 ]
@@ -207,12 +204,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Source:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: source
                     })
                 ]
@@ -220,12 +217,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Target:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: target
                     })
                 ]
@@ -233,12 +230,12 @@ function EdgeInfoContent({ edge }) {
             sourceHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Source Handle:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: sourceHandle
                     })
                 ]
@@ -246,12 +243,12 @@ function EdgeInfoContent({ edge }) {
             targetHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Target Handle:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: targetHandle
                     })
                 ]
@@ -259,12 +256,12 @@ function EdgeInfoContent({ edge }) {
             void 0 !== animated && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Animated:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: animated ? 'Yes' : 'No'
                     })
                 ]
@@ -272,12 +269,12 @@ function EdgeInfoContent({ edge }) {
             label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Label:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: 'string' == typeof label ? label : '[React Element]'
                     })
                 ]
@@ -285,12 +282,12 @@ function EdgeInfoContent({ edge }) {
             (markerStart || markerEnd) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono",
                         children: "Markers:"
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono font-bold",
                         children: markerStart && markerEnd ? 'Both ends' : markerStart ? 'Start only' : 'End only'
                     })
                 ]
@@ -298,9 +295,8 @@ function EdgeInfoContent({ edge }) {
             data && Object.keys(data).length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                        variant: apollo_core_namespaceObject.FontVariantToken.fontMonoM,
-                        color: "var(--uix-canvas-foreground-de-emp)",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-sm font-mono text-foreground-muted",
                         children: "Data:"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {

package/dist/canvas/components/NodeInspector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;~~AAsPlD~~,MAAM,MAAM,kBAAkB,GAAG;IAI/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,eAAuB,EACvB,OAAO,EACP,YAAmB,EACnB,YAAmB,GACpB,GAAE,kBAAuB,kDAwFzB"}
1	+ {"version":3,"file":"NodeInspector.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EAKV,MAAM,0CAA0C,CAAC;AAqOlD,MAAM,MAAM,kBAAkB,GAAG;IAI/B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAIrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,eAAuB,EACvB,OAAO,EACP,YAAmB,EACnB,YAAmB,GACpB,GAAE,kBAAuB,kDAwFzB"}

package/dist/canvas/components/NodeInspector.js CHANGED Viewed

@@ -1,8 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { FontVariantToken } from "@uipath/apollo-core";
 import { Column, Row } from "../layouts/index.js";
 import { useEdges, useNodes, useReactFlow } from "../xyflow/react.js";
-import { ApTypography } from "../../material/index.js";
 import { FloatingCanvasPanel } from "./FloatingCanvasPanel/index.js";
 function safeStringify(obj, indent = 2) {
     const seen = new WeakSet();
@@ -31,12 +29,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "ID:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: id
                     })
                 ]
@@ -44,12 +42,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Type:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: type || 'default'
                     })
                 ]
@@ -57,12 +55,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Selected:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: selected ? 'Yes' : 'No'
                     })
                 ]
@@ -70,12 +68,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Position:"
                     }),
-                    /*#__PURE__*/ jsxs(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "text-sm font-mono font-bold",
                         children: [
                             "(",
                             position.x.toFixed(0),
@@ -89,12 +87,12 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             void 0 !== width && void 0 !== height && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Size:"
                     }),
-                    /*#__PURE__*/ jsxs(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "text-sm font-mono font-bold",
                         children: [
                             width.toFixed(0),
                             " \xd7 ",
@@ -106,9 +104,8 @@ function NodeInfoContent({ node, position, absPosition: _absPosition, width, hei
             data && Object.keys(data).length > 0 && /*#__PURE__*/ jsxs(Column, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
-                        color: "var(--uix-canvas-foreground-de-emp)",
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono text-foreground-muted",
                         children: "Data:"
                     }),
                     /*#__PURE__*/ jsx("pre", {
@@ -140,12 +137,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "ID:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: id
                     })
                 ]
@@ -153,12 +150,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Type:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: type || 'default'
                     })
                 ]
@@ -166,12 +163,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Selected:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: selected ? 'Yes' : 'No'
                     })
                 ]
@@ -179,12 +176,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Source:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: source
                     })
                 ]
@@ -192,12 +189,12 @@ function EdgeInfoContent({ edge }) {
             /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Target:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: target
                     })
                 ]
@@ -205,12 +202,12 @@ function EdgeInfoContent({ edge }) {
             sourceHandle && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Source Handle:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: sourceHandle
                     })
                 ]
@@ -218,12 +215,12 @@ function EdgeInfoContent({ edge }) {
             targetHandle && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Target Handle:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: targetHandle
                     })
                 ]
@@ -231,12 +228,12 @@ function EdgeInfoContent({ edge }) {
             void 0 !== animated && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Animated:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: animated ? 'Yes' : 'No'
                     })
                 ]
@@ -244,12 +241,12 @@ function EdgeInfoContent({ edge }) {
             label && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Label:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: 'string' == typeof label ? label : '[React Element]'
                     })
                 ]
@@ -257,12 +254,12 @@ function EdgeInfoContent({ edge }) {
             (markerStart || markerEnd) && /*#__PURE__*/ jsxs(Row, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono",
                         children: "Markers:"
                     }),
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoMBold,
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono font-bold",
                         children: markerStart && markerEnd ? 'Both ends' : markerStart ? 'Start only' : 'End only'
                     })
                 ]
@@ -270,9 +267,8 @@ function EdgeInfoContent({ edge }) {
             data && Object.keys(data).length > 0 && /*#__PURE__*/ jsxs(Column, {
                 gap: 4,
                 children: [
-                    /*#__PURE__*/ jsx(ApTypography, {
-                        variant: FontVariantToken.fontMonoM,
-                        color: "var(--uix-canvas-foreground-de-emp)",
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-mono text-foreground-muted",
                         children: "Data:"
                     }),
                     /*#__PURE__*/ jsx("pre", {

package/dist/canvas/components/NodePropertiesPanel/NodePropertiesPanel.cjs CHANGED Viewed

@@ -29,8 +29,9 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const components_index_cjs_namespaceObject = require("../../../material/components/index.cjs");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
+const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
 const external_fields_index_cjs_namespaceObject = require("./fields/index.cjs");
 const external_hooks_index_cjs_namespaceObject = require("./hooks/index.cjs");
@@ -131,12 +132,15 @@ const NodePropertiesPanel_NodePropertiesPanel = /*#__PURE__*/ (0, external_react
         }, section.id);
     };
     if (!selectedNode || !schema || !internalNode) return null;
-    const headerActions = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIconButton, {
-        color: "secondary",
+    const headerActions = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+        variant: "ghost",
+        size: "icon",
+        className: "h-6 w-6",
         onClick: handleTogglePin,
         title: isPinned ? 'Unpin panel' : 'Pin panel',
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_index_cjs_namespaceObject.ApIcon, {
-            name: isPinned ? 'unfold_less' : 'unfold_more'
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
+            icon: isPinned ? 'shrink' : 'expand',
+            size: 16
         })
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FloatingCanvasPanel_index_cjs_namespaceObject.FloatingCanvasPanel, {

package/dist/canvas/components/NodePropertiesPanel/NodePropertiesPanel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NodePropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertiesPanel/NodePropertiesPanel.tsx"],"names":[],"mappings":"~~AAYA~~,OAAO,KAAK,EAGV,wBAAwB,EACzB,MAAM,6BAA6B,CAAC;AAoCrC,eAAO,MAAM,mBAAmB,~~gEA4H9B~~,CAAC"}
1	+ {"version":3,"file":"NodePropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertiesPanel/NodePropertiesPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAGV,wBAAwB,EACzB,MAAM,6BAA6B,CAAC;AAoCrC,eAAO,MAAM,mBAAmB,gEA8H9B,CAAC"}