added new styles DIGITV2 1.5.32 and svg components added 0.0.2 (#205)

* Taken the recent fixes egovernments/DIGIT-Dev@bb2173c egovernments/DIGIT-Dev@567fd8f egovernments/DIGIT-Dev@1186f4c egovernments/DIGIT-Dev@43f688b * DPG-1531: Setup & Initialize new svg-component-library & taken the latest changes from digit-dev (#198) * PFM-3740 Show the Toast when password changed and need to logout from profile page (#5637) * SM-2880: FSM Truck Icon fill issue fix and react component package upgrade (#5645) * SM-2880: FSM Truck Icon fill issue fix * SM-2880: Readme update --------- Co-authored-by: nabeelmd-eGov <[email protected]> * Corrected the CSS for inbox composers and default core ui * Updated the package versions * Taken the recent fixes egovernments/DIGIT-Dev@bb2173c egovernments/DIGIT-Dev@567fd8f egovernments/DIGIT-Dev@1186f4c egovernments/DIGIT-Dev@43f688b * Integrated Create Employee with session storage * Updated Edit flow accordingly * DPG-1531: Setup & Initialize new svg-component-library (#5644) * DPG-1531: Set Up SVG library * DPG-1531: SVG library setup * DPG-1531: svg library setup * DPG-1531: svg library set up & code clean up * clean up * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * cleanup * DPG-1531: Initializing svg-component Icons in react-component * Resolving PR issues, update svg readme file and stories * DPG-1531: Initialized stories for all svgs --------- Co-authored-by: nabeelmd-eGov <[email protected]> * Revert "DPG-1531: Setup & Initialize new svg-component-library" (#5656) Revert "DPG-1531: Setup & Initialize new svg-component-library (#5644)" This reverts commit 17e4330. * DPG-1531: Initializing svg-component Icons in react-component (#5657) * DPG-1531: Set Up SVG library * DPG-1531: SVG library setup * DPG-1531: svg library setup * DPG-1531: svg library set up & code clean up * clean up * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * cleanup * DPG-1531: Initializing svg-component Icons in react-component * Resolving PR issues, update svg readme file and stories * DPG-1531: Initialized stories for all svgs * added minor fixes and changes * removed env * Update build-config.yml * Update preview.js * dist-storybook * Update Dockerfile * Playground enabled and onclick added * corrected the compilation issue * added reference * Updated the story book compilcation * fixed the compilation issue * correceted * corrected for A * updated the ico * removed the compilation issues * Update preview.js * updated all package versions --------- Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> * Update package.json * updated the order * taken the latest changes from digit-dev --------- Co-authored-by: vamshikrishnakole-wtt-egov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: Nipun Arora <[email protected]> * updated the svg version and stories * addded the v2 stlyes , svg libraries (#204) * PFM-3740 Show the Toast when password changed and need to logout from profile page (#5637) * SM-2880: FSM Truck Icon fill issue fix and react component package upgrade (#5645) * SM-2880: FSM Truck Icon fill issue fix * SM-2880: Readme update --------- Co-authored-by: nabeelmd-eGov <[email protected]> * DPG-1488: Initialized color palette an new classnames * Corrected the CSS for inbox composers and default core ui * Updated the package versions * DPG-1489: Setup work in progress * Taken the recent fixes egovernments/DIGIT-Dev@bb2173c egovernments/DIGIT-Dev@567fd8f egovernments/DIGIT-Dev@1186f4c egovernments/DIGIT-Dev@43f688b * Integrated Create Employee with session storage * Updated Edit flow accordingly * DPG-1489: Typography setup in progress * SM-DPG:1489:Added typography * SM-DPG:1489:identation * Revert "DPG-1489: Typography setup in progress" This reverts commit 5910c14. * SM-DPG:1489:Updated config for typography * remove comments * DPG-1531: Setup & Initialize new svg-component-library (#5644) * DPG-1531: Set Up SVG library * DPG-1531: SVG library setup * DPG-1531: svg library setup * DPG-1531: svg library set up & code clean up * clean up * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * cleanup * DPG-1531: Initializing svg-component Icons in react-component * Resolving PR issues, update svg readme file and stories * DPG-1531: Initialized stories for all svgs --------- Co-authored-by: nabeelmd-eGov <[email protected]> * Revert "DPG-1531: Setup & Initialize new svg-component-library" (#5656) Revert "DPG-1531: Setup & Initialize new svg-component-library (#5644)" This reverts commit 17e4330. * DPG-1531: Initializing svg-component Icons in react-component (#5657) * DPG-1531: Set Up SVG library * DPG-1531: SVG library setup * DPG-1531: svg library setup * DPG-1531: svg library set up & code clean up * clean up * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * Update index.html * cleanup * DPG-1531: Initializing svg-component Icons in react-component * Resolving PR issues, update svg readme file and stories * DPG-1531: Initialized stories for all svgs * added minor fixes and changes * removed env * Update build-config.yml * Update preview.js * dist-storybook * Update Dockerfile * Playground enabled and onclick added * corrected the compilation issue * added reference * Updated the story book compilcation * fixed the compilation issue * correceted * corrected for A * updated the ico * removed the compilation issues * Update preview.js * updated all package versions --------- Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> * Update package.json * updated the order * taken the latest changes from digit-dev * DPG-1488: integrated color pallete with formcomposerv2 and inbox search composer * DPG-1489: updated all config * DPG-1531: Added playground and propTypes for all SVG and SVG stories (#5658) * Added proptypes in all file * Added playground * Code clean --------- Co-authored-by: nabeelmd-eGov <[email protected]> * Update package.json * Multiple tool tip fix * updated version * Update README.md * DPG-1488: Added fixes and comments * Digit components core library created * redefine comments * added new styles added --------- Co-authored-by: vamshikrishnakole-wtt-egov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: Anil Singha <[email protected]> Co-authored-by: Nipun Arora <[email protected]> Co-authored-by: ajay-egov <[email protected]> * updated version and published --------- Co-authored-by: vamshikrishnakole-wtt-egov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: nabeelmd-eGov <[email protected]> Co-authored-by: Nipun Arora <[email protected]> Co-authored-by: Anil Singha <[email protected]> Co-authored-by: ajay-egov <[email protected]>
egovernments · Jul 20, 2023 · 92ec0eb · 92ec0eb
1 parent 148da63
commit 92ec0eb
Show file tree

Hide file tree

Showing 45 changed files with 4,700 additions and 101 deletions.
diff --git a/accelerators/frontend/micro-ui/web/micro-ui-internals/example/package.json b/accelerators/frontend/micro-ui/web/micro-ui-internals/example/package.json
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@egovernments/digit-ui-libraries": "1.5.7",
-    "@egovernments/digit-ui-module-dss": "1.5.33",
+    "@egovernments/digit-ui-module-dss": "1.5.36",
     "@egovernments/digit-ui-module-core": "1.5.39",
     "@egovernments/digit-ui-module-common": "1.5.30",
     "@egovernments/digit-ui-module-hrms": "1.5.25",

diff --git a/accelerators/frontend/micro-ui/web/micro-ui-internals/packages/css/README.md b/accelerators/frontend/micro-ui/web/micro-ui-internals/packages/css/README.md
@@ -42,6 +42,7 @@ frontend/micro-ui/web/public/index.html
 # Changelog
 
 ```bash
+1.5.32 newer css DIGITv2 added and corrected few existing issues
 1.5.31 Corrected the CSS for inbox composers and default core ui
 1.5.30 Updated the css for dynamic drodown filter dss
 1.5.29 layout issues fixed
@@ -54,7 +55,7 @@ frontend/micro-ui/web/public/index.html
 ```
 
 ## Published from DIGIT Core 
-Digit Dev Repo (https://github.com/egovernments/DIGIT-Dev/tree/digit-ui-core)
+Digit Core Repo (https://github.com/egovernments/Core-Platform/tree/digit-ui-core)
 
 ## License
 

diff --git a/accelerators/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json b/accelerators/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.5.31",
+  "version": "1.5.32",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

diff --git a/...ntend/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss b/...ntend/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/InboxLinks.scss
@@ -1,10 +1,14 @@
+@import url("../../digitv2/index.scss");
+
 .inbox-search-links-container {
+    @extend .light-paper-primary;
     height: 100%;
     width: 100% !important;
     display: flex;
     flex-direction: column;
     padding: 1rem;
     .header {
+        @extend .light-text-color-primary;
         display: grid;
         grid-template-columns: 20% 1fr;
         .logo {
@@ -18,6 +22,7 @@
             }
         }
         .text {
+            @extend .light-text-color-primary;
             line-height: 32px;
             font-weight: 700;
             color : black;
@@ -44,6 +49,7 @@
         display: flex;
         flex-direction: column;
         .link {
+            @extend .light-primary;
             padding: 8px;
             --text-opacity: 1;
             color: #f47738;

diff --git a/...nd/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/horizontalNav.scss b/...nd/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/horizontalNav.scss
@@ -1,4 +1,8 @@
+@import url("../../digitv2/index.scss");
+
 .horizontal-nav {
+    @extend .light-paper-primary;
+    @extend .light-text-color-primary;
     overflow: auto;
     display: flex;
     margin-top: 3rem;
@@ -21,6 +25,7 @@
         background: none;
 
         .icon {
+            @extend .light-background;
             display: block;
             color: rgb(117, 117, 117);
             fill: rgb(117, 117, 117);

diff --git a/...tend/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearch.scss b/...tend/micro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearch.scss
@@ -1,104 +1,116 @@
+@import url("../../digitv2/index.scss");
+
 .search-wrapper {
-    height: 100%;
-    width: 100%;
-    padding: 1rem;
+    @extend .light-text-color-primary;
+  @extend .light-paper-primary;
+  height: 100%;
+  width: 100%;
+  padding: 1rem;
 
-    .popup-label {
-        display: flex;
-        font-size: large;
-        .header{
-            width: 100%;
-            font-weight: normal;  
-            font-size: large;
-            .icon {
-                margin-right: 12px;
-                margin-top: 5px;
-            }
-        }
+  .popup-label {
+    display: flex;
+    font-size: large;
+    @extend .light-text-color-primary;
+    .header {
+      @extend .light-text-color-primary;
+      width: 100%;
+      font-weight: normal;
+      font-size: large;
+      .icon {
+        @extend .light-primary;
+        margin-right: 12px;
+        margin-top: 5px;
+      }
     }
+  }
 
-    .filter-header-wrapper {
-        display: grid;
-        grid-template-columns: 15% 1fr 15%;
-        height: 3rem;
-        margin-bottom: 1rem;
-        .icon-refresh {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border: 1px solid #00000017;
-            cursor: pointer;
-            svg {
-                height: 60%;
-                width: 40%;
-            }
-        }
-        .label {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-        }
-
-        @media (min-width: 1024px) {
-            .label {
-                font-size:24px;
-            }
-        }
+  .filter-header-wrapper {
+    @extend .light-text-color-primary;
+    display: grid;
+    grid-template-columns: 15% 1fr 15%;
+    height: 3rem;
+    margin-bottom: 1rem;
+    .icon-refresh {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid #00000017;
+      cursor: pointer;
+      svg {
+        height: 60%;
+        width: 40%;
+      }
+    }
+    .label {
+      @extend .light-text-color-primary;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+    }
 
-        @media (max-width: 1024px) {
-            .label {
-                font-size:16px;
-            }
-        }
+    @media (min-width: 1024px) {
+      .label {
+        font-size: 24px;
+      }
+    }
 
-        .icon-filter {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-        }
+    @media (max-width: 1024px) {
+      .label {
+        font-size: 16px;
+      }
     }
 
-    .search-field-wrapper {
-        display: grid;
-        row-gap: 0.25rem;
-        column-gap: 1rem;
-        &.inbox {
-            grid-template-columns: repeat(3, 1fr);
-            &.filter {
-                display: flex;
-                flex-direction: column;
-            }
-        }
-        &.search {
-            grid-template-columns: repeat(4, 1fr);
-        }
+    .icon-filter {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
     }
+  }
 
-    .search-button-wrapper {
+  .search-field-wrapper {
+    display: grid;
+    row-gap: 0.25rem;
+    column-gap: 1rem;
+    &.inbox {
+      grid-template-columns: repeat(3, 1fr);
+      &.filter {
         display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        gap: 1rem;
-        padding-top: 8px;
-        &.inbox {
-            grid-column: 2 / span 2;
-            &.filter {
-                button {
-                    width: 100%;
-                }
-            }
-        }
-        &.search {
-            grid-column: 3 / span 2;
+        flex-direction: column;
+      }
+    }
+    &.search {
+      grid-template-columns: repeat(4, 1fr);
+    }
+    .text-input{
+        @extend .light-primary;
+    }
+  }
+
+  .search-button-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 1rem;
+    padding-top: 8px;
+    &.inbox {
+      grid-column: 2 / span 2;
+      &.filter {
+        button {
+          width: 100%;
         }
+      }
+    }
+    &.search {
+      grid-column: 3 / span 2;
     }
+  }
 }
 
 @screen sm {
-    .search-wrapper {
-        .search-field-wrapper {
-            display: flex;
-            flex-direction : column;
-        }
-    }   
-}
+  .search-wrapper {
+    .search-field-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
diff --git a/...ro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss b/...ro-ui/web/micro-ui-internals/packages/css/src/components/inboxv2/inboxSearchComposer.scss
@@ -1,15 +1,26 @@
+@import url("../../digitv2/index.scss");
+
 .inbox-search-wrapper {
+    @extend .light-background;
     height: 100%;
     .inbox-search-component-wrapper {
+        @extend .light-background;
         height: 100%;
         width: 100%;
         .sections-parent {
+            @extend .light-background;
             height: 100%;
             display: grid;
             grid-template-columns: 20% 1fr;
             gap : 1rem;
             &.inbox {
+                @extend .light-text-color-primary;
                 .links{
+                    @extend .light-primary;
+                    @extend .light-paper-primary;
+                    .text{
+                        @extend .light-text-color-primary;
+                    }
                     .inbox-links-icon{
                         color:#f47738;
                         fill:#f47738;
@@ -31,15 +42,18 @@
                     }
                 }
                 .search-wrapper {
+                    @extend .light-paper-primary;
                     .search-field-wrapper.search.custom-both-clear-search{
                         .search-button-wrapper.search {
                             grid-column: initial;
                         }
                     .search-button-wrapper{
                         .link-label{
+                            @extend .light-primary;
                             white-space:initial;
                         }
                         .submit-bar {
+                            @extend .light-primary-button;
                             width: 60%;
                         }
                     }
@@ -50,8 +64,10 @@
                 grid-template-columns: 100%
             }
             .section {
+                @extend .light-paper-primary;
+                @extend .light-text-color-primary;
                 min-height: 10rem;
-                background-color: white;
+                /* background-color: white; */
                 display: flex;
                 align-items: center;
                 justify-content: center;
@@ -69,7 +85,9 @@
                     }
                 }
                 &.filter {
-                   height: fit-content;
+                    @extend .light-paper-primary;
+                    @extend .light-text-color-primary;
+                    height: fit-content;
                 }
             }
         }