@pmidc/upyog-css 0.0.4 → 1.0.1

package/package.json

@@ -1,53 +1,63 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "0.0.4",
-  "description": "PMIDC CSS",
-  "main": "gulpfile.js",
-  "directories": {
-    "example": "example"
+  "version": "1.0.1",
+  "license": "MIT",
+  "main": "dist/index.css",
+  "engines": {
+    "node": ">=10"
   },
-  "dependencies": {
-    "ansi-regex": "^2.1.1",
-    "ansi-styles": "^2.2.1",
-    "anymatch": "^3.1.3",
-    "autoprefixer": "^10.4.20",
-    "binary-extensions": "^2.3.0",
-    "braces": "^3.0.3",
-    "chokidar": "^3.6.0",
-    "cliui": "^7.0.4",
-    "filename-reserved-regex": "^2.0.0",
-    "filenamify": "^4.3.0",
-    "fill-range": "^7.1.1",
-    "fs-extra": "^8.1.0",
-    "get-stdin": "^8.0.0",
-    "gh-pages": "^3.2.3",
-    "glob-parent": "^5.1.2",
-    "gulp-postcss": "8.0.0",
-    "has-flag": "^1.0.0",
-    "is-binary-path": "^2.1.0",
-    "is-number": "^7.0.0",
-    "lilconfig": "^2.1.0",
-    "postcss": "^8.4.12",
-    "postcss-cli": "^8.3.1",
-    "postcss-header": "^2.0.0",
-    "postcss-load-config": "^3.1.4",
-    "postcss-prefixer": "^2.1.3",
-    "postcss-preset-env": "^6.7.2",
-    "postcss-reporter": "^7.1.0",
-    "postcss-value-parser": "^4.2.0",
-    "readdirp": "^3.6.0",
-    "source-map": "^0.5.7",
-    "strip-ansi": "^3.0.1",
-    "supports-color": "^3.2.3",
-    "to-regex-range": "^5.0.1",
-    "universalify": "^0.1.2",
-    "y18n": "^5.0.8",
-    "yargs": "^16.2.0"
+  "cssConfig": {
+    "prefix": ""
   },
-  "devDependencies": {},
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "gulp build",
+    "build:prod": "gulp build",
+    "prepublish": "yarn build:prod",
+    "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example"
+  },
+  "browserslist": [
+    "> 3%",
+    "last 2 versions"
+  ],
+  "style": "./dist/index.css",
+  "dependencies": {
+    "node-sass": "4.14.1",
+    "normalize.css": "8.0.1",
+    "postcss-scss": "3.0.5",
+    "tailwindcss": "^1.9.6",
+    "yarn": "^1.22.22"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.4",
+    "cssnano": "4.1.11",
+    "gh-pages": "3.2.3",
+    "gulp": "4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-livereload": "^4.0.2",
+    "gulp-postcss": "9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-sass": "^4.1.1",
+    "postcss": "8.4.12",
+    "postcss-cli": "8.3.1",
+    "postcss-header": "2.0.0",
+    "postcss-import": "^12.0.1",
+    "postcss-prefixer": "2.1.3",
+    "postcss-preset-env": "^6.7.1",
+    "postcss-scss": "3.0.5",
+    "sass": "1.49.11"
+  },
+  "files": [
+    "dist/index.min.css",
+    "dist/index.css",
+    "svg/**/*.svg",
+    "img/**/*.png",
+    "src/**/*.scss",
+    "src/**/*.css"
+  ],
+  "directories": {
+    "example": "example"
   },
-  "author": "ANUJ SINGH",
-  "license": "ISC"
+  "author": "",
+  "description": ""
 }

package/src/components/card.scss

@@ -62,7 +62,7 @@
 }
 
 .employeeCard {
-  @apply bg-white shadow-card p-md mb-xl;
+  @apply bg-white  p-md mb-xl;
   border-radius: 4px;
 
   .card-header {
@@ -235,8 +235,9 @@
     }
 
     .card-section-header {
-      margin-bottom: 40px;
-      @apply text-heading-m-dt;
+      margin-bottom: 20px;
+      color: #0D43A7;
+      @apply text-heading-m-dt font-medium;
     }
 
     .card-section-sub-text{

package/src/index.scss

@@ -113,6 +113,7 @@
 @import "./pages/employee/surveys.scss";
 
 @import "./pages/employee/faq.scss";
+@import "./pages/employee/dashboard.scss";
 
 .display-none {
   display: none;
@@ -663,6 +664,31 @@ input[type="number"] {
   }
 }
 
+.ws-button{
+  border:1px solid grey;
+  display:block;
+   background-color:grey;
+   height:50%;
+   width:80%;
+   text-align:'center';
+   margin-top:6%;
+   color:'white';
+}
+.ws-search-button{
+  border:1px solid black;
+  display:block;
+  
+   height:50%;
+   width:80%;
+   text-align:'center';
+   margin-top:6%;
+   color: 'white';
+  
+ 
+}
+.button{
+  color:'white'
+}
 .plumber-details-new-value-wrapper {
   flex: 2 1 auto;
 }

package/src/pages/employee/dashboard.scss

@@ -0,0 +1,152 @@
+.employee-dashboard-container {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin: 20px;
+
+    .employee-dashboard-welcome-card {
+        height: 160px;
+        border-radius: 12px;
+        padding: 20px;
+        margin-top: 20px;
+        position: relative;
+
+        .employee-dashboard-welcome-card-entire-content {
+            width: 374px;
+            height: 108px;
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+            top: 32px;
+            left: 32px;
+        }
+
+        .employee-dashboard-welcome-card-heading {
+            font-family: "Noto Sans";
+            font-weight: 500;
+            font-size: 28px;
+            line-height: 32px;
+            letter-spacing: 0%;
+            color: #FFFFFF;
+        }
+
+        .employee-dashboard-welcome-card-content {
+            color: #FFFFFF;
+            font-family: "Noto Sans";
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 20px;
+            letter-spacing: 0.25px;
+        }
+    }
+
+    .employee-dashboard-card-grid {
+        display: grid;
+        grid-template-columns: repeat(1, 1fr);
+        gap: 20px;
+
+        @media (min-width: 600px) {
+            grid-template-columns: repeat(2, 1fr);
+        }
+
+        @media (min-width: 1024px) {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+
+    .employee-dashboard-card {
+        padding: 20px;
+        border-radius: 12px;
+        position: relative;
+
+        .employee-dashboard-card-heading-container {
+            display: flex;
+            align-items: center;
+            margin-bottom: 10px;
+            gap: 5px;
+        }
+
+        .employee-dashboard-card-heading {
+            font-size: 22px;
+            color: #FFFFFF;
+            font-family: "Noto Sans";
+            font-weight: 400;
+            line-height: 28px;
+            letter-spacing: 0%;
+        }
+
+        .employee-dashboard-card-content {
+            color: #FFFFFF;
+            font-family: "Noto Sans";
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 20px;
+            letter-spacing: 0.25px;
+        }
+    }
+
+    .employee-dashboard-table-and-services {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+
+        @media (min-width: 1024px) {
+            flex-direction: row;
+        }
+
+        .employee-dashboard-table-container {
+            flex: 1;
+
+            .employee-dashboard-table-header {
+                display: flex;
+                justify-content: space-between;
+
+                .employee-dashboard-table-title {
+                    color: "white";
+                    font-family: "Manrope";
+                    font-weight: 700;
+                    font-size: 20px;
+                    line-height: 27.32px;
+                    letter-spacing: 0%;
+                }
+
+                .employee-dashboard-view-all-link {
+                    color: blue;
+                }
+            }
+
+            .employee-dashboard-table-content {
+                overflow: auto;
+                width: 100%;
+            }
+        }
+
+        .employee-dashboard-quick-services-container {
+            flex: 1;
+
+            .employee-dashboard-quick-services-header {
+                display: flex;
+                justify-content: space-between;
+
+                .employee-dashboard-quick-services-title {
+                    color: "#000";
+                    font-family: "Manrope";
+                    font-weight: 700;
+                    font-size: 20px;
+                    line-height: 27.32px;
+                    letter-spacing: 0%;
+                }
+
+                .employee-dashboard-view-all-link {
+                    color: blue;
+                }
+            }
+
+            .employee-dashboard-module-card-wrapper {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 20px;
+            }
+        }
+    }
+}

package/src/pages/employee/inbox.scss

@@ -683,7 +683,7 @@ background-size: cover
     }
   }
 }
-
+@media only screen and (max-width: 640px) {
 .dashboardCardTypeOne {
   border-top:5px solid #2947A3;
   box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
@@ -694,14 +694,49 @@ background-size: cover
   border-radius: 8px 0px 0px 0px;
   border-top: 5px solid hsl(225, 60%, 40%);
   opacity: 1;
-}
-
+  width: 87%;
+ 
 
+}
+ 
+ 
 .dashboardCardTypeOneHeader {
   color: #14346D;
   font-family: Roboto;
   font-size: 20px;
   font-weight: 500;
   line-height: 24px;
-  text-align: left;
-}
+  text-align: center;
+  word-wrap: break-word;
+  margin-left: 10%;
+}
+}
+@media only screen and (min-width: 641px) {
+  .dashboardCardTypeOne {
+    border-top:5px solid #2947A3;
+    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
+    background: #FFFFFF;
+    height: 188px;
+    padding: 16px 20px;
+    gap: 24px;
+    border-radius: 8px 0px 0px 0px;
+    border-top: 5px solid hsl(225, 60%, 40%);
+    opacity: 1;
+    width: 100%;
+  
+  
+  }
+   
+  
+  .dashboardCardTypeOneHeader {
+    color: #14346D;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: left;
+  
+  
+  }
+  }
+  

package/src/pages/employee/index.scss

@@ -68,13 +68,9 @@
   }
 
 .submit-bar header{
-  height: 55px !important;
+  height: 2rem  !important;
   line-height: 2rem !important;
   background-color: #2947A3;
-  border-radius: 8px;
-  border: transparent;
-  align-content: center;
-
 } 
 
   .loginContainer {
@@ -628,5 +624,15 @@
 {
 .employee .card-home{
 height: 220px;
+border-radius: 12px;
+}
 }
+
+.pageCard {
+  width: 100%;
+  height: 100%;
+  padding: 48px;
+  gap: 48px;
+  border-radius: 24px;
+  background: #ffffff;
 }

package/src/pages/employee/landing.scss

@@ -8,6 +8,7 @@
     display: flex;
     flex-direction: column;
     width: 50%;
+   
 }
 .middle-left-half-upper{
     height: 50%;

package/src/pages/employee/login.scss

@@ -3,7 +3,6 @@
 
   .employeeCard {
    margin-top: 0px;
- 
     .submit-bar {
       @apply w-full;
   
@@ -26,6 +25,9 @@
       }
   }
 }
+.employeeCard{
+  width:100% !important;
+}
 .banner .bannerCard{
   min-width: 420px !important;
   background-color: transparent;
@@ -492,7 +494,6 @@
   text-align:"center";
   color:white;
   margin-top: 170px;
-  border:1px solid black
 }
 .footerText{
   display: 'flex';

package/src/pages/employee/surveys.scss

@@ -270,3 +270,35 @@ border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
   padding: 0;
   background: none;
 }
+
+
+
+.survey-grid-container {
+  display: grid;
+  gap: 16px;
+}
+.survey-grid-container-input {
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+@media (min-width: 320px) {
+  .survey-grid-container {
+      grid-template-columns: repeat(1, 1fr);
+  }
+}
+@media (min-width: 480px) {
+ .survey-grid-container {
+      grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 768px) {
+  .survey-grid-container  {
+      grid-template-columns: repeat(3, 1fr);
+  }
+}
+@media (min-width: 1024px) {
+  .survey-grid-container  {
+      grid-template-columns: repeat(4, 1fr);
+  }
+}

package/example/employee.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>@egovernments/digit-ui.css</title>
-    <!-- map script  -->
-    <script src="./map.js"></script>
-    <!-- all files at https://unpkg.com/browse/@egovernments/digit-ui.css/ -->
-    <!-- css prod path https://unpkg.com/@egovernments/digit-ui.css/dist/index.min.css -->
-    <link href="index.css" rel="stylesheet" />
-  </head>
-
-  <body>
-    <h1>employee example</h1>
-  </body>
-</html>