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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.7.3-next.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-tokens@3.7.3-next.2...@kiva/kv-tokens@3.7.3-next.3) (2026-04-01)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * sync latest from main, continued application of semantic classes, prose h1 override ([22ce4a6](https://github.com/kiva/kv-ui-elements/commit/22ce4a6389994244ccffcf67466dcfe01da8c8a5))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [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)
7
18
 
8
19
 
@@ -385,36 +385,32 @@ export const textStyles = (() => {
385
385
  };
386
386
 
387
387
  const textSubhead = {
388
+ // Replaced with styles for new text-subhealine class
388
389
  fontFamily: fonts.sans,
389
- fontSize: rem(fontSizes.subhead.sm),
390
390
  fontWeight: fontWeights.light,
391
- letterSpacing: em(letterSpacings.normal, fontSizes.subhead.sm),
392
- lineHeight: lineHeights.tight,
391
+ fontSize: rem(semanticFontSizes.h3.sm),
392
+ letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
393
+ lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
393
394
  '@screen md': {
394
- fontSize: rem(fontSizes.subhead.md),
395
+ fontSize: rem(semanticFontSizes.h3.md),
395
396
  },
396
397
  '@screen lg': {
397
- fontSize: rem(fontSizes.subhead.lg),
398
+ fontSize: rem(semanticFontSizes.h3.lg),
399
+ lineHeight: em(lineHeightsAbsolute.h3.lg, semanticFontSizes.h3.lg),
398
400
  },
399
401
  };
400
402
 
401
403
  const textBase = {
402
404
  fontWeight: fontWeights.light,
403
405
  fontSize: rem(fontSizes.base.sm),
404
- letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
405
- lineHeight: lineHeights['140'],
406
- '@screen lg': {
407
- fontSize: rem(fontSizes.base.lg),
408
- letterSpacing: em(letterSpacings.normal, fontSizes.base.sm),
409
- },
406
+ lineHeight: em(lineHeightsAbsolute.base.sm, fontSizes.base.sm),
410
407
  };
411
408
 
412
409
  const textSmall = {
413
410
  fontSize: rem(fontSizes.small.sm),
414
- lineHeight: lineHeights.normal,
415
- '@screen lg': {
416
- fontSize: rem(fontSizes.small.lg),
417
- },
411
+ fontWeight: fontWeights.light,
412
+ letterSpacing: em(letterSpacings.normal, fontSizes.small.sm),
413
+ lineHeight: em(lineHeightsAbsolute.caption.sm, fontSizes.small.sm),
418
414
  };
419
415
 
420
416
  const textLink = {
@@ -664,11 +660,22 @@ export const proseOverrides = () => ({
664
660
  padding: `0 0 0 ${rem(space['6'])}`,
665
661
  },
666
662
  h1: {
667
- fontSize: false,
668
- letterSpacing: false,
669
663
  marginTop: '0',
670
664
  marginBottom: rem(space[2]),
671
665
  color: textBaseColor,
666
+ fontSize: rem(semanticFontSizes.jumbo.sm),
667
+ letterSpacing: em(letterSpacings['-400'], semanticFontSizes.jumbo.sm),
668
+ lineHeight: em(lineHeightsAbsolute.jumbo.sm, semanticFontSizes.jumbo.sm),
669
+ '@screen md': {
670
+ fontSize: rem(semanticFontSizes.jumbo.md),
671
+ letterSpacing: em(letterSpacings['-500'], semanticFontSizes.jumbo.md),
672
+ lineHeight: em(lineHeightsAbsolute.jumbo.md, semanticFontSizes.jumbo.md),
673
+ },
674
+ '@screen lg': {
675
+ fontSize: rem(semanticFontSizes.jumbo.lg),
676
+ letterSpacing: em(letterSpacings['-600'], semanticFontSizes.jumbo.lg),
677
+ lineHeight: em(lineHeightsAbsolute.jumbo.lg, semanticFontSizes.jumbo.lg),
678
+ },
672
679
  },
673
680
  h2: {
674
681
  fontSize: false,
@@ -215,7 +215,7 @@ export default {
215
215
  fontSize: '0.875em',
216
216
  },
217
217
  blockquote: textStyles.textBlockquote,
218
- 'figure figcaption': textStyles.textBase,
218
+ 'figure figcaption': textStyles.textCaption,
219
219
  'button:focus': {
220
220
  outline: 'revert', // undo tailwind button focus styling
221
221
  },
@@ -240,13 +240,13 @@ export default {
240
240
  });
241
241
  addUtilities({
242
242
  '.text-base': textStyles.textBase,
243
- '.text-h1': textStyles.textH1,
244
- '.text-h2': textStyles.textH2,
245
- '.text-h3': textStyles.textH3,
246
- '.text-h4': textStyles.textH4,
243
+ '.text-h1': textStyles.textHeadline,
244
+ '.text-h2': textStyles.textHeadlineTwo,
245
+ '.text-h3': textStyles.textSubheadline,
246
+ '.text-h4': textStyles.textTitle,
247
247
  '.text-h5': textStyles.textH5,
248
- '.text-subhead': textStyles.textSubhead,
249
- '.text-jumbo': textStyles.textJumbo,
248
+ '.text-subhead': textStyles.textSubheadline,
249
+ '.text-jumbo': textStyles.textDisplay,
250
250
  '.text-small': textStyles.textSmall,
251
251
  '.text-link': textStyles.textLink,
252
252
  '.text-blockquote': textStyles.textBlockquote,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-tokens",
3
- "version": "3.7.3-next.2",
3
+ "version": "3.7.3-next.3",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -23,5 +23,5 @@
23
23
  "@tailwindcss/typography": "^0.5.1",
24
24
  "tailwindcss": "^3.4.3"
25
25
  },
26
- "gitHead": "c37f6bfc8cd9718a3e86c4f92947eda3ff70f5a8"
26
+ "gitHead": "ae5f6a2a15e8a20e665bcb1c8c629d69b38251ca"
27
27
  }