@kiva/kv-tokens 3.7.3-next.2 → 3.7.4

package/CHANGELOG.md

@@ -3,48 +3,23 @@
 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.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.3-next.1...@kiva/kv-tokens@3.7.3-next.2) (2026-03-30)
+## [3.7.4](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.3...@kiva/kv-tokens@3.7.4) (2026-04-01)
 
 
 ### Bug Fixes
 
-* semantic style class ([cc62fce](https://github.com/kiva/kv-ui-elements/commit/cc62fce672058ab82d84abafae1d12c28cf9cdf0))
-* update global html headers + jumbo to match new type guidelines, refine underline sizes ([10e7295](https://github.com/kiva/kv-ui-elements/commit/10e7295686bca126525e3a4b5ff00de6fbe28dcc))
+* update global base and small type sizes to match updated design definitions ([9b90164](https://github.com/kiva/kv-ui-elements/commit/9b901648e2d71164e108f18c628c0e7c0b8a62c2))
 
 
 
 
 
-## [3.7.3-next.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.3-next.0...@kiva/kv-tokens@3.7.3-next.1) (2026-03-26)
+## [3.7.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.2...@kiva/kv-tokens@3.7.3) (2026-03-25)
 
 
 ### Bug Fixes
 
-* set html header elements styles based on new type definitions, tweak underline size to match ([e22c128](https://github.com/kiva/kv-ui-elements/commit/e22c128d9b8fe5704fe534ba440c36dd40131071))
-
-
-
-
-
-## [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))
+* semantic style class ([d6dd649](https://github.com/kiva/kv-ui-elements/commit/d6dd649e5ec97153a97a5facf8d9ebbeb8edecd0))
 
 
 

package/configs/kivaTypography.js

@@ -291,88 +291,71 @@ export const textStyles = (() => {
 	const textJumbo = {
 		fontFamily: fonts.serif,
 		fontWeight: fontWeights.medium,
-		fontSize: rem(semanticFontSizes.jumbo.sm),
-		letterSpacing: em(letterSpacings['-400'], semanticFontSizes.jumbo.sm),
-		lineHeight: em(lineHeightsAbsolute.jumbo.sm, semanticFontSizes.jumbo.sm),
+		fontSize: rem(fontSizes.jumbo.sm),
+		letterSpacing: letterSpacings['-1'],
+		lineHeight: lineHeights.tight,
 		'@screen md': {
-			fontSize: rem(semanticFontSizes.jumbo.md),
-			letterSpacing: em(letterSpacings['-500'], semanticFontSizes.jumbo.md),
-			lineHeight: em(lineHeightsAbsolute.jumbo.md, semanticFontSizes.jumbo.md),
+			fontSize: rem(fontSizes.jumbo.md),
 		},
 		'@screen lg': {
-			fontSize: rem(semanticFontSizes.jumbo.lg),
-			letterSpacing: em(letterSpacings['-600'], semanticFontSizes.jumbo.lg),
-			lineHeight: em(lineHeightsAbsolute.jumbo.lg, semanticFontSizes.jumbo.lg),
+			fontSize: rem(fontSizes.jumbo.lg),
 		},
 	};
 
 	const textH1 = {
 		fontFamily: fonts.serif,
-		fontSize: rem(semanticFontSizes.h1.sm),
+		fontSize: rem(fontSizes.h1.sm),
 		fontWeight: fontWeights.medium,
-		letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h1.sm),
-		lineHeight: em(lineHeightsAbsolute.h1.sm, semanticFontSizes.h1.sm),
+		letterSpacing: em(letterSpacings['-0.5'], fontSizes.h1.md),
+		lineHeight: lineHeights.tight,
 		'@screen md': {
-			fontSize: rem(semanticFontSizes.h1.md),
-			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h1.md),
-			lineHeight: em(lineHeightsAbsolute.h1.md, semanticFontSizes.h1.md),
+			fontSize: rem(fontSizes.h1.md),
 		},
 		'@screen lg': {
-			fontSize: rem(semanticFontSizes.h1.lg),
-			letterSpacing: em(letterSpacings['-300'], semanticFontSizes.h1.lg),
-			lineHeight: em(lineHeightsAbsolute.h1.lg, semanticFontSizes.h1.lg),
+			fontSize: rem(fontSizes.h1.lg),
 		},
 	};
 
 	const textH2 = {
 		fontFamily: fonts.serif,
-		fontSize: rem(semanticFontSizes.h2.sm),
+		fontSize: rem(fontSizes.h2.sm),
 		fontWeight: fontWeights.medium,
-		letterSpacing: em(letterSpacings['-100'], semanticFontSizes.h2.sm),
-		lineHeight: em(lineHeightsAbsolute.h2.sm, semanticFontSizes.h2.sm),
+		letterSpacing: em(letterSpacings.normal, fontSizes.h2.sm),
+		lineHeight: lineHeights.tight,
 		'@screen md': {
-			fontSize: rem(semanticFontSizes.h2.md),
-			letterSpacing: em(letterSpacings['-100'], semanticFontSizes.h2.md),
-			lineHeight: em(lineHeightsAbsolute.h2.md, semanticFontSizes.h2.md),
+			fontSize: rem(fontSizes.h2.md),
+			letterSpacing: em(letterSpacings['-0.3'], fontSizes.h2.md),
 		},
 		'@screen lg': {
-			fontSize: rem(semanticFontSizes.h2.lg),
-			letterSpacing: em(letterSpacings['-200'], semanticFontSizes.h2.lg),
-			lineHeight: em(lineHeightsAbsolute.h2.lg, semanticFontSizes.h2.lg),
+			fontSize: rem(fontSizes.h2.lg),
+			letterSpacing: em(letterSpacings['-0.3'], fontSizes.h2.lg),
+			lineHeight: lineHeights['nearly-none'],
 		},
 	};
 
 	const textH3 = {
-		fontSize: rem(semanticFontSizes.h3.sm),
-		fontWeight: fontWeights.light,
-		letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
-		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
+		fontSize: rem(fontSizes.h3.sm),
+		fontWeight: fontWeights.normal,
+		letterSpacing: em(letterSpacings['-1'], fontSizes.h3.sm),
+		lineHeight: lineHeights.tight,
 		'@screen md': {
-			fontSize: rem(semanticFontSizes.h3.md),
-			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.md),
-			lineHeight: em(lineHeightsAbsolute.h3.md, semanticFontSizes.h3.md),
+			fontSize: rem(fontSizes.h3.md),
 		},
 		'@screen lg': {
-			fontSize: rem(semanticFontSizes.h3.lg),
-			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.lg),
-			lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
+			fontSize: rem(fontSizes.h3.lg),
 		},
 	};
 
 	const textH4 = {
-		fontSize: rem(semanticFontSizes.h3.sm),
+		fontSize: rem(fontSizes.h4.sm),
 		fontWeight: fontWeights.normal,
-		letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
-		lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
+		lineHeight: lineHeights.normal,
+		textTransform: 'uppercase',
 		'@screen md': {
-			fontSize: rem(semanticFontSizes.h3.md),
-			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.md),
-			lineHeight: em(lineHeightsAbsolute.h3.md, semanticFontSizes.h3.md),
+			fontSize: rem(fontSizes.h4.md),
 		},
 		'@screen lg': {
-			fontSize: rem(semanticFontSizes.h3.lg),
-			letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.lg),
-			lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
+			fontSize: rem(fontSizes.h4.lg),
 		},
 	};
 
@@ -401,20 +384,14 @@ export const textStyles = (() => {
 	const textBase = {
 		fontWeight: fontWeights.light,
 		fontSize: rem(fontSizes.base.sm),
-		letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
-		lineHeight: lineHeights['140'],
-		'@screen lg': {
-			fontSize: rem(fontSizes.base.lg),
-			letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
-		},
+		lineHeight: em(lineHeightsAbsolute.base.sm, fontSizes.small.sm),
 	};
 
 	const textSmall = {
 		fontSize: rem(fontSizes.small.sm),
-		lineHeight: lineHeights.normal,
-		'@screen lg': {
-			fontSize: rem(fontSizes.small.lg),
-		},
+		fontWeight: fontWeights.light,
+		letterSpacing: em(letterSpacings.normal, fontSizes.small.sm),
+		lineHeight: em(lineHeightsAbsolute.caption.sm, fontSizes.small.sm),
 	};
 
 	const textLink = {

package/configs/tailwind.config.js

@@ -205,10 +205,10 @@ export default {
 					'text-rendering': 'optimizeLegibility',
 				},
 				button: { fontWeight: 'inherit' },
-				h1: textStyles.textHeadline,
-				h2: textStyles.textHeadlineTwo,
-				h3: textStyles.textSubheadline,
-				h4: textStyles.textTitle,
+				h1: textStyles.textH1,
+				h2: textStyles.textH2,
+				h3: textStyles.textH3,
+				h4: textStyles.textH4,
 				h5: textStyles.textH5,
 				small: textStyles.textSmall,
 				code: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kiva/kv-tokens",
-    "version": "3.7.3-next.2",
+    "version": "3.7.4",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -23,5 +23,5 @@
         "@tailwindcss/typography": "^0.5.1",
         "tailwindcss": "^3.4.3"
     },
-    "gitHead": "c37f6bfc8cd9718a3e86c4f92947eda3ff70f5a8"
+    "gitHead": "fa9a67cbfea7573790441d22c0e3a841b476c762"
 }

package/primitives.js

@@ -433,7 +433,7 @@ export default {
 		base: {
 			sm: 16,
 			md: 16,
-			lg: 16,
+			lg: 6,
 		},
 		jumbo: {
 			sm: 42,
@@ -535,7 +535,7 @@ export default {
 		150: 1.5,
 	},
 	lineHeightsAbsolute: {
-		jumbo: { sm: 52, md: 52, lg: 57 },
+		jumbo: { sm: 47, md: 52, lg: 57 },
 		h1: { sm: 31, md: 31, lg: 36 },
 		h2: { sm: 26, md: 26, lg: 31 },
 		h3: { sm: 23, md: 23, lg: 26 },