@egovernments/digit-ui-components-css 0.0.1-pucar.1 → 0.0.1-pucar.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "0.0.1-pucar.1",
+  "version": "0.0.1-pucar.3",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",

package/src/digitv2/components/{tagV2.scss → removeableTagV2.scss}

@@ -118,4 +118,8 @@
       }
     }
   }
+}
+
+.cp{
+  cursor: pointer;
 }

package/src/digitv2/components/{selectdropdownV2.scss → selectDropdownV2.scss}

@@ -358,4 +358,8 @@
       }
     }
   }
+}
+
+.cp{
+  cursor: pointer;
 }

package/src/digitv2/index.scss

@@ -1,67 +1,32 @@
-@import url("./components/actionbarV2.scss");
-@import url("./components/actionLinkV2.scss");
-@import url("./components/appContainerV2.scss");
-@import url("./components/backButtonV2.scss");
-@import url("./components/bannerV2.scss");
 @import url("./components/bodyContainerV2.scss");
-@import url("./components/breadCrumbV2.scss");
-@import url("./components/breakLineV2.scss");
 @import url("./components/buttonsV2.scss");
-@import url("./components/cardBasedOptionsV2.scss");
-@import url("./components/cardLabelV2.scss");
 @import url("./components/checkboxV2.scss");
-@import url("./components/checkpointV2.scss");
-@import url("./components/CitizenHomeCardV2.scss");
-@import url("./components/collapseAndExpandGroups.scss");
-@import url("./components/dateWrapV2.scss");
-@import url("./components/detailsCardV2.scss");
-@import url("./components/displayPhotosV2.scss");
-@import url("./components/ErrorMessage.scss");
-@import url("./components/footerV2.scss");
+@import url("./components/errorMessageV2.scss");
+@import url("./components/fieldV1.scss");
 @import url("./components/FormComposerV2.scss");
-@import url("./components/headerV2.scss");
-@import url("./components/headerBarV2.scss");
-@import url("./components/infoCardV2.scss");
-@import url("./components/keynoteV2.scss"); 
+@import url("./components/infobuttonV2.scss");
+@import url("./components/infoCardV2.scss"); 
 @import url("./components/labelFieldPairV2.scss");
-@import url("./components/loaderV2.scss");
 @import url("./components/mobileNumberV2.scss");
-@import url("./components/modalV2.scss");
 @import url("./components/multiSelectDropdownV2.scss");
-@import url("./components/multiUploadWrapperV2.scss");
-@import url("./components/navbarV2.scss");
-@import url("./components/noresultsfoundV2.scss");
-@import url("./components/otpInputV2.scss");
-@import url("./components/PageBasedInputV2.scss");
-@import url("./components/paragraphV2.scss");
+@import url("./components/panelCardV2.scss");
+@import url("./components/panelV2.scss");
 @import url("./components/popUpV2.scss");
 @import url("./components/radiobtnV2.scss");
-@import url("./components/ratingV2.scss");
-@import url("./components/searchActionV2.scss");
-@import url("./components/searchFormV2.scss");
-@import url("./components/selectdropdownV2.scss");
-@import url("./components/tagV2.scss");
-@import url("./components/telephoneV2.scss");
+@import url("./components/removeableTagV2.scss");
+@import url("./components/selectDropdownV2.scss");
+@import url("./components/stepperV2.scss");
 @import url("./components/textareaV2.scss");
+@import url("./components/textblockV2.scss");
 @import url("./components/textInputV2.scss");
+@import url("./components/timelineV2.scss");
 @import url("./components/toastV2.scss");
-@import url("./components/topbarV2.scss");
-@import url("./components/uploadFileV2.scss");
-@import url("./components/WhatsNewCardV2.scss");
-@import url("./components/fieldV1.scss");
-@import url("./components/toggle.scss");
-@import url("./components/toggleswitchV2.scss");
+@import url("./components/toggleV2.scss");
 @import url("./components/treeSelectV2.scss");
-@import url("./components/cardV2.scss");
-@import url("./components/searchcomponent.scss");
-@import url("./components/sidebarV2.scss");
-@import url("./components/stepper.scss");
-@import url("./components/timeline.scss");
-@import url("./components/infobuttons.scss");
-@import url("./components/uploader.scss");
-@import url("./components/textblock.scss");
-@import url("./components/panels.scss");
-@import url("./components/panelcard.scss");
+@import url("./components/uploaderV2.scss");
+
+
+
 
 /* pages */
 @import url("./pages/employee/index.scss");

package/src/digitv2/typography.scss

@@ -1,25 +1,6 @@
 @import url("../index.scss");
 
 .typography {
-  &.text-heading-xl {
-    font-family: theme(digitv2.fontFamily.rc);
-    font-style: theme(digitv2.fontStyle.normal);
-    font-weight: theme(digitv2.fontWeight.bold);
-    color: theme(digitv2.lightTheme.text-primary);
-    line-height: theme(digitv2.lineHeight.normal);
-
-    @media (min-width: theme(digitv2.screens.desktop)) {
-      font-size: theme(digitv2.fontSize.heading-xl.desktop);
-    }
-
-    @media (min-width: theme(digitv2.screens.tablet)) {
-      font-size: theme(digitv2.fontSize.heading-xl.tablet);
-    }
-
-    @media (min-width: theme(digitv2.screens.mobile)) {
-      font-size: theme(digitv2.fontSize.heading-xl.mobile);
-    }
-  }
 
   &.text-heading-l {
     font-family: theme(digitv2.fontFamily.sans);

package/src/index.scss

@@ -11,105 +11,12 @@
 @import "react-date-range/dist/styles.css";
 @import "react-date-range/dist/theme/default.css";
 
-@import "./components/loader.scss";
-
-@import "./components/body.scss";
-@import "./components/navbar.scss";
-@import "./components/card.scss";
-@import "./components/buttons.scss";
-@import "./components/radiobtn.scss";
-@import "./components/selectdropdown.scss";
-@import "./components/textfields.scss";
-@import "./components/bannercomponents.scss";
-@import "./components/datewrap.scss";
-@import "./components/datatable.scss";
-@import "./components/checkpoint.scss";
-@import "./components/checkbox.scss";
-@import "./components/inputotp.scss";
-@import "./components/map.scss";
-@import "./pages/employee/tooltip.scss";
-@import "./components/menu.scss";
-@import "./components/submiterrors.scss";
-@import "./components/ratingstar.scss";
-@import "./components/keynote.scss";
-@import "./components/statushighlight.scss";
-@import "./components/imageviewer.scss";
-@import "./components/actionbar.scss";
-@import "./components/table.scss";
-@import "./components/popup.scss";
-@import "./components/uploadcomponents.scss";
-@import "./components/toast.scss";
-@import "./components/detailscontainer.scss";
-@import "./components/telephone.scss";
-@import "./components/grey.scss";
-@import "./components/actionLink.scss";
-@import "./components/sectionalDropdown.scss";
-@import "./components/detailscard.scss";
-@import "./components/searchAction.scss";
-@import "./components/tag.scss";
-@import "./components/topbar.scss";
-@import "./components/languageSelector.scss";
-@import "./components/custombtn.scss";
-@import "./components/citizenInfoLabel.scss";
-@import "./components/roundedLabel.scss";
-@import "./components/changeLanguage.scss";
-@import "./components//metricsTable.scss";
-@import "./components/filters.scss";
-@import "./components//charts.scss";
-@import "./components/summary.scss";
-@import "./components/multiLink.scss";
-@import "./components/info-banner.scss";
-@import "./components/multiSelectDropdown.scss";
-@import "./components/EllipsisMenu.scss";
-@import "./components/CitizenHomeCard.scss";
-@import "./components/PropertySearchForm.scss";
-@import "./components/SearchForm.scss";
-@import "./components/cardHeaderWithOptions.scss";
-@import "./components/TimeLine.scss";
-@import "./components/PageBasedInput.scss";
-@import "./components/StandaloneSearchBar.scss";
-@import "./components/CardBasedOptions.scss";
-@import "./components/WhatsNewCard.scss";
-@import "./components/SearchOnRadioButton.scss";
-@import "./components/EventCalendarView.scss";
-@import "./components/OnGroundEventCard.scss";
-@import "./components/PopupHeadingLabel.scss";
-@import "./components/staticSideBar.scss";
-@import "./components/hoc/index.scss";
-@import "./components/FAQ.scss";
-@import "./components//howItWorks.scss";
-@import "./components/staticDynamicMessages.scss";
-@import "./components/toggleSwitch.scss";
-@import "./components/plusMinus.scss";
-
 @import "./pages/employee/index.scss";
-@import "./pages/employee/cardfix.scss";
-@import "./pages/employee/popupmodule.scss";
-@import "./pages/employee/container.scss";
-@import "./pages/employee/inbox.scss";
-@import "./pages/employee/response.scss";
-@import "./pages/employee/form-fields.scss";
-@import "./pages/employee/scroll-table.scss";
-@import "./pages/employee/EmployeeLogin.scss";
-@import "./pages/employee/updateNumber.scss";
-@import "./pages/employee/oldMobileInbox.scss";
-@import "./pages/employee/dss.scss";
-@import "./pages/employee/iframe.scss";
-
-@import "./pages/citizen/payment/payment-type.scss";
-@import "./pages/citizen/container.scss";
-@import "./pages/citizen/HomePageWrapper.scss";
-@import "./pages/citizen/CitizenEngagementNotificationWrapper.scss";
-@import "./pages/citizen/Events.scss";
-@import "./pages/citizen/DocumentList.scss";
-@import "./pages/citizen/SurveyList.scss";
-@import "./pages/citizen/updatePropertyNumber.scss";
-@import "./pages/citizen/citizenDocument.scss";
-@import "./pages/employee/surveys.scss";
+@import "./pages/employee/login.scss";
+
 @import "./digitv2/index.scss";
 @import "./digitv2/typography.scss";
-@import "./components/inboxv2/index.scss";
-@import "./components//sidebar.scss";
+
 
 .display-none {
   display: none;

package/src/components/CardBasedOptions.scss

@@ -1,46 +0,0 @@
-.CardBasedOptions {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
-  @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
-  .headContent {
-    @apply flex justify-between mb-lg;
-    h2 {
-      @apply text-heading-s font-bold text-text-primary;
-    }
-    p {
-      @apply text-link text-primary-main font-medium cursor-pointer;
-    }
-  }
-
-  .mainContent {
-    @apply flex justify-evenly;
-    .CardBasedOptionsMainChildOption {
-      width: 25%;
-      @apply text-center;
-      .ChildOptionImageWrapper {
-        margin: auto !important;
-        background: rgba(244, 119, 56, 0.12);
-        mix-blend-mode: normal;
-        padding-top: 14px;
-        @apply h-12 w-12 rounded-full cursor-pointer;
-        svg {
-          height: 20px;
-          width: 20px;
-          fill: theme(colors.primary.main);
-          margin: auto;
-        }
-      }
-      .ChildOptionName {
-        font-size: 12px;
-        line-height: 14px;
-        padding-top: 1rem;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .CardBasedOptions {
-    width: calc(50% - 16px);
-    @apply p-md;
-  }
-}

package/src/components/CitizenHomeCard.scss

@@ -1,56 +0,0 @@
-.CitizenHomeCard {
-  @apply bg-white mx-md p-md mb-lg;
-
-  .header {
-    @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
-
-    svg {
-      width: 33px;
-      height: 33px;
-    }
-  }
-
-  .links {
-    @apply text-heading-s text-primary-main;
-
-    a {
-      @apply block pb-sm;
-    }
-  }
-}
-
-@screen dt {
-  .citizenAllServiceGrid {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    flex: 1;
-  }
-
-  .CitizenHomeCard {
-    @apply p-lg;
-    .header {
-      @apply pb-lg text-heading-l-dt;
-      svg {
-        @apply w-12 h-12;
-      }
-    }
-
-    .links {
-      @apply grid grid-cols-4 gap-px;
-      .linksWrapper {
-        height: 25px;
-        margin-bottom: 0.5em;
-      }
-      a {
-        @apply pb-md;
-        padding-left: 0.2em;
-        margin-bottom: 16px;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        min-width: 0;
-      }
-    }
-  }
-}

package/src/components/EllipsisMenu.scss

@@ -1,17 +0,0 @@
-.ellipsis-menu-wrap{
-    @apply relative;
-    
-    .menu{
-        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-        @apply absolute right-0 bg-white z-30;
-        .item{
-            @apply flex items-center justify-between p-sm;
-            &:hover{
-                @apply bg-grey-mid cursor-pointer;
-            }
-            svg {
-              margin-right: 10px;
-            }
-        }
-    }
-}

package/src/components/EventCalendarView.scss

@@ -1,10 +0,0 @@
-.EventCalendarView{
-    .MonthViewInEventCalendar{
-        @apply bg-primary-main text-legend text-white font-medium text-center py-sm;
-    }
-
-    .DateViewInEventCalendar{
-        @apply bg-grey-mid text-heading-l font-bold text-primary-main text-center py-md;
-    }
-
-}

package/src/components/FAQ.scss

@@ -1,64 +0,0 @@
-.searchInputFAQs {
-    @apply mr-lg;
-    margin-bottom: 10px;
-    input{
-      margin-bottom: 0;
-      background: border-box;
-      @apply pr-xl;
-    }
-  }
-
-.faq-page{
-  width: 92%;
-  margin: 16px;
-}
-
-.faqs{
-  cursor: pointer;
-  .faq-question{
-    font-weight: 400;
-    margin: 16px;
-    background: #fff;
-    justify-content: space-between;
-    display: flex;
-    font-size: 16px;
-  }
-
-  .faqicon{
-    float: right;
-  }
-
-  .faq-answer{
-    background: #fff;
-    overflow: hidden;
-    margin: 5px;
-    @apply text-form-field text-text-secondary mb-sm;
-
-    span {
-      display: block; 
-      font-size: 14px;
-      font-weight: 400;
-      margin: 0px 12px 5px
-    }
-  }
-  .cs-box-border {
-    height: 1px;
-    position: relative;
-    border-bottom: 1px solid lightgray;;
-    background: lightgray;
-    margin-left: 16px;
-    margin-right: 16px;
-  }
-}
-
-.faq-list{
-  background: #fff;
-  margin: 5px 0;
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-  
-.rotate {
-  transform: rotate(90deg);
-}
-  

package/src/components/OnGroundEventCard.scss

@@ -1,72 +0,0 @@
-.OnGroundEventCard{
-    box-shadow: 0px 1px 2px 0px #00000029;
-    @apply bg-white mx-sm mb-md p-md cursor-pointer;
-
-    .EventCalendarView{
-        width: 100px;
-        @apply inline-block mr-md;
-    }
-
-    .EventDetails{
-        width: calc( 100% - 116px );
-        @apply inline-block align-top;
-
-        h2{
-            @apply text-caption-m font-bold mb-md text-text-primary;
-        }
-
-        .EventLocation{
-            @apply flex mb-md;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-    
-        .EventTime{
-            @apply flex ;
-            svg{
-                @apply h-4 w-4;
-            }
-            p{
-                @apply text-body-s text-text-primary ml-sm;
-            }
-        }
-
-        .EventCategory{
-            p{
-                @apply text-body-s text-text-primary ;
-            }
-        }
-
-    }
-
-
-}
-
-@screen dt{
-    .OnGroundEventCard{
-        .EventDetails{
-            .EventLocation{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-        
-            .EventTime{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-            .EventCategory{
-                p{
-                    @apply text-body-s-dt;
-                }
-            }
-    
-        }
-    }
-}

package/src/components/PageBasedInput.scss

@@ -1,29 +0,0 @@
-.PageBasedInputWrapper {
-  .SubmitBar {
-    z-index: 60;
-    @apply p-sm fixed w-full bottom-0 left-0 text-right bg-white;
-  }
-  .SubmitBarInCardInDesktopView {
-    @apply hidden;
-  }
-  label {
-    margin-left: 0 !important;
-  }
-}
-
-@screen dt {
-  .PageBasedInputWrapper {
-    .SubmitBar {
-      @apply hidden;
-    }
-    .SubmitBarInCardInDesktopView {
-      @apply block;
-    }
-    .card {
-      max-width: 960px;
-    }
-    button {
-      max-width: 240px;
-    }
-  }
-}

package/src/components/PopupHeadingLabel.scss

@@ -1,15 +0,0 @@
-.popupModalHeading{
-    @apply flex gap-3 mb-lg;
-    .headingIconAndLabel{
-        @apply flex gap-3 items-center;
-        svg{
-            @apply w-6 h-4;
-        }
-        h3{
-            @apply text-heading-l font-bold;
-        }
-    }
-    .popupResetFormButton{
-        @apply p-sm border border-solid border-text-primary border-opacity-25 self-center;
-    }
-}

package/src/components/PropertySearchForm.scss

@@ -1,58 +0,0 @@
-.PropertySearchForm {
-  .pt-search-action {
-    @apply w-full;
-    display: flex;
-    margin-right: 10px;
-    justify-content: end;
-    align-items: center;
-    .pt-search-action-submit button {
-      width: 100% !important;
-    }
-    .pt-search-action-reset {
-      text-align: right;
-      cursor: pointer;
-    }
-  }
-
-  .PropertySearchFormSwitcher{
-    border-bottom: 1px solid theme(colors.border);
-    cursor: pointer;
-    margin-bottom: 20px;
-    display: flex;
-    .non-selected {
-      color: theme(colors.text.secondary);
-      font-weight: 400;
-    }
-    .selected {
-      color: theme(colors.primary.main);
-      font-weight: 700;
-      padding-bottom: 10px;
-      border-bottom: 2px solid theme(colors.primary.main);
-    }
-    span {
-      margin-right: 20px;
-    }
-  }
-
-
-  .form-field {
-    width: 30% !important;
-    margin-bottom: 20px;
-  }
-  @media (min-width: 780px) {
-    .pt-form-field{
-      width: 30% !important;
-      margin-bottom: 20px;
-    }
-  }
-  @media (max-width: 780px) {
-  .form-field{
-    width: 100% !important;
-    margin-bottom: 15px;
-  }
-  .pt-form-field{
-    width: 100% !important;
-    margin-bottom: 15px;
-  }
-  }
-}

package/src/components/SearchForm.scss

@@ -1,56 +0,0 @@
-.search-form-wrapper{
-    @apply flex flex-wrap justify-between bg-white mb-lg py-lg pl-lg;
-    .form-field{
-        width: calc( 25% - 16px );
-        @apply inline-block mr-md align-middle;
-    }
-    .SubmitAndClearAllContainer{
-        @apply w-full;
-        .submit{
-            right: 36px;
-            margin-top: 22px;
-            margin-left: -16px !important;
-            @apply flex flex-row-reverse items-center w-full align-middle text-center !important;
-            button{
-                margin: 0;
-                @apply inline-block w-1/4 !important;
-            }
-            p{
-                @apply cursor-pointer text-link text-focus w-1/4 inline-block ;
-            }
-        }
-    }
-    .submit{
-        right: 36px;
-        margin-top: 22px;
-        @apply inline align-middle text-center !important;
-        button{
-            margin: 0;
-            @apply inline-block w-full !important;
-        }
-        p{
-            @apply cursor-pointer text-link text-focus w-full inline-block ;
-        }
-    }
-    .pt-property-search{
-        justify-content: unset;
-    }
-
-}
-
-@media (min-width: 780px) {
-    .search-form-wrapper{
-        .pt-form-field{
-            width: 30% !important;
-            margin-bottom: 20px;
-          }
-    }
-  }
-  @media (max-width: 780px) {
-    .search-form-wrapper{
-        .pt-form-field{
-            width: 100% !important;
-            margin-bottom: 15px;
-          }
-    }
-}

package/src/components/SearchOnRadioButton.scss

@@ -1,10 +0,0 @@
-.SearchOnRadioButton{
-    svg{
-        fill: theme(colors.text.secondary);
-        width: 24px;
-        height: 24px;
-        top: 8px;
-        right: 8px;
-        @apply absolute;
-    }
-}