@kiva/kv-tokens 4.2.0 → 4.4.0

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.
Files changed (8) hide show
  1. package/configs/kivaTypography.js +1 -1
  2. package/configs/tailwind.config.js +1 -1
  3. package/dist/dtcg/tokens.json +1 -1
  4. package/dist/js/tokens.js +2 -2
  5. package/dist/make-kit/styles.css +10 -6
  6. package/dist/scss/tokens.scss +1 -1
  7. package/package.json +2 -2
  8. package/tokens/core/typography.json +1 -1
package/configs/kivaTypography.js CHANGED
@@ -403,7 +403,7 @@ export const textStyles = (() => {
403
403
 
404
404
  const textTitle = {
405
405
  fontFamily: fonts.sans,
406
- fontWeight: fontWeights.normal,
406
+ fontWeight: fontWeights.medium,
407
407
  fontSize: rem(semanticFontSizes.h3.sm),
408
408
  letterSpacing: em(letterSpacings.normal, semanticFontSizes.h3.sm),
409
409
  lineHeight: em(lineHeightsAbsolute.h3.sm, semanticFontSizes.h3.sm),
package/configs/tailwind.config.js CHANGED
@@ -204,7 +204,7 @@ export default {
204
204
  '-moz-osx-font-smoothing': 'grayscale',
205
205
  'text-rendering': 'optimizeLegibility',
206
206
  },
207
- button: { fontWeight: 'inherit' },
207
+ button: textStyles.textButtonLink,
208
208
  h1: textStyles.textH1,
209
209
  h2: textStyles.textH2,
210
210
  h3: textStyles.textH3,
package/dist/dtcg/tokens.json CHANGED
@@ -815,7 +815,7 @@
815
815
  "button": {
816
816
  "button": {
817
817
  "$type": "number",
818
- "$value": 17
818
+ "$value": 16
819
819
  }
820
820
  },
821
821
  "caption": {
package/dist/js/tokens.js CHANGED
@@ -156,7 +156,7 @@ export const semanticFontSizeH3Sm = 18;
156
156
  export const semanticFontSizeH3Md = 18;
157
157
  export const semanticFontSizeH3Lg = 20;
158
158
  export const semanticFontSizeBaseBase = 16;
159
- export const semanticFontSizeButtonButton = 17;
159
+ export const semanticFontSizeButtonButton = 16;
160
160
  export const semanticFontSizeCaptionSmall = 14;
161
161
  export const semanticFontSizeLabelSmall = 14;
162
162
  export const semanticFontSizeSmallSmall = 14;
@@ -987,7 +987,7 @@ const tokens = {
987
987
  "base": 16
988
988
  },
989
989
  "button": {
990
- "button": 17
990
+ "button": 16
991
991
  },
992
992
  "caption": {
993
993
  "small": 14
package/dist/make-kit/styles.css CHANGED
@@ -597,7 +597,11 @@ body {
597
597
  }
598
598
 
599
599
  button {
600
- font-weight: inherit;
600
+ font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
601
+ font-weight: 500;
602
+ font-size: 1rem;
603
+ letter-spacing: 0em;
604
+ line-height: 1.3125em;
601
605
  }
602
606
 
603
607
  h1 {
@@ -680,7 +684,7 @@ h3 {
680
684
 
681
685
  h4 {
682
686
  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
683
- font-weight: 400;
687
+ font-weight: 500;
684
688
  font-size: 1.125rem;
685
689
  letter-spacing: 0em;
686
690
  line-height: 1.2777778em;
@@ -4494,7 +4498,7 @@ input::placeholder, textarea::placeholder {
4494
4498
  }
4495
4499
  .tw-text-h4 {
4496
4500
  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
4497
- font-weight: 400;
4501
+ font-weight: 500;
4498
4502
  font-size: 1.125rem;
4499
4503
  letter-spacing: 0em;
4500
4504
  line-height: 1.2777778em;
@@ -4700,7 +4704,7 @@ input::placeholder, textarea::placeholder {
4700
4704
  }
4701
4705
  .tw-text-title {
4702
4706
  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
4703
- font-weight: 400;
4707
+ font-weight: 500;
4704
4708
  font-size: 1.125rem;
4705
4709
  letter-spacing: 0em;
4706
4710
  line-height: 1.2777778em;
@@ -4724,9 +4728,9 @@ input::placeholder, textarea::placeholder {
4724
4728
  .tw-text-button-link {
4725
4729
  font-family: PostGrotesk, PostGrotesk-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
4726
4730
  font-weight: 500;
4727
- font-size: 1.0625rem;
4731
+ font-size: 1rem;
4728
4732
  letter-spacing: 0em;
4729
- line-height: 1.2352941em;
4733
+ line-height: 1.3125em;
4730
4734
  }
4731
4735
  .tw-text-upper {
4732
4736
  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 CHANGED
@@ -157,7 +157,7 @@ $semantic-font-size-h3-sm: 18;
157
157
  $semantic-font-size-h3-md: 18;
158
158
  $semantic-font-size-h3-lg: 20;
159
159
  $semantic-font-size-base-base: 16;
160
- $semantic-font-size-button-button: 17;
160
+ $semantic-font-size-button-button: 16;
161
161
  $semantic-font-size-caption-small: 14;
162
162
  $semantic-font-size-label-small: 14;
163
163
  $semantic-font-size-small-small: 14;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-tokens",
3
- "version": "4.2.0",
3
+ "version": "4.4.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -53,5 +53,5 @@
53
53
  "style-dictionary": "^4.4.0",
54
54
  "yaml": "^2.9.0"
55
55
  },
56
- "gitHead": "623696227ceb7e922c7e4c813d0afa71a4eab20b"
56
+ "gitHead": "0939d15334c4604afb9dd2e50639fa455cf65c6f"
57
57
  }
package/tokens/core/typography.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "h2": { "sm": { "$type": "number", "$value": 20 }, "md": { "$type": "number", "$value": 20 }, "lg": { "$type": "number", "$value": 22 } },
26
26
  "h3": { "sm": { "$type": "number", "$value": 18 }, "md": { "$type": "number", "$value": 18 }, "lg": { "$type": "number", "$value": 20 } },
27
27
  "base": { "base": { "$type": "number", "$value": 16 } },
28
- "button": { "button": { "$type": "number", "$value": 17 } },
28
+ "button": { "button": { "$type": "number", "$value": 16 } },
29
29
  "caption": { "small": { "$type": "number", "$value": 14 } },
30
30
  "label": { "small": { "$type": "number", "$value": 14 } },
31
31
  "small": { "small": { "$type": "number", "$value": 14 } },