@pmidc/upyog-css 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/CardBasedOptions.scss

@@ -1,112 +1,112 @@
-.CardBasedOptions{
-  box-shadow: #32325d14 0px 50px 100px -20px, rgb(0 0 0 / 18%) 0px 30px 60px -30px, #0a254038 0px -2px 6px 0px inset;
-  border-radius: 12px;
-  padding: 0px !important;
-  @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;
-          margin: auto;
-          .ChildOptionImageWrapper{
-              margin: auto !important;
-              background: #f5fbff;
-              mix-blend-mode: normal;
-              padding-top: 14px;
-              @apply h-12 w-12 rounded-full cursor-pointer;
-              svg{
-                  height: 20px;
-                  width: 20px;
-                  fill: #1359C8;
-                  margin: auto;
-              }
-          }
-          .ChildOptionName{
-              font-size: 12px;
-              line-height: 14px;
-              color: #2947A3;
-
-          }
-      }
-  }
-}
-
-@screen dt{
-  .CardBasedOptions{
-      width: calc( 50% - 16px );
-    padding: 0px !important;
-    height: 250px !important;
-  }
-}
-.citizen .ServicesSection .CardBasedOptions:nth-child(odd){
-  .employeeCustomCard{
-    background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
-    background-size: cover
-  }
-}
-.citizen .ServicesSection .CardBasedOptions:nth-child(even){
-  .employeeCustomCard{
-background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashBoardImage2.png");
-background-size: cover
-  }
-}
-.citizen .employeeCustomCard {
-  border-radius: 10px;
-  background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
-      background-size: cover;
-    .employeeCustomCard {
-      border-radius: 10px;
-      background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
-      background-size: cover;
-  }
-}
-.employee-card-banner{
-    background-color: white;
-    width: 88%;
-    height: 60%;
-    bottom: 0px;
-    position: absolute;
-    margin-bottom: -10%;
-    left: 6%;
-    box-shadow: 1px 5px 6px 0px #e3e4e3;
-    border-radius: 10px;
-}
-.citizen .employee-card-banner{
-  margin-bottom: -5% !important;
-  height: 65% !important;
-}
-.text-employee-card{
-  font-size: 1.5rem;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  position: absolute;
-  top:10%;
-  padding-left: 10%;
-  color: white !important;
-
-}
-.citizen .employee-card-banner .citizenAllServiceGrid{
-  display: flex-root !important;
-  height: 100% !important;
-} 
-
-@media screen and (min-width: 300px) {
-  .CardBasedOptions {
-    height: 200px;
-  }
-  .employeeCustomCard{
-    font-size: 1rem;
-  }
+.CardBasedOptions{
+  box-shadow: #32325d14 0px 50px 100px -20px, rgb(0 0 0 / 18%) 0px 30px 60px -30px, #0a254038 0px -2px 6px 0px inset;
+  border-radius: 12px;
+  padding: 0px !important;
+  @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;
+          margin: auto;
+          .ChildOptionImageWrapper{
+              margin: auto !important;
+              background: #f5fbff;
+              mix-blend-mode: normal;
+              padding-top: 14px;
+              @apply h-12 w-12 rounded-full cursor-pointer;
+              svg{
+                  height: 20px;
+                  width: 20px;
+                  fill: #1359C8;
+                  margin: auto;
+              }
+          }
+          .ChildOptionName{
+              font-size: 12px;
+              line-height: 14px;
+              color: #2947A3;
+
+          }
+      }
+  }
+}
+
+@screen dt{
+  .CardBasedOptions{
+      width: calc( 50% - 16px );
+    padding: 0px !important;
+    height: 250px !important;
+  }
+}
+.citizen .ServicesSection .CardBasedOptions:nth-child(odd){
+  .employeeCustomCard{
+    background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
+    background-size: cover
+  }
+}
+.citizen .ServicesSection .CardBasedOptions:nth-child(even){
+  .employeeCustomCard{
+background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashBoardImage2.png");
+background-size: cover
+  }
+}
+.citizen .employeeCustomCard {
+  border-radius: 10px;
+  background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
+      background-size: cover;
+    .employeeCustomCard {
+      border-radius: 10px;
+      background-image: url("https://raw.githubusercontent.com/anujkit/msevaImages/refs/heads/main/citizenDashboardImage1.png");
+      background-size: cover;
+  }
+}
+.employee-card-banner{
+    background-color: white;
+    width: 88%;
+    height: 60%;
+    bottom: 0px;
+    position: absolute;
+    margin-bottom: -10%;
+    left: 6%;
+    box-shadow: 1px 5px 6px 0px #e3e4e3;
+    border-radius: 10px;
+}
+.citizen .employee-card-banner{
+  margin-bottom: -5% !important;
+  height: 65% !important;
+}
+.text-employee-card{
+  font-size: 1.5rem;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  position: absolute;
+  top:10%;
+  padding-left: 10%;
+  color: white !important;
+
+}
+.citizen .employee-card-banner .citizenAllServiceGrid{
+  display: flex-root !important;
+  height: 100% !important;
+} 
+
+@media screen and (min-width: 300px) {
+  .CardBasedOptions {
+    height: 200px;
+  }
+  .employeeCustomCard{
+    font-size: 1rem;
+  }
 }

package/src/components/CitizenHomeCard.scss

@@ -1,59 +1,59 @@
-.CitizenHomeCard{
-
-  @apply bg-white mx-md p-md mb-lg shadow-card;
-  border-radius: 8px;
-
-  .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-root !important;
-      @apply grid grid-cols-2 gap-4;
-    }
-    .links{
-        display: grid;
-            grid-template-columns: repeat(4, minmax(0, 1fr));
-            grid-gap: 1px;
-            gap: 1px;
-    }
-
-  .CitizenHomeCard{
-     padding: 16px !important;
-     margin-right:16px !important;
-     display:block !important;
-      
-      @apply inline-block mr-lg p-lg align-top;
-      .header{
-          @apply pb-lg text-heading-l-dt;
-          svg{
-              @apply w-12 h-12;
-          }
-      }
-  
-      .links{
-        
-          a{
-            
-              @apply pb-md
-          }
-      }
-  }
+.CitizenHomeCard{
+
+  @apply bg-white mx-md p-md mb-lg shadow-card;
+  border-radius: 8px;
+
+  .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-root !important;
+      @apply grid grid-cols-2 gap-4;
+    }
+    .links{
+        display: grid;
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+            grid-gap: 1px;
+            gap: 1px;
+    }
+
+  .CitizenHomeCard{
+     padding: 16px !important;
+     margin-right:16px !important;
+     display:block !important;
+      
+      @apply inline-block mr-lg p-lg align-top;
+      .header{
+          @apply pb-lg text-heading-l-dt;
+          svg{
+              @apply w-12 h-12;
+          }
+      }
+  
+      .links{
+        
+          a{
+            
+              @apply pb-md
+          }
+      }
+  }
 }

package/src/components/EllipsisMenu.scss

@@ -1,17 +1,17 @@
-.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;
-            }
-        }
-    }
+.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 +1,10 @@
-.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;
-    }
-
+.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 +1,64 @@
-.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);
-}
+.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 +1,72 @@
-.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;
-                }
-            }
-    
-        }
-    }
+.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;
+                }
+            }
+    
+        }
+    }
 }