@kiva/kv-tokens 3.7.1 → 3.7.3-next.0

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.7.3-next.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.2...@kiva/kv-tokens@3.7.3-next.0) (2026-03-19)
+
+
+### Bug Fixes
+
+* add smaller line-height to match new type base style definitions ([6b5b4fe](https://github.com/kiva/kv-ui-elements/commit/6b5b4feffa71f70066fdce9d2cc5dd11d9e98c69))
+* demo base and small type sizes ([865dacc](https://github.com/kiva/kv-ui-elements/commit/865dacc45b00f10181b84cd000db2cca51643a0d))
+
+
+
+
+
+## [3.7.3-alpha.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.2...@kiva/kv-tokens@3.7.3-alpha.0) (2026-03-19)
+
+
+### Bug Fixes
+
+* add smaller line-height to match new type base style definitions ([6b5b4fe](https://github.com/kiva/kv-ui-elements/commit/6b5b4feffa71f70066fdce9d2cc5dd11d9e98c69))
+* demo base and small type sizes ([865dacc](https://github.com/kiva/kv-ui-elements/commit/865dacc45b00f10181b84cd000db2cca51643a0d))
+
+
+
+
+
+## [3.7.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.1...@kiva/kv-tokens@3.7.2) (2026-02-25)
+
+
+### Bug Fixes
+
+* add new tw-text-headline-two semantic text class, shift values for title and subhealine classes ([6c8b345](https://github.com/kiva/kv-ui-elements/commit/6c8b345612bd88d09014b33c020d41075e7c3f57))
+
+
+
+
+
 ## [3.7.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.0...@kiva/kv-tokens@3.7.1) (2026-02-12)
 
 

package/configs/kivaTypography.js

@@ -385,7 +385,7 @@ export const textStyles = (() => {
 		fontWeight: fontWeights.light,
 		fontSize: rem(fontSizes.base.sm),
 		letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
-		lineHeight: lineHeights.normal,
+		lineHeight: lineHeights['140'],
 		'@screen lg': {
 			fontSize: rem(fontSizes.base.lg),
 			letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
@@ -465,26 +465,41 @@ export const textStyles = (() => {
 		},
 	};
 
-	const textSubHeadline = {
+	const textHeadlineTwo = {
 		fontFamily: fonts.serif,
 		fontWeight: fontWeights.medium,
 		fontSize: rem(semanticFontSizes.h2.sm),
-		letterSpacing: em(letterSpacings['-100'], semanticFontSizes.h2.sm),
+		letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h2.sm),
 		lineHeight: em(lineHeightsAbsolute.h2.sm, semanticFontSizes.h2.sm),
 		'@screen md': {
 			fontSize: rem(semanticFontSizes.h2.md),
-			letterSpacing: em(letterSpacings['-100'], semanticFontSizes.h2.md),
+			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h2.md),
 		},
 		'@screen lg': {
 			fontSize: rem(semanticFontSizes.h2.lg),
-			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h2.lg),
+			letterSpacing: em(letterSpacings['-300'], semanticFontSizes.h2.lg),
 			lineHeight: em(lineHeightsAbsolute.h2.lg, semanticFontSizes.h2.lg),
 		},
 	};
 
+	const textSubHeadline = {
+		fontFamily: fonts.sans,
+		fontWeight: fontWeights.light,
+		fontSize: rem(semanticFontSizes.h3.sm),
+		letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
+		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
+		'@screen md': {
+			fontSize: rem(semanticFontSizes.h3.md),
+		},
+		'@screen lg': {
+			fontSize: rem(semanticFontSizes.h3.lg),
+			lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
+		},
+	};
+
 	const textTitle = {
 		fontFamily: fonts.sans,
-		fontWeight: fontWeights.medium,
+		fontWeight: fontWeights.normal,
 		fontSize: rem(semanticFontSizes.h3.sm),
 		letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
 		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
@@ -545,6 +560,7 @@ export const textStyles = (() => {
 		textBlockquote,
 		textDisplay,
 		textHeadline,
+		textHeadlineTwo,
 		textSubHeadline,
 		textTitle,
 		textButtonLink,

package/configs/tailwind.config.js

@@ -253,6 +253,7 @@ export default {
 				// new (2026) semantic text styles
 				'.text-display': textStyles.textDisplay,
 				'.text-headline': textStyles.textHeadline,
+				'.text-headline-two': textStyles.textHeadlineTwo,
 				'.text-subheadline': textStyles.textSubheadline,
 				'.text-title': textStyles.textTitle,
 				'.text-button-link': textStyles.textButtonLink,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-tokens",
-    "version": "3.7.1",
+    "version": "3.7.3-next.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -23,5 +23,5 @@
         "@tailwindcss/typography": "^0.5.1",
         "tailwindcss": "^3.4.3"
     },
-    "gitHead": "8ae76e2ab2c457b7dd52654cb154bbd2723904ef"
+    "gitHead": "b20da6549c86bce57f12ac7a951a74f745a9399c"
 }

package/primitives.js

@@ -433,7 +433,7 @@ export default {
 		base: {
 			sm: 16,
 			md: 16,
-			lg: 17,
+			lg: 16,
 		},
 		jumbo: {
 			sm: 42,
@@ -441,8 +441,8 @@ export default {
 			lg: 72,
 		},
 		small: {
-			sm: 13,
-			md: 13,
+			sm: 14,
+			md: 14,
 			lg: 14,
 		},
 		h1: {
@@ -518,7 +518,9 @@ export default {
 	},
 	fontWeights: {
 		light: 300,
+		// Note: this is referred to as "medium" in the figma files for Post Grotesk but matches the font-weight of the font file we load
 		normal: 400,
+		// Note: this is referred to as "medium" in the figma files for Dovetail but matches the font-weight of the font file we load
 		medium: 500,
 	},
 	lineHeights: {