@ncino/web-components 7.0.0-preview.8 → 7.0.0-preview.9

package/dist/packages/web-components/public/styles/gator/gator-global-styles.css.js

@@ -1 +1 @@
-const t=':host,:root{--gator-gutter-x: 1.5rem;--gator-gutter-y: 0}.gator-row{display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--gator-gutter-y));margin-right:calc(-.5 * var(--gator-gutter-x));margin-left:calc(-.5 * var(--gator-gutter-x))}.gator-col{flex:1 0 0}.gator-row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gator-gutter-x) * .5);padding-left:calc(var(--gator-gutter-x) * .5);margin-top:var(--gator-gutter-y)}.gator-col-12{flex:0 0 100%;max-width:100%}.gator-col-11{flex:0 0 91.666667%;max-width:91.666667%}.gator-col-10{flex:0 0 83.333333%;max-width:83.333333%}.gator-col-9{flex:0 0 75%;max-width:75%}.gator-col-7{flex:0 0 58.333333%;max-width:58.333333%}.gator-col-8{flex:0 0 66.666667%;max-width:66.666667%}.gator-col-6{flex:0 0 50%;max-width:50%}.gator-col-5{flex:0 0 41.666667%;max-width:41.666667%}.gator-col-4{flex:0 0 33.333333%;max-width:33.333333%}.gator-col-3{flex:0 0 25%;max-width:25%}.gator-col-2{flex:0 0 16.666667%;max-width:16.666667%}.gator-col-1{flex:0 0 8.333333%;max-width:8.333333%}.gator-w-100{width:100%}.gator-w-90{width:90%}.gator-w-80{width:80%}.gator-w-70{width:70%}.gator-w-60{width:60%}.gator-w-50{width:50%}.gator-w-40{width:40%}.gator-w-30{width:30%}.gator-w-20{width:20%}.gator-w-10{width:10%}.gator-w-0{width:0}.gator-w-auto{width:auto}.gator-h-auto{height:auto}.gator-h-100{height:100%}.gator-h-90{height:90%}.gator-h-80{height:80%}.gator-h-70{height:70%}.gator-h-60{height:60%}.gator-h-50{height:50%}.gator-h-40{height:40%}.gator-h-30{height:30%}.gator-h-20{height:20%}.gator-h-10{height:10%}.gator-h-0{height:0}.gator-mh-100{max-height:100%}.gator-mh-90{max-height:90%}.gator-mh-80{max-height:80%}.gator-mh-70{max-height:70%}.gator-mh-60{max-height:60%}.gator-mh-50{max-height:50%}.gator-mh-40{max-height:40%}.gator-mh-30{max-height:30%}.gator-mh-20{max-height:20%}.gator-mh-10{max-height:10%}.gator-mw-100{max-width:100%}.gator-mw-90{max-width:90%}.gator-mw-80{max-width:80%}.gator-mw-70{max-width:70%}.gator-mw-60{max-width:60%}.gator-mw-50{max-width:50%}.gator-mw-40{max-width:40%}.gator-mw-30{max-width:30%}.gator-mw-20{max-width:20%}.gator-mw-10{max-width:10%}.gator-mw-0{max-width:0}body{font-family:var(--text-family-body, "Open Sans"),sans-serif}.gator-d-flex{display:flex}.gator-d-inline-flex{display:inline-flex}';export{t as default};
+const t=':host,:root{--gator-gutter-x: 1.5rem;--gator-gutter-y: 0}.gator-row{display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--gator-gutter-y));margin-right:calc(-.5 * var(--gator-gutter-x));margin-left:calc(-.5 * var(--gator-gutter-x))}.gator-col{flex:1 0 0}.gator-row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gator-gutter-x) * .5);padding-left:calc(var(--gator-gutter-x) * .5);margin-top:var(--gator-gutter-y)}.gator-col-12{flex:0 0 100%;max-width:100%}.gator-col-11{flex:0 0 91.666667%;max-width:91.666667%}.gator-col-10{flex:0 0 83.333333%;max-width:83.333333%}.gator-col-9{flex:0 0 75%;max-width:75%}.gator-col-7{flex:0 0 58.333333%;max-width:58.333333%}.gator-col-8{flex:0 0 66.666667%;max-width:66.666667%}.gator-col-6{flex:0 0 50%;max-width:50%}.gator-col-5{flex:0 0 41.666667%;max-width:41.666667%}.gator-col-4{flex:0 0 33.333333%;max-width:33.333333%}.gator-col-3{flex:0 0 25%;max-width:25%}.gator-col-2{flex:0 0 16.666667%;max-width:16.666667%}.gator-col-1{flex:0 0 8.333333%;max-width:8.333333%}.gator-w-100{width:100%}.gator-w-90{width:90%}.gator-w-80{width:80%}.gator-w-70{width:70%}.gator-w-60{width:60%}.gator-w-50{width:50%}.gator-w-40{width:40%}.gator-w-30{width:30%}.gator-w-20{width:20%}.gator-w-10{width:10%}.gator-w-0{width:0}.gator-w-auto{width:auto}.gator-h-auto{height:auto}.gator-h-100{height:100%}.gator-h-90{height:90%}.gator-h-80{height:80%}.gator-h-70{height:70%}.gator-h-60{height:60%}.gator-h-50{height:50%}.gator-h-40{height:40%}.gator-h-30{height:30%}.gator-h-20{height:20%}.gator-h-10{height:10%}.gator-h-0{height:0}.gator-mh-100{max-height:100%}.gator-mh-90{max-height:90%}.gator-mh-80{max-height:80%}.gator-mh-70{max-height:70%}.gator-mh-60{max-height:60%}.gator-mh-50{max-height:50%}.gator-mh-40{max-height:40%}.gator-mh-30{max-height:30%}.gator-mh-20{max-height:20%}.gator-mh-10{max-height:10%}.gator-mw-100{max-width:100%}.gator-mw-90{max-width:90%}.gator-mw-80{max-width:80%}.gator-mw-70{max-width:70%}.gator-mw-60{max-width:60%}.gator-mw-50{max-width:50%}.gator-mw-40{max-width:40%}.gator-mw-30{max-width:30%}.gator-mw-20{max-width:20%}.gator-mw-10{max-width:10%}.gator-mw-0{max-width:0}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:100 400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600 900;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}body{font-family:var(--text-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)}.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)}.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)}.gator-body-bold{font-weight:700}.gator-body-semibold{font-weight:600}.gator-uppercase{text-transform:uppercase}.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)}.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)}.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-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)}.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)}.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)}.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)}.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)}@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)}.gator-heading-display-2{font-size:var(--text-font-size-sm-display-2, 36px);line-height:var(--text-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)}.gator-heading-h2{font-size:var(--text-font-size-sm-heading-2, 24px);line-height:var(--text-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)}.gator-heading-h4{font-size:var(--text-font-size-sm-heading-4, 20px);line-height:var(--text-line-height-sm-heading-4, 30px)}.gator-heading-h5{font-size:var(--text-size-18, 18px);line-height:var(--text-line-height-28, 28px)}.gator-heading-h6{font-size:var(--text-size-17, 17px);line-height:var(--text-line-height-24, 24px)}}.gator-d-flex{display:flex}.gator-d-inline-flex{display:inline-flex}';export{t as default};

package/dist/packages/web-components/src/tokens/primitive.tokens.scss.js

@@ -1 +1 @@
-const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirMd.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirHv.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}:host,:root{--color-black-100: #000000;--color-black-90: #1a1a1a;--color-black-80: #333333;--color-black-70: #4d4d4d;--color-black-60: #666666;--color-black-50: #808080;--color-black-40: #999999;--color-black-30: #b3b3b3;--color-black-20: #cccccc;--color-black-10: #e6e6e6;--color-neutral-80: #040404;--color-neutral-70: #1F1F1F;--color-neutral-60: #404040;--color-neutral-50: #6D6D6D;--color-neutral-40: #BFBFBF;--color-neutral-30: #E5E5E5;--color-neutral-20: #F2F2F2;--color-neutral-10: #F7F7F7;--color-neutral-0: #FFFFFF;--color-brand-50: #0A2033;--color-brand-40: #0E304D;--color-brand-30: #11395B;--color-brand-20: #C3CDD6;--color-brand-10: #E4ECF2;--color-brand-0: #F3F5F7;--color-red-40: #AA330E;--color-red-30: #D44011;--color-red-20: #E99F88;--color-red-10: #FAEBE7;--color-green-40: #1B8754;--color-green-30: #22A969;--color-green-20: #90D4B4;--color-green-10: #E9F7F0;--color-orange-40: #BD5A00;--color-orange-30: #EC7000;--color-orange-20: #F5B77F;--color-orange-10: #FEF1E6;--color-purple-50: #4C0099;--color-purple-40: #6600CC;--color-purple-30: #8000FF;--color-purple-20: #E5CCFF;--color-purple-10: #F6EEFF;--color-blue-50: #2238AA;--color-blue-40: #2A46D4;--color-blue-30: #3355FF;--color-blue-20: #BBC6FF;--color-blue-10: #E8ECFF;--color-aqua-50: #0A5069;--color-aqua-40: #0F6F91;--color-aqua-30: #009FD9;--color-aqua-20: #A2DBF0;--color-aqua-10: #EFF9FC;--color-aqua-0: #F7FBFC;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--text-family-headings: "nCino+Avenir", sans-serif;--text-family-body: "Open Sans", sans-serif}';export{o as default};
+const o='@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_Avenir.woff2) format("woff2");font-weight:100 400;font-style:normal}@font-face{font-family:"nCino+Avenir";src:url(/assets/nCino_AvenirBd.woff2) format("woff2");font-weight:600 900;font-style:normal}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:normal}:host,:root{--color-black-100: #000000;--color-black-90: #1a1a1a;--color-black-80: #333333;--color-black-70: #4d4d4d;--color-black-60: #666666;--color-black-50: #808080;--color-black-40: #999999;--color-black-30: #b3b3b3;--color-black-20: #cccccc;--color-black-10: #e6e6e6;--color-neutral-80: #040404;--color-neutral-70: #1F1F1F;--color-neutral-60: #404040;--color-neutral-50: #6D6D6D;--color-neutral-40: #BFBFBF;--color-neutral-30: #E5E5E5;--color-neutral-20: #F2F2F2;--color-neutral-10: #F7F7F7;--color-neutral-0: #FFFFFF;--color-brand-50: #0A2033;--color-brand-40: #0E304D;--color-brand-30: #11395B;--color-brand-20: #C3CDD6;--color-brand-10: #E4ECF2;--color-brand-0: #F3F5F7;--color-red-40: #AA330E;--color-red-30: #D44011;--color-red-20: #E99F88;--color-red-10: #FAEBE7;--color-green-40: #1B8754;--color-green-30: #22A969;--color-green-20: #90D4B4;--color-green-10: #E9F7F0;--color-orange-40: #BD5A00;--color-orange-30: #EC7000;--color-orange-20: #F5B77F;--color-orange-10: #FEF1E6;--color-purple-50: #4C0099;--color-purple-40: #6600CC;--color-purple-30: #8000FF;--color-purple-20: #E5CCFF;--color-purple-10: #F6EEFF;--color-blue-50: #2238AA;--color-blue-40: #2A46D4;--color-blue-30: #3355FF;--color-blue-20: #BBC6FF;--color-blue-10: #E8ECFF;--color-aqua-50: #0A5069;--color-aqua-40: #0F6F91;--color-aqua-30: #009FD9;--color-aqua-20: #A2DBF0;--color-aqua-10: #EFF9FC;--color-aqua-0: #F7FBFC;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--text-family-headings: "nCino+Avenir", sans-serif;--text-family-body: "Open Sans", sans-serif}';export{o as default};

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

@@ -0,0 +1,186 @@
+@import '../../../src/styles/fonts';
+/* Body Text */
+body {
+    font-family: var(--text-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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.gator-body-bold {
+	font-weight: 700;
+}
+
+.gator-body-semibold {
+	font-weight: 600;
+}
+
+.gator-uppercase {
+	text-transform: uppercase;
+}
+
+/* Headings */
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+.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);
+}
+.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);
+}
+
+@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);
+	}
+	.gator-heading-display-2 {
+		font-size: var(--text-font-size-sm-display-2, 36px);
+		line-height: var(--text-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);
+	}
+	.gator-heading-h2 {
+		font-size: var(--text-font-size-sm-heading-2, 24px);
+		line-height: var(--text-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);
+	}
+	.gator-heading-h4 {
+		font-size: var(--text-font-size-sm-heading-4, 20px);
+		line-height: var(--text-line-height-sm-heading-4, 30px);
+	}
+	.gator-heading-h5 {
+		font-size: var(--text-size-18, 18px);
+		line-height: var(--text-line-height-28, 28px);
+	}
+	.gator-heading-h6 {
+		font-size: var(--text-size-17, 17px);
+		line-height: var(--text-line-height-24, 24px);
+	}
+}

package/dist/styles/gator/gator-global-styles.css

@@ -1,10 +1,7 @@
 @import 'tokens/_gator-global-tokens.css';
 @import '_gator-grid.css';
 @import '_gator-sizing.css';
-
-body {
-    font-family: var(--text-family-body, "Open Sans"), sans-serif;
-}
+@import '_gator-typography.css';
 
 .gator-d-flex {
     display: flex;
@@ -12,4 +9,4 @@ body {
 
 .gator-d-inline-flex {
     display: inline-flex;
-}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "7.0.0-preview.8",
+  "version": "7.0.0-preview.9",
   "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": "7.0.0-preview.7",
+  "version": "7.0.0-preview.8",
   "description-markup": "markdown",
   "contributions": {
     "html": {