replace fieldTemplate with unthemed core version and remove labels since that is handled in there

spiffworkflow-frontend/src/themes/carbon/BaseInputTemplate/BaseInputTemplate.tsx

@@ -107,7 +107,6 @@ export default function BaseInputTemplate<
         id={id}
         name={id}
         className="input"
-        labelText={labelToUse}
         helperText={helperText}
         invalid={invalid}
         invalidText={errorMessageForField}

spiffworkflow-frontend/src/themes/carbon/FieldTemplate/FieldTemplate.tsx

@@ -1,66 +1,57 @@
 import React from 'react';
-import FormControl from '@mui/material/FormControl';
+import {
-import Typography from '@mui/material/Typography';
+  FieldTemplateProps,
-import { FieldTemplateProps, getTemplate, getUiOptions } from '@rjsf/utils';
+  FormContextType,
+  RJSFSchema,
+  StrictRJSFSchema,
+  getTemplate,
+  getUiOptions,
+} from '@rjsf/utils';
 
-function FieldTemplate({
+import Label from './Label';
+
+/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
+ * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
+ *
+ * @param props - The `FieldTemplateProps` for this component
+ */
+export default function FieldTemplate<
+  T = any,
+  S extends StrictRJSFSchema = RJSFSchema,
+  F extends FormContextType = any
+>(props: FieldTemplateProps<T, S, F>) {
+  const {
     id,
-  children,
-  classNames,
-  disabled,
-  displayLabel,
-  hidden,
     label,
-  onDropPropertyClick,
+    children,
-  onKeyChange,
-  readonly,
-  required,
-  rawErrors = [],
     errors,
     help,
-  rawDescription,
+    description,
-  schema,
+    hidden,
+    required,
+    displayLabel,
+    registry,
     uiSchema,
-  registry,
+  } = props;
-}: FieldTemplateProps) {
   const uiOptions = getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = getTemplate<'WrapIfAdditionalTemplate'>(
+  const WrapIfAdditionalTemplate = getTemplate<
     'WrapIfAdditionalTemplate',
-    registry,
+    T,
-    uiOptions
+    S,
-  );
+    F
-
+  >('WrapIfAdditionalTemplate', registry, uiOptions);
   if (hidden) {
-    return <div style={{ display: 'none' }}>{children}</div>;
+    return <div className="hidden">{children}</div>;
   }
   return (
     <div className="rjsf-field">
-      <WrapIfAdditionalTemplate
+      <WrapIfAdditionalTemplate {...props}>
-        classNames={classNames}
+        {displayLabel && <Label label={label} required={required} id={id} />}
-        disabled={disabled}
+        {displayLabel && description ? description : null}
-        id={id}
-        label={label}
-        onDropPropertyClick={onDropPropertyClick}
-        onKeyChange={onKeyChange}
-        readonly={readonly}
-        required={required}
-        schema={schema}
-        uiSchema={uiSchema}
-        registry={registry}
-      >
-        <FormControl fullWidth error={!!rawErrors.length} required={required}>
         {children}
-          {displayLabel && rawDescription ? (
-            <Typography variant="caption" color="textSecondary">
-              {rawDescription}
-            </Typography>
-          ) : null}
         {errors}
         {help}
-        </FormControl>
       </WrapIfAdditionalTemplate>
     </div>
   );
 }
-
-export default FieldTemplate;

spiffworkflow-frontend/src/themes/carbon/SelectWidget/SelectWidget.tsx

@@ -53,7 +53,8 @@ function SelectWidget({
   let errorMessageForField = null;
   if (rawErrors && rawErrors.length > 0) {
     invalid = true;
-    errorMessageForField = `${labelToUse.replace(/\*$/, '')} ${rawErrors[0]}`;
+    // errorMessageForField = `${labelToUse.replace(/\*$/, '')} ${rawErrors[0]}`;
+    errorMessageForField = rawErrors[0];
   }
 
   // maybe use placeholder somehow. it was previously jammed into the helperText field,
@@ -63,7 +64,7 @@ function SelectWidget({
     <Select
       id={id}
       name={id}
-      labelText={labelToUse}
+      labelText=""
       select
       helperText={helperText}
       value={typeof value === 'undefined' ? emptyValue : value}

spiffworkflow-frontend/src/themes/carbon/TextareaWidget/TextareaWidget.tsx

@@ -65,7 +65,7 @@ function TextareaWidget<
   let errorMessageForField = null;
   if (rawErrors && rawErrors.length > 0) {
     invalid = true;
-    errorMessageForField = `${labelToUse.replace(/\*$/, '')} ${rawErrors[0]}`;
+    errorMessageForField = rawErrors[0];
   }
 
   return (