@egovernments/digit-ui-components-css 0.0.2-beta.38 → 0.0.2-beta.41

package/package.json

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

package/src/digitv2/components/accordionV2.scss

@@ -137,7 +137,7 @@
     }
 
     &.withDivider {
-        .digit-accordion-content {
+        .digit-accordion-content.open{
             border-top: 1px solid theme(digitv2.lightTheme.generic-divider);
         }
     }
@@ -149,7 +149,11 @@
     }
 
     &.cardBg {
-        background-color: theme(digitv2.lightTheme.paper-secondary);
+        background-color: theme(digitv2.lightTheme.paper-primary);
+
+        &.nested {
+            background-color: theme(digitv2.lightTheme.paper-secondary);
+        }
     }
 }
 

package/src/digitv2/components/bottomSheetV2.scss

@@ -64,6 +64,7 @@
     overflow-y: scroll;
     display: flex;
     flex-direction: column;
+    height: 100%;
 
     @media (max-aspect-ratio: 9/16) {
         gap: theme(digitv2.spacers.spacer4);

package/src/digitv2/components/buttonsV2.scss

@@ -155,6 +155,10 @@
     color: theme(digitv2.lightTheme.primary-1);
   }
 
+  .digit-button-label{
+    color: theme(digitv2.lightTheme.primary-1);
+  }
+
   &.disabled {
     @apply opacity-50;
     border: 0.063rem solid theme(digitv2.lightTheme.text-disabled);

package/src/digitv2/components/chipV2.scss

@@ -46,6 +46,10 @@
     }
   
 
+    &.clickable:hover{
+      box-shadow: 0.125rem 0.125rem 0.25rem 0rem #36363633;
+    }
+
     svg{
       flex-shrink: 0;
     }

package/src/digitv2/index.scss

@@ -246,4 +246,79 @@
   &.paper-secondary{
     background-color: theme(digitv2.lightTheme.paper-secondary);
   }
+}
+
+.typography-story{
+  &.heading-m{
+    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);
+    }
+  }
+
+  &.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);
+    }
+  }
+
+  &.body-s {
+    @media (max-aspect-ratio: 9/16) {
+      /* Media query for mobile */
+      font-size: theme(digitv2.fontSize.body-s.mobile);
+      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 (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+      /* Media query for tablets */
+      font-size: theme(digitv2.fontSize.body-s.tablet);
+      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 (min-aspect-ratio: 3/4) {
+      /* Media query for desktop */
+      font-size: theme(digitv2.fontSize.body-s.desktop);
+      font-family: theme(digitv2.fontFamily.sans);
+      font-style: theme(digitv2.fontStyle.normal);
+      font-weight: theme(digitv2.fontWeight.regular);
+      line-height: theme(digitv2.lineHeight.lineheight2);
+    }
+  }
 }