feat: form and form-field with UDS component and Auth0 branding (#35)

* fix: initial commit form-field styling

* chore: in progress form-field

* feat: add ErrorCircleIcon component and update references in ULThemeFormMessage

* style: apply prettier formatting

* feat: finalize form field improvements with refactoring

* feat: add UL theme form components with comprehensive tests

* fix: update README and form-field component for consistency

* refactor: rename FormField to FloatingLabelField components

Author: amberkamboj77

README.md

@@ -67,11 +67,11 @@ npm install
    ```bash
    # View a specific screen component
    # Replace <screen_name> with the desired screen (e.g., login-id, login-password, signup-id)
-   npm screen <screen_name>
+   npm run screen <screen_name>
 
    # Examples:
-   npm screen login-id
-   npm screen login-password
+   npm run screen login-id
+   npm run screen login-password
    ```
 
    This command loads the specified screen component with its corresponding mock data (e.g., `src/mock-data/login-id.json`) in your browser for local development. The `scripts/dev-screen.js` utility handles setting the `VITE_SCREEN_NAME` environment variable, which `src/utils/screen/mockContextLoader.ts` uses to inject the correct mock context.
@@ -97,7 +97,7 @@ Each screen component is designed to be used with the Auth0 ACUL JavaScript SDK
 For local development, each screen component is provided with mock data in folder `mock-data` for sdk to render screens. To work on a specific screen:
 
 ```bash
-npm screen <screen_name>
+npm run screen <screen_name>
 ```
 
 This command, managed by `scripts/dev-screen.js`:

eslint.config.js

@@ -41,12 +41,7 @@ export default tseslint.config(
 
     rules: {
       // Run Prettier as an ESLint rule and report formatting issues as errors
-      "prettier/prettier": [
-        "error",
-        {
-          endOfLine: "auto", // Prevents false positives for line endings
-        },
-      ],
+      "prettier/prettier": "error",
       ...reactHooks.configs.recommended.rules,
       "react-refresh/only-export-components": [
         "warn",
@@ -75,6 +70,18 @@ export default tseslint.config(
     },
   },
 
+  // Test file overrides - allow more relaxed rules for test files
+  {
+    files: [
+      "**/__tests__/**/*.{ts,tsx}",
+      "**/*.test.{ts,tsx}",
+      "**/*.spec.{ts,tsx}",
+    ],
+    rules: {
+      "@typescript-eslint/no-explicit-any": "off", // Allow 'any' type in tests for simplicity
+    },
+  },
+
   // Disables all formatting rules that conflict with Prettier. Must be last.
   eslintConfigPrettier
 );