@uipath/apollo-react 6.36.0 → 6.37.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.
@@ -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, {
@@ -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, {
@@ -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: [
@@ -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"}
@@ -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: [
@@ -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,
@@ -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"}
@@ -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,
@@ -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
  ]
@@ -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"}
@@ -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
  ]
@@ -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'
@@ -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'