@egovernments/digit-ui-components-css 0.2.0-beta.1 → 0.2.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.11",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egovernments.org>",

package/src/digitv2/components/cardV2.scss

@@ -334,7 +334,8 @@
 }
 
 .digit-card-section-header {
-    @apply text-text-primary text-heading-m font-bold;
+    @apply text-heading-m font-bold;
+    color: theme(digitv2.lightTheme.text-primary);
 }
 
 .digit-card-search-heading {
@@ -495,4 +496,9 @@
             margin-bottom: unset;
         }
     }
+}
+.titleStyle{
+    color: theme(digitv2.lightTheme.primary-2);
+    font-weight: theme(digitv2.fontWeight.bold);
+    font-size: theme(digitv2.spacers.spacer10);
 }

package/src/digitv2/components/fieldV1.scss

@@ -144,4 +144,102 @@
     .digit-charcount {
         @apply justify-end;
     }
+}
+
+.digit-form-card-subheader {
+    @extend .typography.caption-l;
+    font-family: theme(digitv2.fontFamily.sans);
+    font-style: theme(digitv2.fontStyle.normal);
+    font-weight: theme(digitv2.fontWeight.medium);
+    line-height: theme(digitv2.lineHeight.lineheight1);
+
+    @media (max-aspect-ratio: 9/16) {
+      /* Media query for mobile */
+      font-size: theme(digitv2.fontSize.caption-l.mobile);
+    }
+
+    @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+      /* Media query for tablets */
+      font-size: theme(digitv2.fontSize.caption-l.tablet);
+    }
+
+    @media (min-aspect-ratio: 3/4) {
+      /* Media query for desktop */
+      font-size: theme(digitv2.fontSize.caption-l.desktop);
+    }
+    color: theme(digitv2.lightTheme.text-primary);
+}
+
+.digit-form-card-description {
+    @extend .typography.heading-s;
+    font-family: theme(digitv2.fontFamily.sans);
+    font-style: theme(digitv2.fontStyle.normal);
+    font-weight: theme(digitv2.fontWeight.bold);
+    line-height: theme(digitv2.lineHeight.lineheight1);
+
+    @media (max-aspect-ratio: 9/16) {
+      /* Media query for mobile */
+      font-size: theme(digitv2.fontSize.heading-s.mobile);
+    }
+
+    @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+      /* Media query for tablets */
+      font-size: theme(digitv2.fontSize.heading-s.tablet);
+    }
+
+    @media (min-aspect-ratio: 3/4) {
+      /* Media query for desktop */
+      font-size: theme(digitv2.fontSize.heading-s.desktop);
+    }
+    color: theme(digitv2.lightTheme.text-secondary);
+}
+
+.digit-form-card-text {
+    @extend .typography.body-l;
+    font-family: theme(digitv2.fontFamily.sans);
+    font-style: theme(digitv2.fontStyle.normal);
+    font-weight: theme(digitv2.fontWeight.regular);
+    line-height: theme(digitv2.lineHeight.lineheight2);
+
+    @media (max-aspect-ratio: 9/16) {
+      /* Media query for mobile */
+      font-size: theme(digitv2.fontSize.body-l.mobile);
+    }
+
+    @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+      /* Media query for tablets */
+      font-size: theme(digitv2.fontSize.body-l.tablet);
+    }
+
+    @media (min-aspect-ratio: 3/4) {
+      /* Media query for desktop */
+      font-size: theme(digitv2.fontSize.body-l.desktop);
+    }
+    color: theme(digitv2.lightTheme.text-secondary);
+
+}
+
+.sectionSubHeaderStyle{
+  @extend .typography.body-s;
+  @apply flex justify-between items-baseline;
+  color: theme(digitv2.lightTheme.text-secondary);
+  font-family: theme(digitv2.fontFamily.sans);
+  font-style: theme(digitv2.fontStyle.normal);
+  font-weight: theme(digitv2.fontWeight.regular);
+  line-height: theme(digitv2.lineHeight.lineheight2);
+
+  @media (max-aspect-ratio: 9/16) {
+    /* Media query for mobile */
+    font-size: theme(digitv2.fontSize.body-s.mobile);
+  }
+
+  @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+    /* Media query for tablets */
+    font-size: theme(digitv2.fontSize.body-s.tablet);
+  }
+
+  @media (min-aspect-ratio: 3/4) {
+    /* Media query for desktop */
+    font-size: theme(digitv2.fontSize.body-s.desktop);
+  }
 }

package/src/digitv2/pages/employee/boundaryFilter.scss

@@ -0,0 +1,63 @@
+.selecting-boundary-div {
+    padding-top: 0.5rem;
+   
+    gap:1.5rem;
+    .label-field-pair {
+        margin-bottom: 1.5rem;
+    }
+
+}
+
+
+
+.selecting-boundary-div.horizontal-layout {
+    display: grid; 
+    grid-template-columns: repeat(3, 1fr); 
+    align-items: flex-start;
+  }
+
+
+.digit-card-label.boundary-selection-label{
+    font-family: theme(digitv2.fontFamily.sans);
+    font-style: theme(digitv2.fontStyle.normal);
+    font-weight: theme(digitv2.fontWeight.bold);
+
+    @media (max-width: 30rem) {
+        /* Media query for mobile */
+        font-size: theme(digitv2.fontSize.heading-s.mobile);
+    }
+
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+        /* Media query for tablets */
+        font-size: theme(digitv2.fontSize.heading-s.tablet);
+    }
+
+    @media (min-width: 48rem) {
+        /* Media query for desktop */
+        font-size: theme(digitv2.fontSize.heading-s.desktop);
+    }
+
+    color: theme(digitv2.lightTheme.text-primary);
+    width:30%;
+} 
+.selecting-boundary-div.horizontal-layout .boundary-item {
+    display: flex;
+    justify-content: center;
+ }
+
+ .digit-field-full{
+    width:100%;
+ }
+
+ .digit-label-field-pair.boundary-item.vertical{
+    margin-bottom: 0rem;
+ } 
+ 
+ .padding-dropdown{
+    padding-bottom: 1.6rem;
+ }
+
+ .filter-card.filter-card-vertical .selecting-boundary-div {
+    max-width: 65%;
+  }
+  

package/src/digitv2/pages/employee/inboxsearchcomposer.scss

@@ -249,6 +249,16 @@
                     .digit-tab-main {
                         width: 100%;
                     }
+
+                    &.tab{
+                        background: none !important;
+                        padding: theme(digitv2.spacers.spacer0);
+                        box-shadow: none;
+
+                        .digit-search-wrapper{
+                            padding: theme(digitv2.spacers.spacer6);
+                        }
+                    }
                 }
 
                 &.filter{
@@ -301,6 +311,17 @@
     line-height: normal;
 }
 
+.digit-inbox-search-composer-header-action-wrapper{
+
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .digit-inbox-search-composer-action{
+        margin-bottom: theme(digitv2.spacers.spacer6);
+    }
+}
+
 .digit-inbox-search-links-container {
     .digit-inbox-search-links-header {
         display: flex;
@@ -406,4 +427,74 @@
     display: flex;
     align-items: center;
     justify-content: center ;
+}
+
+.digit-custom-row-wrapper{
+    display: flex;
+    flex-direction: column;
+    gap: theme(digitv2.spacers.spacer6);
+}
+
+.footer-pagination-content {
+    &.digit-results-table{
+        margin-top:1.5rem;
+
+        td{
+            width: 100%;
+
+            .pagination{
+                border-top: none;
+            }
+        }
+    }
+}
+.digit-results-card-component {
+    .digit-results-card-heading-tags-wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .digit-results-card-heading {
+            color: theme(digitv2.lightTheme.primary-2);
+            font-family: theme(digitv2.fontFamily.sans);
+            font-style: theme(digitv2.fontStyle.normal);
+            font-weight: theme(digitv2.fontWeight.bold);
+            line-height: theme(digitv2.lineHeight.lineheight1);
+
+            @media (max-aspect-ratio: 9/16) {
+                /* Media query for mobile */
+                font-size: theme(digitv2.fontSize.heading-m.mobile);
+            }
+
+            @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+                /* Media query for tablets */
+                font-size: theme(digitv2.fontSize.heading-m.tablet);
+            }
+
+            @media (min-aspect-ratio: 3/4) {
+                /* Media query for desktop */
+                font-size: theme(digitv2.fontSize.heading-m.desktop);
+            }
+        }
+
+        .digit-results-card-tags {
+            display: flex;
+            gap: theme(digitv2.spacers.spacer4);
+        }
+    }
+}
+
+.pagination {
+    &.custom-results {
+
+        button {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            svg {
+                margin-left: theme(digitv2.spacers.spacer0);
+            }
+        }
+    }
 }

package/src/digitv2/pages/employee/index.scss

@@ -1,3 +1,4 @@
 @import url("./workbench.scss");
+@import url("./boundaryFilter.scss");
 @import url("./inboxsearchcomposer.scss");
-@import url("./reactdatatable.scss");
+@import url("./reactdatatable.scss");

package/src/digitv2/pages/employee/reactdatatable.scss

@@ -1,11 +1,11 @@
 
-.digit-global-serach-results-table-wrapper{
+.digit-global-search-results-table-wrapper{
     display: flex;
     flex-direction: column;
     align-items: flex-end;
 }
 
-.digit-global-serach-results-table{
+.digit-global-search-results-table{
   margin-bottom: 1.5rem;