@ncino/web-components 8.0.0-preview.10 → 8.0.0-preview.11

package/dist/styles/gator/_gator-typography.css

@@ -1,40 +1,41 @@
 @import 'fonts.css';
+
 /* Body Text */
 body {
-    font-family: var(--text-family-body, "Open Sans"), sans-serif;
+    font-family: var(--font-family-body, "Open Sans"), sans-serif;
 }
 
 .gator-body-1 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-1, 17px);
-	line-height: var(--text-line-height-body-1, 24px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-1, 17px);
+	line-height: var(--line-height-body-1, 24px);
 }
 
 .gator-body-2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-2, 15px);
-	line-height: var(--text-line-height-body-2, 22px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-2, 15px);
+	line-height: var(--line-height-body-2, 22px);
 }
 
 .gator-body-3 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
 	font-weight: 400;
-	font-family: var(--text-family-body, "Open Sans");
-	color: var(--text-color-primary-base, #1F1F1F);
-	letter-spacing: var(--text-letter-spacing-default, 0);
-	font-size: var(--text-font-size-body-3, 13px);
-	line-height: var(--text-line-height-body-3, 18px);
+	font-family: var(--font-family-body, "Open Sans"), sans-serif;
+	color: var(--color-text-primary, #1F1F1F);
+	letter-spacing: var(--letter-spacing-default, 0);
+	font-size: var(--font-size-body-3, 13px);
+	line-height: var(--line-height-body-3, 18px);
 }
 
 .gator-body-bold {
@@ -53,134 +54,120 @@ body {
 .gator-heading-display-1 {
     font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-display-1, 72px);
-	line-height: var(--text-line-height-display-1, 90px);
+	font-weight: var(--font-weight-regular, 400);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-display-1, 72px);
+	line-height: var(--line-height-display-1, 90px);
 }
 
 .gator-heading-display-2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-display-2, 64px);
-	line-height: var(--text-line-height-display-2, 78px);
+	font-weight: var(--font-weight-regular, 400);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-display-2, 64px);
+	line-height: var(--line-height-display-2, 78px);
 }
 
 .gator-heading-h1 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-1, 40px);
-	line-height: var(--text-line-height-heading-1, 50px);
-}
-
-.gator-heading-h1 {
-	font-feature-settings: 'liga' off, 'clig' off;
-	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-1, 40px);
-	line-height: var(--text-line-height-heading-1, 50px);
+	font-weight: var(--font-weight-medium, 500);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-1, 40px);
+	line-height: var(--line-height-heading-1, 50px);
 }
 
 .gator-heading-h2 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-2, 32px);
-	line-height: var(--text-line-height-heading-2, 40px);
+	font-weight: var(--font-weight-medium, 500);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-2, 32px);
+	line-height: var(--line-height-heading-2, 40px);
 }
 
 .gator-heading-h3 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-3, 26px);
-	line-height: var(--text-line-height-heading-3, 36px);
+	font-weight: var(--font-weight-semi-bold, 600);
+	letter-spacing: var(--letter-spacing-narrow, -1px);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-3, 26px);
+	line-height: var(--line-height-heading-3, 36px);
 }
 
 .gator-heading-h4 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-4, 22px);
-	line-height: var(--text-line-height-heading-4, 32px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-semi-bold, 600);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-4, 22px);
+	line-height: var(--line-height-heading-4, 32px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 .gator-heading-h5 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-5, 20px);
-	line-height: var(--text-line-height-heading-5, 30px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-bold, 700);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-5, 20px);
+	line-height: var(--line-height-heading-5, 30px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 .gator-heading-h6 {
 	font-feature-settings: 'liga' off, 'clig' off;
 	font-style: normal;
-	font-weight: 700;
-	letter-spacing: var(--text-letter-spacing-narrow, -1px);
-	color: var(--text-color-primary-base, #1F1F1F);
-	font-family: var(--text-family-headings, 'nCino+Avenir');
-	font-size: var(--text-font-size-heading-6, 18px);
-	line-height: var(--text-line-height-28, 28px);
-	letter-spacing: var(--text-letter-spacing-default, 0);
+	font-weight: var(--font-weight-bold, 700);
+	color: var(--color-text-primary, #1F1F1F);
+	font-family: var(--font-family-headings, 'Lexend Deca'), sans-serif;
+	font-size: var(--font-size-heading-6, 18px);
+	line-height: var(--line-height-heading-6, 28px);
+	letter-spacing: var(--letter-spacing-default, 0);
 }
 
 @media (max-width: 768px) {
 	.gator-heading-display-1 {
-		font-size: var(--text-font-size-sm-display-1, 48px);
-		line-height: var(--text-line-height-sm-display-1, 56px);
+		font-size: var(--font-size-sm-display-1, 48px);
+		line-height: var(--line-height-sm-display-1, 56px);
 	}
 	.gator-heading-display-2 {
-		font-size: var(--text-font-size-sm-display-2, 36px);
-		line-height: var(--text-line-height-sm-display-2, 48px);
+		font-size: var(--font-size-sm-display-2, 36px);
+		line-height: var(--line-height-sm-display-2, 48px);
 	}
 	.gator-heading-h1 {
-		font-size: var(--text-font-size-sm-heading-1, 28px);
-		line-height: var(--text-line-height-sm-heading-1, 36px);
+		font-size: var(--font-size-sm-heading-1, 28px);
+		line-height: var(--line-height-sm-heading-1, 36px);
 	}
 	.gator-heading-h2 {
-		font-size: var(--text-font-size-sm-heading-2, 24px);
-		line-height: var(--text-line-height-sm-heading-2, 32px);
+		font-size: var(--font-size-sm-heading-2, 24px);
+		line-height: var(--line-height-sm-heading-2, 32px);
 	}
 	.gator-heading-h3 {
-		font-size: var(--text-font-size-sm-heading-3, 22px);
-		line-height: var(--text-line-height-sm-heading-3, 32px);
+		font-size: var(--font-size-sm-heading-3, 22px);
+		line-height: var(--line-height-sm-heading-3, 32px);
 	}
 	.gator-heading-h4 {
-		font-size: var(--text-font-size-sm-heading-4, 20px);
-		line-height: var(--text-line-height-sm-heading-4, 30px);
+		font-size: var(--font-size-sm-heading-4, 20px);
+		line-height: var(--line-height-sm-heading-4, 30px);
 	}
 	.gator-heading-h5 {
-		font-size: var(--text-size-18, 18px);
-		line-height: var(--text-line-height-28, 28px);
+		font-size: var(--font-size-sm-heading-5, 18px);
+		line-height: var(--line-height-sm-heading-5, 28px);
 	}
 	.gator-heading-h6 {
-		font-size: var(--text-size-17, 17px);
-		line-height: var(--text-line-height-24, 24px);
+		font-size: var(--font-size-sm-heading-6, 17px);
+		line-height: var(--line-height-sm-heading-6, 24px);
 	}
 }

package/dist/styles/gator/fonts.css

@@ -1,16 +1,4 @@
-@font-face {
-    font-family: 'nCino+Avenir';
-    src: url('./fonts/nCino+Avenir.woff2') format('woff2');
-    font-weight: 100 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'nCino+Avenir';
-    src: url('./fonts/nCino+AvenirBd.woff2') format('woff2');
-    font-weight: 600 900;
-    font-style: normal;
-}
+@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;600;700&display=swap');
 
 @font-face {
     font-family: 'Open Sans';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "8.0.0-preview.10",
+    "version": "8.0.0-preview.11",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "8.0.0-preview.9",
+  "version": "8.0.0-preview.10",
   "description-markup": "markdown",
   "contributions": {
     "html": {