feat: dropdown font style (v0.1.20)

Author: Shaunmak1214

dist/cjs/Dropdown/styled.js

@@ -1,6 +1,6 @@
 {
   "name": "@inva-ui/react",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "Inva UI is a modular, accessible building blocks library for you to start off your react projects easily",
   "keywords": [
     "react",

dist/esm/Dropdown/styled.js

@@ -1,10 +1,8 @@
-@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Source+Sans+Pro&display=swap");
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
+  font-family: "Poppins", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

package.json

@@ -135,15 +135,16 @@ export const SelectDropDownTabSection = styled.div`
 
 export const SelectDropDownTabSectionField = styled.div`
   text-align: start;
+  font-style: normal;
   ${(props: ThemedStyledProps<SelectDropDownTabSectionField, any>) => {
     if (props.type === "primary") {
-      return 'margin-bottom: 5px; font-family: "Quicksand"; font-size: 15px; font-weight: 600; color: black !important;';
+      return 'margin-bottom: 5px; font-family: "Poppins"; font-size: 15px; font-weight: 700; color: black !important;';
     } else if (props.type === "secondary") {
-      return 'margin-top: 0px !important; font-family: "Poppins"; font-size: 11px; font-weight: 500; color: rgb(163,163,163) !important;';
+      return 'margin-top: 0px !important; font-family: "Source Sans Pro"; font-size: 13px; font-weight: 500; color: rgb(163,163,163) !important;';
     } else if (props.type === "notfound") {
-      return 'margin-bottom: 5px; font-family: "Quicksand"; font-size: 12px; font-weight: 600; color: rgb(163,163,163) !important; width: 100%; display: flex; justify-content: center; align-item: center';
+      return 'margin-bottom: 5px; font-family: "Source Sans Pro"; font-size: 12px; font-weight: 600; color: rgb(163,163,163) !important; width: 100%; display: flex; justify-content: center; align-item: center';
     } else {
-      return 'margin-bottom: 5px; font-family: "Quicksand"; font-size: 15px; font-weight: 600; color: black !important;';
+      return 'margin-bottom: 5px; font-family: "Source Sans Pro"; font-size: 15px; font-weight: 600; color: black !important;';
     }
   }}
 `;