Apply suggestions from code review

Co-authored-by: Heath C <[email protected]>

Author: jasny

packages/primereact/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx

@@ -96,7 +96,7 @@ export default function ArrayFieldTemplate<
             >
               <AddButton
                 id={buttonId<T>(idSchema, 'add')}
-                className='array-item-add'
+                className='rjsf-array-item-add'
                 onClick={onAddClick}
                 disabled={disabled || readonly}
                 uiSchema={uiSchema}

packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx

@@ -65,10 +65,7 @@ export default function CheckboxWidget<
           registry={registry}
         />
       )}
-      <div
-        className='field-checkbox'
-        style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}
-      >
+      <div style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}>
         <Checkbox
           inputId={id}
           name={id}

packages/primereact/src/CheckboxesWidget/CheckboxesWidget.tsx

@@ -82,11 +82,7 @@ export default function CheckboxesWidget<
           const checked = enumOptionsIsSelected<S>(option.value, checkboxesValues);
           const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
           return (
-            <div
-              key={index}
-              className='field-checkbox'
-              style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}
-            >
+            <div key={index} style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}>
               <Checkbox
                 inputId={optionId(id, index)}
                 name={id}

packages/primereact/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx

@@ -75,6 +75,7 @@ export default function ObjectFieldTemplate<
         <div style={{ marginTop: '1rem', textAlign: 'right' }}>
           <AddButton
             id={buttonId<T>(idSchema, 'add')}
+            className='rjsf-object-property-expand'
             icon='pi pi-plus'
             onClick={onAddClick(schema)}
             disabled={disabled || readonly}

packages/primereact/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx

@@ -67,6 +67,7 @@ export default function WrapIfAdditionalTemplate<
       <div>
         <RemoveButton
           id={buttonId<T>(id, 'remove')}
+          className='rjsf-object-property-remove'
           disabled={disabled || readonly}
           onClick={onDropPropertyClick(label)}
           registry={registry}