@kiva/kv-tokens 4.1.0 → 4.3.0

package/configs/kivaTypography.js

@@ -6,7 +6,6 @@ const {
 	fontSizes,
 	fontWeights,
 	letterSpacings,
-	lineHeights,
 	lineHeightsAbsolute,
 	radii,
 	semanticFontSizes,
@@ -288,99 +287,6 @@ export const textBaseColor = 'rgb(var(--text-primary))';
  REUSABLE TYPE STYLES
 */
 export const textStyles = (() => {
-	const textJumbo = {
-		fontFamily: fonts.serif,
-		fontWeight: fontWeights.medium,
-		fontSize: rem(fontSizes.jumbo.sm),
-		letterSpacing: letterSpacings['-1'],
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.jumbo.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.jumbo.lg),
-		},
-	};
-
-	const textH1 = {
-		fontFamily: fonts.serif,
-		fontSize: rem(fontSizes.h1.sm),
-		fontWeight: fontWeights.medium,
-		letterSpacing: em(letterSpacings['-0.5'], fontSizes.h1.md),
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.h1.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.h1.lg),
-		},
-	};
-
-	const textH2 = {
-		fontFamily: fonts.serif,
-		fontSize: rem(fontSizes.h2.sm),
-		fontWeight: fontWeights.medium,
-		letterSpacing: em(letterSpacings.normal, fontSizes.h2.sm),
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.h2.md),
-			letterSpacing: em(letterSpacings['-0.3'], fontSizes.h2.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.h2.lg),
-			letterSpacing: em(letterSpacings['-0.3'], fontSizes.h2.lg),
-			lineHeight: lineHeights['nearly-none'],
-		},
-	};
-
-	const textH3 = {
-		fontSize: rem(fontSizes.h3.sm),
-		fontWeight: fontWeights.normal,
-		letterSpacing: em(letterSpacings['-1'], fontSizes.h3.sm),
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.h3.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.h3.lg),
-		},
-	};
-
-	const textH4 = {
-		fontSize: rem(fontSizes.h4.sm),
-		fontWeight: fontWeights.normal,
-		lineHeight: lineHeights.normal,
-		textTransform: 'uppercase',
-		'@screen md': {
-			fontSize: rem(fontSizes.h4.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.h4.lg),
-		},
-	};
-
-	const textH5 = {
-		fontFamily: fonts.sans,
-		fontSize: rem(fontSizes.h4.sm),
-		fontWeight: fontWeights.normal,
-		letterSpacing: em(letterSpacings.normal, fontSizes.subhead.sm),
-		lineHeight: lineHeights['nearly-none'],
-	};
-
-	const textSubhead = {
-		fontFamily: fonts.sans,
-		fontSize: rem(fontSizes.subhead.sm),
-		fontWeight: fontWeights.light,
-		letterSpacing: em(letterSpacings.normal, fontSizes.subhead.sm),
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.subhead.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.subhead.lg),
-		},
-	};
-
 	const textBase = {
 		fontWeight: fontWeights.light,
 		fontSize: rem(fontSizes.base.sm),
@@ -409,21 +315,6 @@ export const textStyles = (() => {
 		fontWeight: fontWeights.light,
 	};
 
-	const textBlockquote = {
-		fontFamily: fonts.serif,
-		fontSize: rem(fontSizes.h2.sm),
-		fontStyle: 'italic',
-		fontWeight: fontWeights.medium,
-		letterSpacing: em(letterSpacings['-0.5'], fontSizes.h2.sm),
-		lineHeight: lineHeights.tight,
-		'@screen md': {
-			fontSize: rem(fontSizes.h2.md),
-		},
-		'@screen lg': {
-			fontSize: rem(fontSizes.h2.lg),
-		},
-	};
-
 	const textDisplay = {
 		fontFamily: fonts.serif,
 		fontWeight: fontWeights.medium,
@@ -442,6 +333,8 @@ export const textStyles = (() => {
 		},
 	};
 
+	const textJumbo = { ...textDisplay };
+
 	const textHeadline = {
 		fontFamily: fonts.serif,
 		fontWeight: fontWeights.medium,
@@ -451,6 +344,7 @@ export const textStyles = (() => {
 		'@screen md': {
 			fontSize: rem(semanticFontSizes.h1.md),
 			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h1.md),
+			lineHeight: em(lineHeightsAbsolute.h1.md, semanticFontSizes.h1.md),
 		},
 		'@screen lg': {
 			fontSize: rem(semanticFontSizes.h1.lg),
@@ -459,6 +353,8 @@ export const textStyles = (() => {
 		},
 	};
 
+	const textH1 = { ...textHeadline };
+
 	const textHeadlineTwo = {
 		fontFamily: fonts.serif,
 		fontWeight: fontWeights.medium,
@@ -468,6 +364,7 @@ export const textStyles = (() => {
 		'@screen md': {
 			fontSize: rem(semanticFontSizes.h2.md),
 			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h2.md),
+			lineHeight: em(lineHeightsAbsolute.h2.md, semanticFontSizes.h2.md),
 		},
 		'@screen lg': {
 			fontSize: rem(semanticFontSizes.h2.lg),
@@ -476,6 +373,13 @@ export const textStyles = (() => {
 		},
 	};
 
+	const textH2 = { ...textHeadlineTwo };
+
+	const textBlockquote = {
+		...textHeadlineTwo,
+		fontStyle: 'italic',
+	};
+
 	const textSubheadline = {
 		fontFamily: fonts.sans,
 		fontWeight: fontWeights.light,
@@ -484,13 +388,19 @@ export const textStyles = (() => {
 		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
 		'@screen md': {
 			fontSize: rem(semanticFontSizes.h3.md),
+			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.md),
+			lineHeight: em(lineHeightsAbsolute.h3.md, semanticFontSizes.h3.md),
 		},
 		'@screen lg': {
 			fontSize: rem(semanticFontSizes.h3.lg),
+			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.lg),
 			lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
 		},
 	};
 
+	const textH3 = { ...textSubheadline };
+	const textSubhead = { ...textSubheadline };
+
 	const textTitle = {
 		fontFamily: fonts.sans,
 		fontWeight: fontWeights.normal,
@@ -499,13 +409,20 @@ export const textStyles = (() => {
 		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
 		'@screen md': {
 			fontSize: rem(semanticFontSizes.h3.md),
+			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.md),
+			lineHeight: em(lineHeightsAbsolute.h3.md, semanticFontSizes.h3.md),
 		},
 		'@screen lg': {
 			fontSize: rem(semanticFontSizes.h3.lg),
+			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.lg),
 			lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
 		},
 	};
 
+	const textH4 = { ...textTitle };
+
+	const textH5 = { ...textBase };
+
 	const textButtonLink = {
 		fontFamily: fonts.sans,
 		fontWeight: fontWeights.medium,
@@ -540,27 +457,27 @@ export const textStyles = (() => {
 	};
 
 	return {
+		textDisplay,
 		textJumbo,
+		textHeadline,
 		textH1,
+		textHeadlineTwo,
 		textH2,
+		textBlockquote,
+		textSubheadline,
+		textSubhead,
 		textH3,
+		textTitle,
 		textH4,
 		textH5,
-		textSubhead,
 		textBase,
 		textSmall,
+		textCaption,
 		textLink,
-		textPlaceholder,
-		textBlockquote,
-		textDisplay,
-		textHeadline,
-		textHeadlineTwo,
-		textSubheadline,
-		textTitle,
 		textButtonLink,
 		textUpper,
 		textLabel,
-		textCaption,
+		textPlaceholder,
 	};
 })();
 
@@ -617,9 +534,16 @@ export const proseOverrides = () => ({
 			h2: false,
 			h3: false,
 			h4: false,
+			caption: {
+				...textStyles.textCaption,
+			},
 			figcaption: {
-				fontSize: false,
-				lineHeight: false,
+				// fontSize: false,
+				// lineHeight: false,
+				...textStyles.textCaption,
+			},
+			label: {
+				...textStyles.textLabel,
 			},
 			code: {
 				color: false,
@@ -636,39 +560,47 @@ export const proseOverrides = () => ({
 				marginBottom: rem(space[2]),
 			},
 			blockquote: {
+				...textStyles?.textBlockquote,
 				marginTop: rem(space[2]),
 				marginBottom: rem(space[2]),
 				padding: `0 0 0 ${rem(space['6'])}`,
 			},
 			h1: {
-				fontSize: false,
-				letterSpacing: false,
+				...textStyles?.textDisplay,
+				// fontSize: false,
+				// letterSpacing: false,
 				marginTop: '0',
 				marginBottom: rem(space[2]),
 				color: textBaseColor,
 			},
 			h2: {
-				fontSize: false,
-				letterSpacing: false,
+				// fontSize: false,
+				// letterSpacing: false,
+				...textStyles?.textHeadline,
 				marginTop: rem(space[2]),
 				marginBottom: rem(space[2]),
 				color: textBaseColor,
 			},
 			h3: {
-				fontSize: false,
-				letterSpacing: false,
+				// fontSize: false,
+				// letterSpacing: false,
+				...textStyles?.textHeadlineTwo,
 				marginTop: rem(space[2]),
 				marginBottom: rem(space[2]),
 				color: textBaseColor,
 			},
 			h4: {
-				letterSpacing: false,
+				// fontSize: false,
+				// letterSpacing: false,
+				...textStyles?.textSubheadline,
 				marginTop: false,
 				marginBottom: rem(space[2]),
 				color: textBaseColor,
 			},
 			h5: {
-				letterSpacing: false,
+				// fontSize: false,
+				// letterSpacing: false,
+				...textStyles?.textTitle,
 				marginTop: false,
 				marginBottom: rem(space[2]),
 				color: textBaseColor,

package/configs/tailwind.config.js

@@ -215,7 +215,9 @@ export default {
 					fontSize: '0.875em',
 				},
 				blockquote: textStyles.textBlockquote,
-				'figure figcaption': textStyles.textBase,
+				'figure figcaption': textStyles.textCaption,
+				caption: textStyles.textCaption,
+				label: textStyles.textLabel,
 				'button:focus': {
 					outline: 'revert', // undo tailwind button focus styling
 				},

package/dist/dtcg/tokens.json

@@ -815,7 +815,7 @@
 		"button": {
 			"button": {
 				"$type": "number",
-				"$value": 17
+				"$value": 16
 			}
 		},
 		"caption": {
@@ -881,7 +881,7 @@
 		"jumbo": {
 			"sm": {
 				"$type": "number",
-				"$value": 47
+				"$value": 52
 			},
 			"md": {
 				"$type": "number",

package/dist/js/tokens.js

@@ -156,7 +156,7 @@ export const semanticFontSizeH3Sm = 18;
 export const semanticFontSizeH3Md = 18;
 export const semanticFontSizeH3Lg = 20;
 export const semanticFontSizeBaseBase = 16;
-export const semanticFontSizeButtonButton = 17;
+export const semanticFontSizeButtonButton = 16;
 export const semanticFontSizeCaptionSmall = 14;
 export const semanticFontSizeLabelSmall = 14;
 export const semanticFontSizeSmallSmall = 14;
@@ -169,7 +169,7 @@ export const lineHeight150 = 1.5;
 export const lineHeightNearlyNone = 1.05;
 export const lineHeightTight = 1.25;
 export const lineHeightNormal = 1.5;
-export const lineHeightAbsoluteJumboSm = 47;
+export const lineHeightAbsoluteJumboSm = 52;
 export const lineHeightAbsoluteJumboMd = 52;
 export const lineHeightAbsoluteJumboLg = 57;
 export const lineHeightAbsoluteH1Sm = 31;
@@ -987,7 +987,7 @@ const tokens = {
 			"base": 16
 		},
 		"button": {
-			"button": 17
+			"button": 16
 		},
 		"caption": {
 			"small": 14
@@ -1014,7 +1014,7 @@ const tokens = {
 	},
 	"lineHeightsAbsolute": {
 		"jumbo": {
-			"sm": 47,
+			"sm": 52,
 			"md": 52,
 			"lg": 57
 		},

package/dist/make-kit/styles.css

@@ -602,99 +602,112 @@ button {
 
 h1 {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 2.25rem;
   font-weight: 500;
-  letter-spacing: -0.0125em;
-  line-height: 1.25;
+  font-size: 1.375rem;
+  letter-spacing: -0.01em;
+  line-height: 1.4090909em;
 }
 
 @media (min-width: 45.875rem) {
 
   h1 {
-    font-size: 2.5rem;
+    font-size: 1.375rem;
+    letter-spacing: -0.01em;
+    line-height: 1.4090909em;
   }
 }
 
 @media (min-width: 64rem) {
 
   h1 {
-    font-size: 3rem;
+    font-size: 1.625rem;
+    letter-spacing: -0.02em;
+    line-height: 1.3846154em;
   }
 }
 
 h2 {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 1.75rem;
   font-weight: 500;
-  letter-spacing: 0em;
-  line-height: 1.25;
+  font-size: 1.25rem;
+  letter-spacing: -0.011em;
+  line-height: 1.3em;
 }
 
 @media (min-width: 45.875rem) {
 
   h2 {
-    font-size: 1.75rem;
-    letter-spacing: -0.0107143em;
+    font-size: 1.25rem;
+    letter-spacing: -0.011em;
+    line-height: 1.3em;
   }
 }
 
 @media (min-width: 64rem) {
 
   h2 {
-    font-size: 2rem;
-    letter-spacing: -0.009375em;
-    line-height: 1.05;
+    font-size: 1.375rem;
+    letter-spacing: -0.0236364em;
+    line-height: 1.4090909em;
   }
 }
 
 h3 {
-  font-size: 1.375rem;
-  font-weight: 400;
-  letter-spacing: -0.0454545em;
-  line-height: 1.25;
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  font-weight: 300;
+  font-size: 1.125rem;
+  letter-spacing: 0em;
+  line-height: 1.2777778em;
 }
 
 @media (min-width: 45.875rem) {
 
   h3 {
-    font-size: 1.375rem;
+    font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 
 @media (min-width: 64rem) {
 
   h3 {
-    font-size: 1.5rem;
+    font-size: 1.25rem;
+    letter-spacing: 0em;
+    line-height: 1.3em;
   }
 }
 
 h4 {
-  font-size: 0.875rem;
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
   font-weight: 400;
-  line-height: 1.5;
-  text-transform: uppercase;
+  font-size: 1.125rem;
+  letter-spacing: 0em;
+  line-height: 1.2777778em;
 }
 
 @media (min-width: 45.875rem) {
 
   h4 {
-    font-size: 0.875rem;
+    font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 
 @media (min-width: 64rem) {
 
   h4 {
-    font-size: 0.875rem;
+    font-size: 1.25rem;
+    letter-spacing: 0em;
+    line-height: 1.3em;
   }
 }
 
 h5 {
-  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  letter-spacing: 0em;
-  line-height: 1.05;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.375em;
 }
 
 small {
@@ -710,31 +723,56 @@ code {
 
 blockquote {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 1.75rem;
-  font-style: italic;
   font-weight: 500;
-  letter-spacing: -0.0178571em;
-  line-height: 1.25;
+  font-size: 1.25rem;
+  letter-spacing: -0.011em;
+  line-height: 1.3em;
 }
 
 @media (min-width: 45.875rem) {
 
   blockquote {
-    font-size: 1.75rem;
+    font-size: 1.25rem;
+    letter-spacing: -0.011em;
+    line-height: 1.3em;
   }
 }
 
 @media (min-width: 64rem) {
 
   blockquote {
-    font-size: 2rem;
+    font-size: 1.375rem;
+    letter-spacing: -0.0236364em;
+    line-height: 1.4090909em;
   }
 }
 
+blockquote {
+  font-style: italic;
+}
+
 figure figcaption {
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
   font-weight: 300;
-  font-size: 1rem;
-  line-height: 1.375em;
+  font-size: 0.875rem;
+  letter-spacing: 0em;
+  line-height: 1.2857143em;
+}
+
+caption {
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  font-weight: 300;
+  font-size: 0.875rem;
+  letter-spacing: 0em;
+  line-height: 1.2857143em;
+}
+
+label {
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  letter-spacing: 0em;
+  line-height: 1.2857143em;
 }
 
 button:focus {
@@ -4387,124 +4425,145 @@ input::placeholder, textarea::placeholder {
 }
 .tw-text-h1 {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 2.25rem;
   font-weight: 500;
-  letter-spacing: -0.0125em;
-  line-height: 1.25;
+  font-size: 1.375rem;
+  letter-spacing: -0.01em;
+  line-height: 1.4090909em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-h1 {
-    font-size: 2.5rem;
+    font-size: 1.375rem;
+    letter-spacing: -0.01em;
+    line-height: 1.4090909em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-h1 {
-    font-size: 3rem;
+    font-size: 1.625rem;
+    letter-spacing: -0.02em;
+    line-height: 1.3846154em;
   }
 }
 .tw-text-h2 {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 1.75rem;
   font-weight: 500;
-  letter-spacing: 0em;
-  line-height: 1.25;
+  font-size: 1.25rem;
+  letter-spacing: -0.011em;
+  line-height: 1.3em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-h2 {
-    font-size: 1.75rem;
-    letter-spacing: -0.0107143em;
+    font-size: 1.25rem;
+    letter-spacing: -0.011em;
+    line-height: 1.3em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-h2 {
-    font-size: 2rem;
-    letter-spacing: -0.009375em;
-    line-height: 1.05;
+    font-size: 1.375rem;
+    letter-spacing: -0.0236364em;
+    line-height: 1.4090909em;
   }
 }
 .tw-text-h3 {
-  font-size: 1.375rem;
-  font-weight: 400;
-  letter-spacing: -0.0454545em;
-  line-height: 1.25;
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  font-weight: 300;
+  font-size: 1.125rem;
+  letter-spacing: 0em;
+  line-height: 1.2777778em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-h3 {
-    font-size: 1.375rem;
+    font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-h3 {
-    font-size: 1.5rem;
+    font-size: 1.25rem;
+    letter-spacing: 0em;
+    line-height: 1.3em;
   }
 }
 .tw-text-h4 {
-  font-size: 0.875rem;
+  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
   font-weight: 400;
-  line-height: 1.5;
-  text-transform: uppercase;
+  font-size: 1.125rem;
+  letter-spacing: 0em;
+  line-height: 1.2777778em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-h4 {
-    font-size: 0.875rem;
+    font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-h4 {
-    font-size: 0.875rem;
+    font-size: 1.25rem;
+    letter-spacing: 0em;
+    line-height: 1.3em;
   }
 }
 .tw-text-h5 {
-  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  letter-spacing: 0em;
-  line-height: 1.05;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.375em;
 }
 .tw-text-subhead {
   font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
-  font-size: 1.375rem;
   font-weight: 300;
+  font-size: 1.125rem;
   letter-spacing: 0em;
-  line-height: 1.25;
+  line-height: 1.2777778em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-subhead {
-    font-size: 1.375rem;
+    font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-subhead {
-    font-size: 1.5rem;
+    font-size: 1.25rem;
+    letter-spacing: 0em;
+    line-height: 1.3em;
   }
 }
 .tw-text-jumbo {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
   font-weight: 500;
-  font-size: 2.625rem;
-  letter-spacing: -1px;
-  line-height: 1.25;
+  font-size: 2.25rem;
+  letter-spacing: -0.02em;
+  line-height: 1.4444444em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-jumbo {
-    font-size: 3rem;
+    font-size: 2.5rem;
+    letter-spacing: -0.02em;
+    line-height: 1.3em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-jumbo {
-    font-size: 4.5rem;
+    font-size: 2.75rem;
+    letter-spacing: -0.02em;
+    line-height: 1.2954545em;
   }
 }
 .tw-text-small {
@@ -4523,30 +4582,36 @@ input::placeholder, textarea::placeholder {
 }
 .tw-text-blockquote {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
-  font-size: 1.75rem;
-  font-style: italic;
   font-weight: 500;
-  letter-spacing: -0.0178571em;
-  line-height: 1.25;
+  font-size: 1.25rem;
+  letter-spacing: -0.011em;
+  line-height: 1.3em;
 }
 @media (min-width: 45.875rem) {
 
   .tw-text-blockquote {
-    font-size: 1.75rem;
+    font-size: 1.25rem;
+    letter-spacing: -0.011em;
+    line-height: 1.3em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-blockquote {
-    font-size: 2rem;
+    font-size: 1.375rem;
+    letter-spacing: -0.0236364em;
+    line-height: 1.4090909em;
   }
 }
+.tw-text-blockquote {
+  font-style: italic;
+}
 .tw-text-display {
   font-family: dovetail-mvb, dovetail-mvb-fallback, ui-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Palatino', Georgia, 'Times New Roman', serif;
   font-weight: 500;
   font-size: 2.25rem;
   letter-spacing: -0.02em;
-  line-height: 1.3055556em;
+  line-height: 1.4444444em;
 }
 @media (min-width: 45.875rem) {
 
@@ -4576,6 +4641,7 @@ input::placeholder, textarea::placeholder {
   .tw-text-headline {
     font-size: 1.375rem;
     letter-spacing: -0.01em;
+    line-height: 1.4090909em;
   }
 }
 @media (min-width: 64rem) {
@@ -4598,6 +4664,7 @@ input::placeholder, textarea::placeholder {
   .tw-text-headline-two {
     font-size: 1.25rem;
     letter-spacing: -0.011em;
+    line-height: 1.3em;
   }
 }
 @media (min-width: 64rem) {
@@ -4619,12 +4686,15 @@ input::placeholder, textarea::placeholder {
 
   .tw-text-subheadline {
     font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-subheadline {
     font-size: 1.25rem;
+    letter-spacing: 0em;
     line-height: 1.3em;
   }
 }
@@ -4639,21 +4709,24 @@ input::placeholder, textarea::placeholder {
 
   .tw-text-title {
     font-size: 1.125rem;
+    letter-spacing: 0em;
+    line-height: 1.2777778em;
   }
 }
 @media (min-width: 64rem) {
 
   .tw-text-title {
     font-size: 1.25rem;
+    letter-spacing: 0em;
     line-height: 1.3em;
   }
 }
 .tw-text-button-link {
   font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
   font-weight: 500;
-  font-size: 1.0625rem;
+  font-size: 1rem;
   letter-spacing: 0em;
-  line-height: 1.2352941em;
+  line-height: 1.3125em;
 }
 .tw-text-upper {
   font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;

package/dist/scss/tokens.scss

@@ -157,7 +157,7 @@ $semantic-font-size-h3-sm: 18;
 $semantic-font-size-h3-md: 18;
 $semantic-font-size-h3-lg: 20;
 $semantic-font-size-base-base: 16;
-$semantic-font-size-button-button: 17;
+$semantic-font-size-button-button: 16;
 $semantic-font-size-caption-small: 14;
 $semantic-font-size-label-small: 14;
 $semantic-font-size-small-small: 14;
@@ -170,7 +170,7 @@ $line-height-150: 1.5;
 $line-height-nearly-none: 1.05;
 $line-height-tight: 1.25;
 $line-height-normal: 1.5;
-$line-height-absolute-jumbo-sm: 47;
+$line-height-absolute-jumbo-sm: 52;
 $line-height-absolute-jumbo-md: 52;
 $line-height-absolute-jumbo-lg: 57;
 $line-height-absolute-h1-sm: 31;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-tokens",
-    "version": "4.1.0",
+    "version": "4.3.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -53,5 +53,5 @@
         "style-dictionary": "^4.4.0",
         "yaml": "^2.9.0"
     },
-    "gitHead": "3286625d2cdc74397aeb3902a6dcce330f070071"
+    "gitHead": "6fad820afe2272680d29a77c0767fa8681419628"
 }

package/tokens/core/typography.json

@@ -25,7 +25,7 @@
 		"h2":      { "sm": { "$type": "number", "$value": 20 }, "md": { "$type": "number", "$value": 20 }, "lg": { "$type": "number", "$value": 22 } },
 		"h3":      { "sm": { "$type": "number", "$value": 18 }, "md": { "$type": "number", "$value": 18 }, "lg": { "$type": "number", "$value": 20 } },
 		"base":    { "base":   { "$type": "number", "$value": 16 } },
-		"button":  { "button": { "$type": "number", "$value": 17 } },
+		"button":  { "button": { "$type": "number", "$value": 16 } },
 		"caption": { "small":  { "$type": "number", "$value": 14 } },
 		"label":   { "small":  { "$type": "number", "$value": 14 } },
 		"small":   { "small":  { "$type": "number", "$value": 14 } },
@@ -42,7 +42,7 @@
 		"150":         { "$type": "number", "$value": 1.5 }
 	},
 	"line-height-absolute": {
-		"jumbo":   { "sm": { "$type": "number", "$value": 47 }, "md": { "$type": "number", "$value": 52 }, "lg": { "$type": "number", "$value": 57 } },
+		"jumbo":   { "sm": { "$type": "number", "$value": 52 }, "md": { "$type": "number", "$value": 52 }, "lg": { "$type": "number", "$value": 57 } },
 		"h1":      { "sm": { "$type": "number", "$value": 31 }, "md": { "$type": "number", "$value": 31 }, "lg": { "$type": "number", "$value": 36 } },
 		"h2":      { "sm": { "$type": "number", "$value": 26 }, "md": { "$type": "number", "$value": 26 }, "lg": { "$type": "number", "$value": 31 } },
 		"h3":      { "sm": { "$type": "number", "$value": 23 }, "md": { "$type": "number", "$value": 23 }, "lg": { "$type": "number", "$value": 26 } },