npm - @eka-care/abha-stg - Versions diffs - 0.1.34 → 0.1.36 - Mend

@eka-care/abha-stg 0.1.34 → 0.1.36

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.

Files changed (117) hide show

package/.turbo/daemon/7f0c6427972069cb-turbo.log.2025-11-12 +0 -0
package/README.md +369 -101
package/{dist/index.html → index.html} +1 -2
package/package/styles/pds2/border.ts +69 -0
package/package/styles/pds2/colors.ts +70 -0
package/package/styles/pds2/spacing.ts +1007 -0
package/package/tailwind/tailwind.config.ts +124 -0
package/package.json +9 -8
package/postcss.config.js +6 -0
package/scripts/build-purged-css.cjs +70 -0
package/src/App.css +0 -0
package/src/App.tsx +43 -0
package/src/api-queries/aorta-go/v3/get-profile-patient.ts +32 -0
package/src/api-queries/aorta-go/v3/get-profiles-phr-user.ts +26 -0
package/src/api-queries/aorta-go/v3/post-auth-init-v2.ts +34 -0
package/src/api-queries/aorta-go/v3/post-auth-logout-v2.ts +32 -0
package/src/api-queries/aorta-go/v3/post-auth-verify-v2.ts +38 -0
package/src/api-queries/aorta-go/v3/post-profile-switch.ts +39 -0
package/src/api-queries/ndhm/get-abdm-register-suggest.ts +37 -0
package/src/api-queries/ndhm/get-pincode-details.ts +28 -0
package/src/api-queries/ndhm/post-abdm-login-init.ts +37 -0
package/src/api-queries/ndhm/post-abdm-login-phr.ts +37 -0
package/src/api-queries/ndhm/post-abdm-login-verify.ts +37 -0
package/src/api-queries/ndhm/post-abdm-profile-eka-link-phr.ts +40 -0
package/src/api-queries/ndhm/post-abdm-profile-eka.ts +66 -0
package/src/api-queries/ndhm/post-abdm-register-abha-number-create-phr.ts +37 -0
package/src/api-queries/ndhm/post-abdm-register-mobile-create-phr.ts +66 -0
package/src/api-queries/ndhm/post-abdm-register-mobile-resend-otp.ts +32 -0
package/src/api-queries/ndhm/post-abdm-register-mobile-verify.ts +38 -0
package/src/api-queries/ndhm/post-abdm-register-phr-check.ts +34 -0
package/src/api-queries/ndhm/post-register-aadhaar-create-phr.ts +37 -0
package/src/api-queries/ndhm/post-register-aadhaar-init.ts +34 -0
package/src/api-queries/ndhm/post-register-aadhaar-mobile-resend-otp.ts +34 -0
package/src/api-queries/ndhm/post-register-aadhaar-mobile-verify.ts +37 -0
package/src/api-queries/ndhm/post-register-aadhaar-resend-otp.ts +34 -0
package/src/api-queries/ndhm/post-register-aadhaar-verify.ts +40 -0
package/src/api-queries/ndhm/post-register-mobile-init.ts +34 -0
package/src/api-queries/use-get-profiles-patient.ts +12 -0
package/src/api-queries/use-get-profiles-phr-user.ts +28 -0
package/src/api-queries/use-post-abdm-login-verify-v1.ts +26 -0
package/src/api-queries/use-post-auth-verify-v2.ts +50 -0
package/src/api-queries/use-post-profile-switch.ts +58 -0
package/src/api-queries/use-post-register-mobile-create-phr.ts +39 -0
package/src/api-queries/user-post-abdm-profile-login-phr.ts +26 -0
package/src/assets/Success.json +1 -0
package/src/assets/react.svg +1 -0
package/src/atoms/button/custom-button.tsx +32 -0
package/src/atoms/button/index.tsx +40 -0
package/src/atoms/button/types.d.ts +31 -0
package/src/atoms/header.tsx +25 -0
package/src/atoms/input-field/index.tsx +63 -0
package/src/atoms/input-field/patient-input-field.tsx +16 -0
package/src/atoms/input-field/types.ts +24 -0
package/src/atoms/pds2-otp-input/index.tsx +35 -0
package/src/atoms/pds2-otp-input/types.d.ts +3 -0
package/src/atoms/single-input-chip/index.tsx +32 -0
package/src/atoms/single-input-chip/types.ts +6 -0
package/src/atoms/spinner.tsx +33 -0
package/src/atoms/text-separator.tsx +11 -0
package/src/atoms/ui/spinner.tsx +75 -0
package/src/constants/constants.ts +376 -0
package/src/fetch-client/index.ts +164 -0
package/src/index.css +152 -0
package/src/main.tsx +374 -0
package/src/molecules/abha/bottom-sheet/bottom-sheet-wrapper.tsx +40 -0
package/src/molecules/abha/bottom-sheet/index.tsx +66 -0
package/src/molecules/abha/spaced-input-component.tsx +168 -0
package/src/molecules/copyright-year.tsx +16 -0
package/src/molecules/exit-popup/index.tsx +101 -0
package/src/molecules/pds2-otp-component/index.tsx +147 -0
package/src/organisms/abha/abha-header.tsx +25 -0
package/src/organisms/abha/abha-stepper.tsx +83 -0
package/src/organisms/abha/error-bottom-sheet.tsx +27 -0
package/src/organisms/abha/otp-card.tsx +99 -0
package/src/organisms/abha/verification-status.tsx +30 -0
package/src/organisms/choose-language/choose-language.tsx +53 -0
package/src/organisms/choose-language/types.ts +10 -0
package/src/organisms/screen-switcher/screen-switcher.tsx +80 -0
package/src/routes/abha-aadhaar-verification-status-screen.tsx +246 -0
package/src/routes/abha-created-screen.tsx +45 -0
package/src/routes/abha-login-otp-verify-screen.tsx +519 -0
package/src/routes/abha-mobile-linking-status-screen.tsx +267 -0
package/src/routes/abha-otp-and-mobile-screen.tsx +435 -0
package/src/routes/abha-phone-number-verification-screen.tsx +388 -0
package/src/routes/create-abha-address-screen.tsx +928 -0
package/src/routes/create-abha-with-aadhaar-screen.tsx +986 -0
package/src/routes/create-eka-profile-screen.tsx +831 -0
package/src/routes/get-all-profiles-screen.tsx +161 -0
package/src/routes/login-or-create-abha-address-screen.tsx +1056 -0
package/src/routes/login-with-abha-screen.tsx +454 -0
package/src/routes/select-abha-from-list-screen.tsx +792 -0
package/src/routes/select-eka-profile-screen.tsx +446 -0
package/src/routes/utils/trackAbhaEvent.ts +41 -0
package/src/stores/auth-abha-store/index.ts +152 -0
package/src/stores/auth-abha-store/types.ts +217 -0
package/src/utils/mock-auth-response.ts +29 -0
package/src/utils/send-event-utils.ts +76 -0
package/src/utils/validations.ts +89 -0
package/src/vite-env.d.ts +1 -0
package/tailwind.config.ts +9 -0
package/tsconfig.json +25 -0
package/tsconfig.node.json +10 -0
package/tsconfig.node.tsbuildinfo +1 -0
package/tsconfig.tsbuildinfo +1 -0
package/vite.config.d.ts +2 -0
package/vite.config.js +30 -0
package/vite.config.ts +35 -0
package/dist/sdk/abha/css/abha.css +0 -1
package/dist/sdk/abha/js/abha.js +0 -146
/package/{dist → public}/images/adhaar.webp +0 -0
/package/{dist → public}/images/at-the-rate.webp +0 -0
/package/{dist → public}/images/avatar.webp +0 -0
/package/{dist → public}/images/ayushman-bharat.webp +0 -0
/package/{dist → public}/images/circle-checkmark.webp +0 -0
/package/{dist → public}/images/link-abha.webp +0 -0
/package/{dist → public}/images/national-authority.webp +0 -0
/package/{dist → public}/images/three-dots.webp +0 -0

package/.turbo/daemon/7f0c6427972069cb-turbo.log.2025-11-12 ADDED Viewed

File without changes

package/README.md CHANGED Viewed

@@ -1,114 +1,382 @@
-# Login Frontend App for Eka Care
+---
+title: ABHA SDK
+description: "Complete implementation guide for the ABHA[Ayushman Bharat Digital Mission] SDK"
+---
-This application is in early development mode.
+# ABHA SDK Implementation
-## How to Use Login Frontend App
+This guide provides everything you need to integrate the ABHA SDK into your application.
-Follow these steps to use the `window.initAuthApp` function from the `main.tsx` file:
+## Overview
-1. **Include the Required Scripts and Styles**:
-   Ensure that you have included the necessary scripts and styles in your HTML file.
+The ABHA SDK allows you to integrate Create ABHA, Login with ABHA flows into your healthcare applications. It provides:
-   ```html
-   <link rel="stylesheet" href="https://login.eka.care/assets/css/index.css" />
-   <script type="module" src="https://login.eka.care/assets/js/lo-fe-main.js"></script>
-   ```
+- **Create ABHA**: Create a new ABHA using Mobile or Aadhaar
+- **Login with ABHA**: Login with ABHA address[PHR Address], ABHA number, Adhaar number or Mobile number linked to your ABHA into your healthcare application.
-2. **Prepare the Container Element**:
-   Create a container element in your HTML where the React app will be mounted.
+## Installation
-   ```html
-   <div id="lofe_root"></div>
-   ```
+### Prerequisites
-3. **Implement Callback Functions**:
-   Define the `onSuccess` and `onError` callback functions to handle authentication outcomes.
+- A modern web browser.
+- Your domain must be whitelisted with Eka Care to avoid CORS(Cross-Origin Resource Sharing) error.
+  (Contact Eka Care to request API access and domain whitelisting.)
+- A valid HTML container element where the SDK will mount.
-   **onSuccess**: This function is called when the authentication is successful. Use it to process the authenticated user's data or redirect them within your application.
+### Setup
-   ```javascript
-   function onSuccess(params) {
-     // Handle successful authentication
-     console.log('Authentication successful:', params);
-     // Redirect user or update UI accordingly
-   }
-   ```
+Add the following HTML and script tags to your webpage:
-   - @param params - An object containing authentication tokens and the user's profile information.
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>ABHA SDK Integration</title>
-     ```javascript
-       {
-          response: {
-            txn_id: "Transaction id string",
-            skip_state: 1,
-            method: 2,
-            data: {
-              tokens: {
-                sess: "A string representing the session token.",
-                refresh: "A string representing the refresh token.",
-              },
-              profile: "The user's profile.",
+    <!-- Include ABHA SDK CSS -->
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/@eka-care/abha/dist/sdk/abha/css/abha.css"
+    />
+  </head>
+  <body>
+    <h1>ABHA SDK Demo</h1>
+    <!-- Mount Button -->
+    <button class="button" onclick="mountABHASDK()">Mount SDK</button>
+    <!-- Container for ABHA SDK -->
+    <div id="sdk_container"></div>
+    <!-- Include ABHA SDK JS -->
+    <script
+      type="module"
+      async
+      src="https://unpkg.com/@eka-care/abha/dist/sdk/abha/js/abha.js"
+    ></script>
+    <script>
+      function mountABHASDK() {
+        window.initAbhaApp({
+          containerId: "sdk_container",
+         // Pass access token and oid
+          data: {
+            accessToken: "<your_access_token>", // Pass the access token you have
+            oid: "<your_oid_if_available>", // Pass if you have the OID
+          },
+          // Success callback
+          onSuccess: async (params) => {
+            console.log("ABHA flow completed successfully:", params);
+            // Example: Store ABHA data in your app
+            dispatch({
+              type: "set-only-healthid-data",
+              healthIdData: formatter(params.response.data),
+            });
+          },
+          // Error callback
+          onError: (params) => {
+            console.error("ABHA flow failed:", params);
+            if (window.EkaAbha) {
+              window.EkaAbha.onAbhaFailure(JSON.stringify(params));
             }
-          }
-       }
-     ```
-   **onError**: This function is invoked when there is an error during authentication. Use it to handle errors, display error messages, or perform logging.
-   ```javascript
-   function onError(params) {
-     // Handle authentication error
-     console.error('Authentication error:', params);
-     // Display error message to the user or take corrective action
-   }
-   ```
-   - @param params - An object containing authentication error.
-     ```javascript
-     {
-       error: 'Error message';
-       response: {
-            txn_id: "Transaction id string",
-            skip_state: 1,
-            method: 2,
-            error: 'error message from api'
-          }
-     }
-     ```
-4. **Initialize the App**:
-   Call the `window.initAuthApp` function with the required parameters.
-   ```html
-   <script>
-     window.onload = function () {
-       window.initAuthApp({
-         clientId: 'your_client_id',
-         containerId: 'lofe_root',
-         workspaceName: 'your_workspace_name', // Optional
-         urlParams: { next_url: 'next_url' }, // Optional
-         method: 'email_mobile', // Optional
-         onSuccess: function (params) {
-           // Handle success
-         },
-         onError: function (params) {
-           // Handle error
-         },
-       });
-     };
-   </script>
-   ```
-   `window.initAuthApp` returns an unmount function to remove the Login app.
-5. **Close the App**:
-   To unmount the Lofe app and clear the store, call the `window.closeAuthApp` function or the function that is returned by `window.initAuthApp`
-   ```html
-   <script>
-     window.closeAuthApp();
-   </script>
-   ```
-By following these steps, you can successfully initialize and use the login frontend app for Eka Care.
+          },
+        });
+      }
+    </script>
+  </body>
+</html>
+```
+## Core Functions
+### 1. initAbhaApp
+Initializes and renders the ABHA SDK in your specified container.
+**Parameters:**
+| Name          | Type                                    | Required    | Description                                                                                                                                    |
+| ------------- | --------------------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
+| `containerId` | `string`                                | ✅           | The HTML element ID where the SDK will mount.                                                                                                  |
+| `data`        | `{ accessToken: string; oid?: string }` | ⚙️ Optional |  Configuration data for secure API integration. <br/>- `accessToken`: Pass the access token you have. <br/>- `oid`: Pass if available. |
+| `onSuccess`   | `(params: AbhaSuccessParams) => void`   | ✅           | Triggered when the user successfully creates or logs in to ABHA.                                                                               |
+| `onError`     | `(params: AbhaErrorParams) => void`     | ✅           | Triggered when an error occurs during the ABHA flow.                                                                                           |
+**Example:**
+```javascript
+window.initAbhaApp({
+  containerId: "sdk_container",
+  data: {
+    accessToken: "your_access_token_here",
+    oid: "optional_oid_here",
+  },
+  onSuccess: (params) => {
+    console.log("ABHA created successfully!", params);
+  },
+  onError: (error) => {
+    console.error("ABHA flow failed:", error);
+  },
+});
+```
+## Callback Parameters
+### onSuccess Callback
+The onAbhaSuccess callback is triggered when the ABHA flow completes successfully.
+It returns verified user details and tokens, which can be used to log in or continue the user’s session.
+**Callback Signature:**
+```typescript
+onSuccess: (params: TOnAbhaSuccessParams) => void;
+```
+**Type Definitions**
+```typescript
+export type TOnAbhaSuccessParams = {
+  response: TAuthVerifyV2Response;
+};
+export type TAuthVerifyV2Response = {
+  skip_state: number;
+  method: AUTH_METHOD;
+  data?: {
+    tokens: {
+      sess: string;
+      refresh: string;
+    };
+    profile: TProfileRecord;
+  };
+  txn_id: string;
+  error?: {
+    code: number;
+    message: string;
+  };
+};
+```
+**Parameters**
+| Key        | Type                    | Description                                                                                                |
+| ---------- | ----------------------- | ---------------------------------------------------------------------------------------------------------- |
+| `response` | `TAuthVerifyV2Response` | The complete ABHA verification response, containing session tokens, user profile, and transaction details. |
+**Example:**
+```javascript
+const onSuccess = (params) => {
+  console.log("ABHA Success:", params.response);
+  const abhaNumber = params.response.data?.profile?.abha_number;
+  const userName = params.response.data?.profile?.name;
+  alert(`Welcome ${userName}! Your ABHA Number: ${abhaNumber}`);
+  // Optionally pass data to native bridge
+  if (window.EkaAbha) {
+    window.EkaAbha.onAbhaSuccess(JSON.stringify(params));
+  }
+};
+```
+### onError Callback
+The onError callback is triggered whenever an ABHA flow fails or is interrupted.
+It provides details about the failure through structured parameters, allowing you to handle or forward the error appropriately (for example, to native apps or monitoring tools).
+**Callback Signature:**
+```typescript
+onError: (params: TOnAbhaFailureParams) => void;
+```
+**Type Definitions**
+```typescript
+type TOnAbhaFailureParams = {
+  error?: string;
+  response?: TAuthVerifyV2Response;
+};
+export type TAuthVerifyV2Response = {
+  skip_state: number;
+  method: AUTH_METHOD;
+  data?: {
+    tokens: {
+      sess: string;
+      refresh: string;
+    };
+    profile: TProfileRecord;
+  };
+  txn_id: string;
+  error?: {
+    code: number;
+    message: string;
+  };
+};
+```
+**Parameters**
+| Key        | Type                     | Description                                                      |
+| ---------- | ------------------------ | ---------------------------------------------------------------- |
+| `error`    | `string?`                | Short description of the failure or error message.               |
+| `response` | `TAuthVerifyV2Response?` | Partial or full API response object returned from ABHA services. |
+**Example:**
+```javascript
+const onError = (params) => {
+  console.error("ABHA Error:", params);
+  if (params.response?.error?.code === 1001) {
+    alert("Authentication failed. Please try again.");
+  } else if (params.error === "NETWORK_ERROR") {
+    alert("Please check your internet connection.");
+  } else {
+    alert("Something went wrong. Please retry.");
+  }
+  // Forward the error to native handler if available
+  if (window.EkaAbha) {
+    window.EkaAbha.onAbhaFailure(JSON.stringify(params));
+  }
+};
+```
+**Suggest Handling**
+-Always log the full error response (params) for debugging.
+-Display friendly error messages for known error.code values.
+-If params.response is present, inspect response.error.message for more detail.
+-If integrating with native apps, forward the serialized error object:
+```javascript
+window.EkaAbha.onAbhaFailure(JSON.stringify(params));
+```
+### Container Styling
+Ensure your container has sufficient space:
+```html
+<div
+  id="sdk_container"
+  style="width: 100%; height: 600px; border: 1px solid #ddd;"
+></div>
+```
+## Complete Implementation Example
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>ABHA SDK Complete Example</title>
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/@eka-care/abha/dist/sdk/abha/css/abha.css"
+    />
+  </head>
+  <body>
+    <h1>ABHA SDK Demo</h1>
+    <button onclick="mountABHASDK()">Launch ABHA SDK</button>
+    <div
+      id="sdk_container"
+      style="width: 100%; height: 600px; border: 1px solid #ccc;"
+    ></div>
+    <script
+      type="module"
+      async
+      src="https://unpkg.com/@eka-care/abha/dist/sdk/abha/js/abha.js"
+    ></script>
+    <script>
+      function mountABHASDK() {
+        window.initAbhaApp({
+          containerId: "sdk_container",
+          data: {
+            accessToken: "<your_access_token>",
+            oid: "<your_oid_if_available>",
+          },
+          onSuccess: (params) => {
+            console.log("ABHA flow completed successfully:", params);
+          },
+          onError: (params) => {
+            console.error("ABHA flow failed:", params);
+          },
+        });
+      }
+    </script>
+  </body>
+</html>
+```
+## Type Definitions
+```typescript
+interface InitAbhaAppParams {
+  containerId: string;
+  data?: {
+    accessToken: string;
+    oid?: string;
+  };
+  onSuccess: (params: AbhaSuccessParams) => void;
+  onError: (params: AbhaErrorParams) => void;
+}
+interface AbhaSuccessParams {
+  response: {
+    data: {
+      abha_number?: string;
+      abha_address?: string;
+      name?: string;
+      gender?: string;
+      yearOfBirth?: string;
+      mobile?: string;
+    };
+  };
+  message: string;
+  status: "SUCCESS";
+}
+interface AbhaErrorParams {
+  status: "FAILED";
+  message: string;
+  error_code?: string;
+  details?: any;
+}
+```
+## Troubleshooting
+### Common Issues
+#### 1. SDK Not Rendering
+**Problem**: Nothing appears in the container.
+**Solution**:
+- Ensure containerId matches an existing HTML element.
+- Verify the SDK JS and CSS are correctly loaded.
+- Check browser console for errors.
+#### 2. Callback Not Triggered
+**Problem**: onSuccess or onError isn’t firing.
+**Solution**:
+- Make sure both callbacks are passed as valid functions.
+- Avoid race conditions (e.g., calling before SDK fully loads).
+#### 3. Styling Issues
+**Problem**: SDK content appears misaligned or clipped.
+**Solution**:
+- Give your container a fixed height (e.g., 600px).
+- Ensure no parent element uses overflow: hidden.

package/{dist/index.html → index.html} RENAMED Viewed

@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#fff" />
     <title>Vite + React + TS</title>
-    <script type="module" crossorigin src="/sdk/abha/js/abha.js"></script>
-    <link rel="stylesheet" crossorigin href="/sdk/abha/css/abha.css">
   </head>
   <body>
     <div id="lofe_root"></div>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/package/styles/pds2/border.ts ADDED Viewed

@@ -0,0 +1,69 @@
+const borders = {
+  none: "0px",
+  DEFAULT: "0.0625rem",
+  0.5: "0.03125rem",
+  1: "0.0625rem",
+  2: "0.125rem",
+  3: "0.1875rem",
+  4: "0.25rem",
+  5: "0.3125rem",
+  6: "0.375rem",
+  7: "0.4375rem",
+  8: "0.5rem",
+  9: "0.5625rem",
+  10: "0.625rem",
+  11: "0.6875rem",
+  12: "0.75rem",
+  13: "0.8125rem",
+  14: "0.875rem",
+  15: "0.9375rem",
+  16: "1.0rem",
+  17: "1.0625rem",
+  18: "1.125rem",
+  19: "1.1875rem",
+  20: "1.25rem",
+  21: "1.3125rem",
+  22: "1.375rem",
+  23: "1.4375rem",
+  24: "1.5rem",
+  25: "1.5625rem",
+  26: "1.625rem",
+  27: "1.6875rem",
+  28: "1.75rem",
+  29: "1.8125rem",
+  30: "1.875rem",
+  31: "1.9375rem",
+  32: "2.0rem",
+  33: "2.0625rem",
+  34: "2.125rem",
+  35: "2.1875rem",
+  36: "2.25rem",
+  37: "2.3125rem",
+  38: "2.375rem",
+  39: "2.4375rem",
+  40: "2.5rem",
+  41: "2.5625rem",
+  42: "2.625rem",
+  43: "2.6875rem",
+  44: "2.75rem",
+  45: "2.8125rem",
+  46: "2.875rem",
+  47: "2.9375rem",
+  48: "3.0rem",
+  49: "3.0625rem",
+  50: "3.125rem",
+  51: "3.1875rem",
+  52: "3.25rem",
+  53: "3.3125rem",
+  54: "3.375rem",
+  55: "3.4375rem",
+  56: "3.5rem",
+  57: "3.5625rem",
+  58: "3.625rem",
+  59: "3.6875rem",
+  60: "3.75rem",
+  circle: "50%",
+  full: "9999px",
+};
+export default borders;

package/package/styles/pds2/colors.ts ADDED Viewed

@@ -0,0 +1,70 @@
+const pdsColors = {
+  text: {
+    '01': '#111B31',
+    '02': '#39465B',
+    '03': '#4B596D',
+    '04': '#9EA8B8',
+    brand: '#6B5CE0',
+    black: '#000000',
+    doc: '#215FFF',
+    invert: '#FFFFFF',
+    primary: '#2D3142',
+    secondary: '#4C5980',
+    success: '#1B7E43',
+    white: '#FFFFFF',
+    info: '#3B5BFA',
+    error: '#BD0F0F',
+    'black-20': '#00000033',
+    'neutral-600-medium': '#767676',
+    'neutral-800-dark': '#484848',
+    'neutral-1000-black': '#1A1A1A',
+    'primary-500': '#215FFF',
+    'color-foreground-on-primary': '#FFFFFF',
+  },
+  border: {
+    'brand-01': '#6B5CE0',
+    'brand-02': '#E4E1FA',
+    '03': '#D9DDE3',
+    error: '#BD0F0F',
+    doc: '#215FFF',
+    'blue-100': '#CDD5FE',
+    info: '#3B5BFA',
+    'neutral-200-strokelight': '#D1D1D1',
+  },
+  bg: {
+    secondary: '#ABB7C2',
+    '02':'#E4E7EC',
+    '04': '#BEC5D0',
+    white: '#FFFFFF',
+    doc: '#215FFF',
+    'brand-01': '#6B5CE0',
+    'brand-02': '#E4E1FA',
+    'brand-03': '#F4F2FF',
+    '01': '#F2F4F7',
+    invert: '#111B31',
+    'seperator-dark': '#D6D9E0',
+    'fab-bg-brand-04': '#B3ABED',
+    'warning-03': '#FFFBE5',
+    'purple-800': '#1A1254',
+    'error-01': '#F15353',
+    'yellow-50': '#FDF7E7',
+    'primary-bg-light': '#E9EFFF',
+    'neutral-100-bg-dark': '#E8E8E8',
+    'button-danger-background-color': '#D92D20',
+    'color-foreground-heading': '#1A1A1A',
+    'color-foreground-warning': '#F79009',
+    'color-foreground-success': '#039855',
+  },
+  icon: {
+    'success-02': '#27B961',
+    '03': '#4B596D',
+    invert: '#FFFFFF',
+    'orange-500': '#E9673F',
+    'orange-400':'#FB9637',
+    'orange-300': '#FCB069',
+    brand: '#6B5CE0',
+    '01': '#F2F4F7',
+  },
+};
+export default pdsColors;