Add USWDS theme

Author: JJediny

package-lock.json

@@ -68,8 +68,12 @@
     "react-is": "^18.2.0",
     "react-portal": "^4.2.2",
     "semantic-ui-react": "^2.1.3",
+<<<<<<< HEAD
     "uswds": "^2.14.0",
     "lucide-react": "^0.488.0"
+=======
+    "uswds": "^2.14.0"
+>>>>>>> f066e3da (Add USWDS theme)
   },
   "devDependencies": {
     "@babel/cli": "^7.23.9",

packages/playground/package.json

@@ -4,8 +4,11 @@ import { Theme as SuiTheme } from '@rjsf/semantic-ui';
 import { Theme as AntdTheme } from '@rjsf/antd';
 import { Theme as BootstrapTheme } from '@rjsf/react-bootstrap';
 import { Theme as ChakraUITheme } from '@rjsf/chakra-ui';
+<<<<<<< HEAD
 import { Theme as shadcnTheme } from '@rjsf/shadcn';
 import { Theme as DaisyUITheme } from '@rjsf/daisyui';
+=======
+>>>>>>> f066e3da (Add USWDS theme)
 import { Theme as UswdsTheme } from '@rjsf/uswds';
 import v8Validator, { customizeValidator } from '@rjsf/validator-ajv8';
 import Ajv2019 from 'ajv/dist/2019.js';

packages/playground/src/app.tsx

@@ -0,0 +1,62 @@
+import React from "react";
+import { AddButtonProps, IconButtonProps as RjsfIconButtonProps } from "@rjsf/utils";
+import IconButton from "./IconButton"; // Import the generic IconButton
+
+// Define specific button types using the generic IconButton
+const AddButton = (props: AddButtonProps) => (
+  <IconButton
+    {...props}
+    iconName="add"
+    uswdsStyle="outline"
+    title="Add Item" // Default title
+  >
+    Add Item {/* Default text */}
+  </IconButton>
+);
+
+const RemoveButton = (props: RjsfIconButtonProps) => (
+  <IconButton
+    {...props}
+    iconName="remove"
+    uswdsStyle="unstyled"
+    title="Remove Item" // Default title
+  />
+);
+
+const MoveUpButton = (props: RjsfIconButtonProps) => (
+  <IconButton
+    {...props}
+    iconName="arrow-upward"
+    uswdsStyle="unstyled"
+    title="Move Item Up" // Default title
+  />
+);
+
+const MoveDownButton = (props: RjsfIconButtonProps) => (
+  <IconButton
+    {...props}
+    iconName="arrow-downward"
+    uswdsStyle="unstyled"
+    title="Move Item Down" // Default title
+  />
+);
+
+const CopyButton = (props: RjsfIconButtonProps) => (
+  <IconButton
+    {...props}
+    iconName="copy" // Assuming 'copy' is added to iconMap
+    uswdsStyle="unstyled"
+    title="Copy Item" // Default title
+  />
+);
+
+// Export the pre-configured buttons
+export default {
+  AddButton,
+  CopyButton,
+  MoveDownButton,
+  MoveUpButton,
+  RemoveButton,
+  // You could also export the generic IconButton itself if needed elsewhere
+  // IconButton,
+};