to fix css issues,changed the import for components

micro-ui/web/micro-ui-internals/example/public/index.html

@@ -11,19 +11,21 @@
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT</title>
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->
-
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css">
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css/dist/index.css"/> -->
   <!-- <script src="https://s3.ap-south-1.amazonaws.com/egov-dev-assets/globalConfigs.js"></script> -->
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <script src="%REACT_APP_GLOBAL%"></script>
 
   <!-- Adding custom style directly in the HTML -->
-
+<!--   
   <style>
     .custom-margin-bottom .citizen-card-input--front {
       margin-bottom: 0 !important;
+
     }
-  </style>
+
+  </style> -->
 
 
 </head>

micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/LocationSelection.js

@@ -1,9 +1,9 @@
-import {  CardHeader, CardLabelError, PageBasedInput, SearchOnRadioButtons } from "@egovernments/digit-ui-components";
+import {  CardHeader, CardLabelError, PageBasedInput, SearchOnRadioButtons } from "@egovernments/digit-ui-react-components";
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useHistory, useLocation } from "react-router-dom";
 
- const LocationSelection = () => {
+const LocationSelection = () => {
   const { t } = useTranslation();
   const history = useHistory();
   const location = useLocation();
@@ -29,7 +29,7 @@ import { useHistory, useLocation } from "react-router-dom";
     return {
       options: cities,
       optionsKey: "i18nKey",
-      additionalWrapperClass: "digit-reverse-radio-selection-wrapper",
+      additionalWrapperClass: "reverse-radio-selection-wrapper",
       onSelect: selectCity,
       selectedOption: selectedCity,
     };
@@ -57,15 +57,8 @@ import { useHistory, useLocation } from "react-router-dom";
         <SearchOnRadioButtons {...RadioButtonProps} placeholder={t("COMMON_TABLE_SEARCH")} />
         {showError ? <CardLabelError>{t("CS_COMMON_LOCATION_SELECTION_ERROR")}</CardLabelError> : null}
       </PageBasedInput>
-      <style>
-        {`
-          .digit-submit-bar-container {
-            display: none;
-          }
-        `}
-      </style>
     </div>
   );
 };
 
-export default LocationSelection;
+export default LocationSelection;

micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Login/SelectMobileNumber.js

@@ -1,4 +1,4 @@
-import { FormStep } from "@egovernments/digit-ui-components";
+import { FormStep } from "@egovernments/digit-ui-react-components";
 import React, { useState } from "react";
 import { PGRConstants } from "./PGRConstants";
 
@@ -35,6 +35,7 @@ const SelectMobileNumber = ({ t, onSelect, showRegisterLink, mobileNumber, onMob
       onChange={onMobileChange}
       value={mobileNumber}
       validation={validation} 
+
     ></FormStep>
     </div>
   );