@uipath/apollo-react 6.35.0 → 6.36.1

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 (26) hide show
  1. package/dist/canvas/components/JsonTree/JsonContainerEditor.cjs +1 -2
  2. package/dist/canvas/components/JsonTree/JsonContainerEditor.js +2 -3
  3. package/dist/canvas/components/JsonTree/JsonTreeRow.cjs +6 -15
  4. package/dist/canvas/components/JsonTree/JsonTreeRow.d.ts.map +1 -1
  5. package/dist/canvas/components/JsonTree/JsonTreeRow.js +7 -16
  6. package/dist/canvas/components/NodePropertiesPanel/fields/CheckboxField.cjs +2 -2
  7. package/dist/canvas/components/NodePropertiesPanel/fields/CheckboxField.js +3 -3
  8. package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.cjs +1 -2
  9. package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.d.ts.map +1 -1
  10. package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.js +2 -3
  11. package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.cjs +1 -2
  12. package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.d.ts.map +1 -1
  13. package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.js +2 -3
  14. package/dist/canvas/components/NodePropertiesPanel/fields/TextField.cjs +1 -2
  15. package/dist/canvas/components/NodePropertiesPanel/fields/TextField.d.ts.map +1 -1
  16. package/dist/canvas/components/NodePropertiesPanel/fields/TextField.js +2 -3
  17. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs +2 -2
  18. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map +1 -1
  19. package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js +2 -2
  20. package/dist/canvas/components/NodePropertyPanel/PanelField.cjs +3 -6
  21. package/dist/canvas/components/NodePropertyPanel/PanelField.d.ts.map +1 -1
  22. package/dist/canvas/components/NodePropertyPanel/PanelField.js +4 -7
  23. package/dist/canvas/components/StickyNoteNode/StickyNoteMediaDialog.cjs +2 -1
  24. package/dist/canvas/components/StickyNoteNode/StickyNoteMediaDialog.js +2 -1
  25. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  26. package/package.json +3 -3
package/dist/canvas/components/JsonTree/JsonContainerEditor.cjs CHANGED
@@ -84,8 +84,7 @@ function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, class
84
84
  }
85
85
  })
86
86
  }),
87
- error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
88
- className: "text-xs leading-4 text-error",
87
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
89
88
  children: error
90
89
  }),
91
90
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_EditorChrome_cjs_namespaceObject.EditorActions, {
package/dist/canvas/components/JsonTree/JsonContainerEditor.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { FormFieldError, cn } from "@uipath/apollo-wind";
3
3
  import { useState } from "react";
4
4
  import { useSafeLingui } from "../../../i18n/index.js";
5
5
  import { EditorActions, EditorTextarea } from "./EditorChrome.js";
@@ -56,8 +56,7 @@ function JsonContainerEditor({ node, onCommit, onCancel, renderCodeEditor, class
56
56
  }
57
57
  })
58
58
  }),
59
- error && /*#__PURE__*/ jsx("p", {
60
- className: "text-xs leading-4 text-error",
59
+ /*#__PURE__*/ jsx(FormFieldError, {
61
60
  children: error
62
61
  }),
63
62
  /*#__PURE__*/ jsx(EditorActions, {
package/dist/canvas/components/JsonTree/JsonTreeRow.cjs CHANGED
@@ -218,21 +218,12 @@ function JsonTreeRow({ node, depth }) {
218
218
  className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
219
219
  children: decoration.sublabel
220
220
  }),
221
- node.required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
222
- className: "shrink-0 text-[10px] text-error",
223
- children: [
224
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
225
- "aria-hidden": "true",
226
- children: "*"
227
- }),
228
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
229
- className: "sr-only",
230
- children: _({
231
- id: 'canvas.json_value_panel.required_marker',
232
- message: 'required'
233
- })
234
- })
235
- ]
221
+ node.required && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.RequiredIndicator, {
222
+ className: "ml-0 shrink-0 text-[10px] text-foreground",
223
+ srLabel: _({
224
+ id: 'canvas.json_value_panel.required_marker',
225
+ message: 'required'
226
+ })
236
227
  }),
237
228
  isContainer ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
238
229
  children: [
package/dist/canvas/components/JsonTree/JsonTreeRow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AA+B1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA+WjF"}
1
+ {"version":3,"file":"JsonTreeRow.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/JsonTree/JsonTreeRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EAET,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAChB,MAAM,kBAAkB,CAAC;AA+B1B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,cAAc,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAEvC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAE/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAID,eAAO,MAAM,0BAA0B,0DAA8B,CAAC;AAgBtE,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CA6WjF"}
package/dist/canvas/components/JsonTree/JsonTreeRow.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { RequiredIndicator, cn } from "@uipath/apollo-wind";
3
3
  import { ChevronDown, CircleCheck, Copy, Pencil, WrapText } from "lucide-react";
4
4
  import { createContext, useContext } from "react";
5
5
  import { useSafeLingui } from "../../../i18n/index.js";
@@ -189,21 +189,12 @@ function JsonTreeRow({ node, depth }) {
189
189
  className: "min-w-0 truncate font-mono text-[10px] text-foreground-subtle leading-4",
190
190
  children: decoration.sublabel
191
191
  }),
192
- node.required && /*#__PURE__*/ jsxs("span", {
193
- className: "shrink-0 text-[10px] text-error",
194
- children: [
195
- /*#__PURE__*/ jsx("span", {
196
- "aria-hidden": "true",
197
- children: "*"
198
- }),
199
- /*#__PURE__*/ jsx("span", {
200
- className: "sr-only",
201
- children: _({
202
- id: 'canvas.json_value_panel.required_marker',
203
- message: 'required'
204
- })
205
- })
206
- ]
192
+ node.required && /*#__PURE__*/ jsx(RequiredIndicator, {
193
+ className: "ml-0 shrink-0 text-[10px] text-foreground",
194
+ srLabel: _({
195
+ id: 'canvas.json_value_panel.required_marker',
196
+ message: 'required'
197
+ })
207
198
  }),
208
199
  isContainer ? /*#__PURE__*/ jsxs(Fragment, {
209
200
  children: [
package/dist/canvas/components/NodePropertiesPanel/fields/CheckboxField.cjs CHANGED
@@ -40,8 +40,8 @@ const CheckboxField_CheckboxField = /*#__PURE__*/ (0, external_react_namespaceOb
40
40
  children: [
41
41
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
42
42
  className: (0, apollo_wind_namespaceObject.cn)('py-2 rounded transition', field.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-(--canvas-background-hover)'),
43
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", {
44
- className: (0, apollo_wind_namespaceObject.cn)('flex items-center text-[13px] text-(--canvas-foreground) select-none', field.disabled ? 'cursor-not-allowed' : 'cursor-pointer'),
43
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
44
+ className: (0, apollo_wind_namespaceObject.cn)('flex items-center select-none', field.disabled ? 'cursor-not-allowed' : 'cursor-pointer'),
45
45
  children: [
46
46
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
47
47
  className: "nodrag size-[18px] mr-2 cursor-pointer disabled:cursor-not-allowed accent-(--canvas-primary)",
package/dist/canvas/components/NodePropertiesPanel/fields/CheckboxField.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { Label, cn } from "@uipath/apollo-wind";
3
3
  import { memo, useCallback } from "react";
4
4
  const CheckboxField_CheckboxField = /*#__PURE__*/ memo(function({ field, value, onChange, error }) {
5
5
  const handleChange = useCallback((e)=>{
@@ -12,8 +12,8 @@ const CheckboxField_CheckboxField = /*#__PURE__*/ memo(function({ field, value,
12
12
  children: [
13
13
  /*#__PURE__*/ jsx("div", {
14
14
  className: cn('py-2 rounded transition', field.disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-(--canvas-background-hover)'),
15
- children: /*#__PURE__*/ jsxs("label", {
16
- className: cn('flex items-center text-[13px] text-(--canvas-foreground) select-none', field.disabled ? 'cursor-not-allowed' : 'cursor-pointer'),
15
+ children: /*#__PURE__*/ jsxs(Label, {
16
+ className: cn('flex items-center select-none', field.disabled ? 'cursor-not-allowed' : 'cursor-pointer'),
17
17
  children: [
18
18
  /*#__PURE__*/ jsx("input", {
19
19
  className: "nodrag size-[18px] mr-2 cursor-pointer disabled:cursor-not-allowed accent-(--canvas-primary)",
package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.cjs CHANGED
@@ -68,9 +68,8 @@ const NumberField_NumberField = /*#__PURE__*/ (0, external_react_namespaceObject
68
68
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
69
69
  className: "flex flex-col gap-1",
70
70
  children: [
71
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("label", {
71
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
72
72
  htmlFor: `field-${field.key}`,
73
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
74
73
  children: field.label
75
74
  }),
76
75
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,wDA0FtB,CAAC"}
1
+ {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/NumberField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,wDAqFtB,CAAC"}
package/dist/canvas/components/NodePropertiesPanel/fields/NumberField.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { Label, cn } from "@uipath/apollo-wind";
3
3
  import { memo, useCallback, useEffect, useRef, useState } from "react";
4
4
  const NumberField_NumberField = /*#__PURE__*/ memo(function({ field, value, onChange, error }) {
5
5
  const [localValue, setLocalValue] = useState(value ?? field.defaultValue ?? '');
@@ -40,9 +40,8 @@ const NumberField_NumberField = /*#__PURE__*/ memo(function({ field, value, onCh
40
40
  return /*#__PURE__*/ jsxs("div", {
41
41
  className: "flex flex-col gap-1",
42
42
  children: [
43
- /*#__PURE__*/ jsx("label", {
43
+ /*#__PURE__*/ jsx(Label, {
44
44
  htmlFor: `field-${field.key}`,
45
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
46
45
  children: field.label
47
46
  }),
48
47
  /*#__PURE__*/ jsxs("div", {
package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.cjs CHANGED
@@ -43,9 +43,8 @@ const SelectField_SelectField = /*#__PURE__*/ (0, external_react_namespaceObject
43
43
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
44
44
  className: "flex flex-col gap-1",
45
45
  children: [
46
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("label", {
46
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
47
47
  htmlFor: selectId,
48
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
49
48
  children: field.label
50
49
  }),
51
50
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/SelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,wDA8DtB,CAAC"}
1
+ {"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/SelectField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,wDA4DtB,CAAC"}
package/dist/canvas/components/NodePropertiesPanel/fields/SelectField.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { Label, cn } from "@uipath/apollo-wind";
3
3
  import { ChevronDown } from "lucide-react";
4
4
  import { memo, useCallback } from "react";
5
5
  const SelectField_SelectField = /*#__PURE__*/ memo(function({ field, value, onChange, error }) {
@@ -15,9 +15,8 @@ const SelectField_SelectField = /*#__PURE__*/ memo(function({ field, value, onCh
15
15
  return /*#__PURE__*/ jsxs("div", {
16
16
  className: "flex flex-col gap-1",
17
17
  children: [
18
- /*#__PURE__*/ jsx("label", {
18
+ /*#__PURE__*/ jsx(Label, {
19
19
  htmlFor: selectId,
20
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
21
20
  children: field.label
22
21
  }),
23
22
  /*#__PURE__*/ jsxs("div", {
package/dist/canvas/components/NodePropertiesPanel/fields/TextField.cjs CHANGED
@@ -65,9 +65,8 @@ const TextField_TextField = /*#__PURE__*/ (0, external_react_namespaceObject.mem
65
65
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
66
66
  className: "flex flex-col gap-1",
67
67
  children: [
68
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("label", {
68
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
69
69
  htmlFor: inputId,
70
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
71
70
  children: field.label
72
71
  }),
73
72
  'textarea' === field.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
package/dist/canvas/components/NodePropertiesPanel/fields/TextField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,cAAc;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,SAAS,sDAwFpB,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/NodePropertiesPanel/fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,UAAU,cAAc;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,eAAO,MAAM,SAAS,sDAsFpB,CAAC"}
package/dist/canvas/components/NodePropertiesPanel/fields/TextField.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { cn } from "@uipath/apollo-wind";
2
+ import { Label, cn } from "@uipath/apollo-wind";
3
3
  import { memo, useCallback, useEffect, useRef, useState } from "react";
4
4
  const inputBase = 'w-full px-3 py-2 text-[13px] font-mono border border-(--canvas-border) rounded bg-(--canvas-background) text-(--canvas-foreground) outline-none transition-colors placeholder:text-(--canvas-foreground-de-emp) focus:border-(--canvas-primary) disabled:opacity-50 disabled:cursor-not-allowed';
5
5
  const TextField_TextField = /*#__PURE__*/ memo(function({ field, value, onChange, error }) {
@@ -37,9 +37,8 @@ const TextField_TextField = /*#__PURE__*/ memo(function({ field, value, onChange
37
37
  return /*#__PURE__*/ jsxs("div", {
38
38
  className: "flex flex-col gap-1",
39
39
  children: [
40
- /*#__PURE__*/ jsx("label", {
40
+ /*#__PURE__*/ jsx(Label, {
41
41
  htmlFor: inputId,
42
- className: "text-[13px] text-(--canvas-foreground-de-emp)",
43
42
  children: field.label
44
43
  }),
45
44
  'textarea' === field.type ? /*#__PURE__*/ jsx("textarea", {
package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs CHANGED
@@ -121,7 +121,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
121
121
  }) : formSchema ? formSchema.steps ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
122
122
  className: "flex min-h-0 flex-1 flex-col",
123
123
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
124
- className: (0, apollo_wind_namespaceObject.cn)("flex min-h-0 flex-1 flex-col [&_[data-slot=form-description]]:text-xs [&_[data-slot=form-description]]:leading-4 [&_[data-slot=form-description]]:text-foreground-muted [&_[data-slot=form-label]]:text-xs [&_[data-slot=form-label]]:font-medium [&_[data-slot=form-label]]:leading-4 [&_[data-slot=form-label]]:text-foreground", SURFACE_REMAP),
124
+ className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-1 flex-col', SURFACE_REMAP),
125
125
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
126
126
  schema: formSchema,
127
127
  plugins: plugins,
@@ -138,7 +138,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
138
138
  }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
139
139
  className: "min-h-0 flex-1 overflow-auto",
140
140
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
141
- className: (0, apollo_wind_namespaceObject.cn)("[&_[data-slot=form-description]]:text-xs [&_[data-slot=form-description]]:leading-4 [&_[data-slot=form-description]]:text-foreground-muted [&_[data-slot=form-label]]:text-xs [&_[data-slot=form-label]]:font-medium [&_[data-slot=form-label]]:leading-4 [&_[data-slot=form-label]]:text-foreground", SURFACE_REMAP),
141
+ className: SURFACE_REMAP,
142
142
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
143
143
  schema: formSchema,
144
144
  plugins: plugins,
package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAmCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,EAAE,sBAAsB,2CAuIxB"}
1
+ {"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAmCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,EAAE,sBAAsB,2CA6HxB"}
package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js CHANGED
@@ -93,7 +93,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
93
93
  }) : formSchema ? formSchema.steps ? /*#__PURE__*/ jsx("div", {
94
94
  className: "flex min-h-0 flex-1 flex-col",
95
95
  children: /*#__PURE__*/ jsx("div", {
96
- className: cn("flex min-h-0 flex-1 flex-col [&_[data-slot=form-description]]:text-xs [&_[data-slot=form-description]]:leading-4 [&_[data-slot=form-description]]:text-foreground-muted [&_[data-slot=form-label]]:text-xs [&_[data-slot=form-label]]:font-medium [&_[data-slot=form-label]]:leading-4 [&_[data-slot=form-label]]:text-foreground", SURFACE_REMAP),
96
+ className: cn('flex min-h-0 flex-1 flex-col', SURFACE_REMAP),
97
97
  children: /*#__PURE__*/ jsx(MetadataForm, {
98
98
  schema: formSchema,
99
99
  plugins: plugins,
@@ -110,7 +110,7 @@ function NodePropertyPanel({ panelTitle, dragHandleProps, onClose, nodeIcon, nod
110
110
  }) : /*#__PURE__*/ jsx("div", {
111
111
  className: "min-h-0 flex-1 overflow-auto",
112
112
  children: /*#__PURE__*/ jsx("div", {
113
- className: cn("[&_[data-slot=form-description]]:text-xs [&_[data-slot=form-description]]:leading-4 [&_[data-slot=form-description]]:text-foreground-muted [&_[data-slot=form-label]]:text-xs [&_[data-slot=form-label]]:font-medium [&_[data-slot=form-label]]:leading-4 [&_[data-slot=form-label]]:text-foreground", SURFACE_REMAP),
113
+ className: SURFACE_REMAP,
114
114
  children: /*#__PURE__*/ jsx(MetadataForm, {
115
115
  schema: formSchema,
116
116
  plugins: plugins,
package/dist/canvas/components/NodePropertyPanel/PanelField.cjs CHANGED
@@ -30,10 +30,9 @@ __webpack_require__.d(__webpack_exports__, {
30
30
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
31
  const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
32
32
  const external_react_namespaceObject = require("react");
33
- const PanelFieldLabel = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, className, required = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
33
+ const PanelFieldLabel = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, required = false, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Label, {
34
34
  ref: ref,
35
35
  "data-slot": "panel-field-label",
36
- className: (0, apollo_wind_namespaceObject.cn)('text-xs font-medium text-foreground', className),
37
36
  ...props,
38
37
  children: [
39
38
  children,
@@ -66,16 +65,14 @@ function PanelField({ label, htmlFor, description, error, required = false, chil
66
65
  children: label
67
66
  }),
68
67
  control,
69
- description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
68
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldDescription, {
70
69
  id: descriptionId,
71
70
  "data-slot": "panel-field-description",
72
- className: "text-xs leading-4 text-foreground-muted",
73
71
  children: description
74
72
  }),
75
- error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
73
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
76
74
  id: errorId,
77
75
  "data-slot": "panel-field-error",
78
- className: "text-xs leading-4 text-destructive",
79
76
  children: error
80
77
  })
81
78
  ]
package/dist/canvas/components/NodePropertyPanel/PanelField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PanelField.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/PanelField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,UAAU,EAAqB,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IAEtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,eAAe,mHAY3B,CAAC;AASF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CA0CjB"}
1
+ {"version":3,"file":"PanelField.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/PanelField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,UAAU,EAEhB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,KAAK,iBAAiB,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IAEtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,eAAO,MAAM,eAAe,mHAO3B,CAAC;AAkBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CA8BjB"}
package/dist/canvas/components/NodePropertyPanel/PanelField.js CHANGED
@@ -1,10 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Label, RequiredIndicator, cn } from "@uipath/apollo-wind";
2
+ import { FormFieldDescription, FormFieldError, Label, RequiredIndicator, cn } from "@uipath/apollo-wind";
3
3
  import { cloneElement, forwardRef, isValidElement, useId } from "react";
4
- const PanelFieldLabel = /*#__PURE__*/ forwardRef(({ children, className, required = false, ...props }, ref)=>/*#__PURE__*/ jsxs(Label, {
4
+ const PanelFieldLabel = /*#__PURE__*/ forwardRef(({ children, required = false, ...props }, ref)=>/*#__PURE__*/ jsxs(Label, {
5
5
  ref: ref,
6
6
  "data-slot": "panel-field-label",
7
- className: cn('text-xs font-medium text-foreground', className),
8
7
  ...props,
9
8
  children: [
10
9
  children,
@@ -37,16 +36,14 @@ function PanelField({ label, htmlFor, description, error, required = false, chil
37
36
  children: label
38
37
  }),
39
38
  control,
40
- description && /*#__PURE__*/ jsx("p", {
39
+ /*#__PURE__*/ jsx(FormFieldDescription, {
41
40
  id: descriptionId,
42
41
  "data-slot": "panel-field-description",
43
- className: "text-xs leading-4 text-foreground-muted",
44
42
  children: description
45
43
  }),
46
- error && /*#__PURE__*/ jsx("p", {
44
+ /*#__PURE__*/ jsx(FormFieldError, {
47
45
  id: errorId,
48
46
  "data-slot": "panel-field-error",
49
- className: "text-xs leading-4 text-destructive",
50
47
  children: error
51
48
  })
52
49
  ]
package/dist/canvas/components/StickyNoteNode/StickyNoteMediaDialog.cjs CHANGED
@@ -147,6 +147,7 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
147
147
  id: imageTypeId
148
148
  }),
149
149
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
150
+ variant: "muted",
150
151
  htmlFor: imageTypeId,
151
152
  children: _({
152
153
  id: 'sticky-note.media.dialog.image-option',
@@ -163,6 +164,7 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
163
164
  id: videoTypeId
164
165
  }),
165
166
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
167
+ variant: "muted",
166
168
  htmlFor: videoTypeId,
167
169
  children: _({
168
170
  id: 'sticky-note.media.dialog.video-option',
@@ -267,7 +269,6 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
267
269
  children: [
268
270
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
269
271
  htmlFor: fullWidthId,
270
- className: "text-sm font-medium leading-none",
271
272
  children: _({
272
273
  id: 'sticky-note.media.dialog.full-width-label',
273
274
  message: 'Make full width'
package/dist/canvas/components/StickyNoteNode/StickyNoteMediaDialog.js CHANGED
@@ -119,6 +119,7 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
119
119
  id: imageTypeId
120
120
  }),
121
121
  /*#__PURE__*/ jsx(Label, {
122
+ variant: "muted",
122
123
  htmlFor: imageTypeId,
123
124
  children: _({
124
125
  id: 'sticky-note.media.dialog.image-option',
@@ -135,6 +136,7 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
135
136
  id: videoTypeId
136
137
  }),
137
138
  /*#__PURE__*/ jsx(Label, {
139
+ variant: "muted",
138
140
  htmlFor: videoTypeId,
139
141
  children: _({
140
142
  id: 'sticky-note.media.dialog.video-option',
@@ -239,7 +241,6 @@ function StickyNoteMediaDialog({ initialMedia, onCancel, onSubmit }) {
239
241
  children: [
240
242
  /*#__PURE__*/ jsx(Label, {
241
243
  htmlFor: fullWidthId,
242
- className: "text-sm font-medium leading-none",
243
244
  children: _({
244
245
  id: 'sticky-note.media.dialog.full-width-label',
245
246
  message: 'Make full width'