@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 +11 -0
- package/configs/kivaTypography.js +24 -17
- package/configs/tailwind.config.js +7 -7
- package/package.json +2 -2
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
|
-
|
|
392
|
-
|
|
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(
|
|
395
|
+
fontSize: rem(semanticFontSizes.h3.md),
|
|
395
396
|
},
|
|
396
397
|
'@screen lg': {
|
|
397
|
-
fontSize: rem(
|
|
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
|
-
|
|
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
|
-
|
|
415
|
-
|
|
416
|
-
|
|
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.
|
|
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.
|
|
244
|
-
'.text-h2': textStyles.
|
|
245
|
-
'.text-h3': textStyles.
|
|
246
|
-
'.text-h4': textStyles.
|
|
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.
|
|
249
|
-
'.text-jumbo': textStyles.
|
|
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.
|
|
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": "
|
|
26
|
+
"gitHead": "ae5f6a2a15e8a20e665bcb1c8c629d69b38251ca"
|
|
27
27
|
}
|