feat(tokens): added f7

digdir · Jan 31, 2024 · 2f6eb31 · 2f6eb31
1 parent ca153e8
commit 2f6eb31
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/design-tokens/Base/Core.json b/design-tokens/Base/Core.json
@@ -752,6 +752,28 @@
  "value": "round(({viewport.width}/100) * {font-scale.f6.v} + {font-scale.f6.r})",
  "type": "fontSizes"
  }
+ },
+ "f7": {
+ "min": {
+ "value": "5*roundTo(({font-scale.const.min.f0}*{font-scale.const.min.r}^(7/{font-scale.const.min.n})/5),1)",
+ "type": "fontSizes"
+ },
+ "max": {
+ "value": "5*roundTo(({font-scale.const.max.f0}*{font-scale.const.max.r}^(7/{font-scale.const.max.n})/5),1)",
+ "type": "fontSizes"
+ },
+ "v": {
+ "value": "100 * ({font-scale.f7.max}-{font-scale.f7.min}) / ({viewport.max}-{viewport.min})",
+ "type": "fontSizes"
+ },
+ "r": {
+ "value": "( {viewport.min} * {font-scale.f7.max} - {viewport.max} * {font-scale.f7.min}) / ({viewport.min}-{viewport.max})",
+ "type": "fontSizes"
+ },
+ "fluid": {
+ "value": "round(({viewport.width}/100) * {font-scale.f7.v} + {font-scale.f7.r})",
+ "type": "fontSizes"
+ }
  }
  },
  "font-size": {
@@ -794,6 +816,10 @@
  "f6": {
  "value": "min( max( {font-scale.f6.min}, {font-scale.f6.fluid}) ,{font-scale.f6.max})",
  "type": "fontSizes"
+ },
+ "f7": {
+ "value": "min( max( {font-scale.f7.min}, {font-scale.f7.fluid}) ,{font-scale.f7.max})",
+ "type": "fontSizes"
  }
  },
  "viewport": {

diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json
@@ -438,6 +438,24 @@
  },
  "typography": {
  "heading": {
+ "3xlarge": {
+ "value": {
+ "fontFamily": "{fontFamilies.inter}",
+ "fontWeight": "{fontWeights.medium}",
+ "lineHeight": "{lineHeights.300}",
+ "fontSize": "{font-size.f7}"
+ },
+ "type": "typography"
+ },
+ "2xlarge": {
+ "value": {
+ "fontFamily": "{fontFamilies.inter}",
+ "fontWeight": "{fontWeights.medium}",
+ "lineHeight": "{lineHeights.300}",
+ "fontSize": "{font-size.f6}"
+ },
+ "type": "typography"
+ },
  "xlarge": {
  "value": {
  "fontFamily": "{fontFamilies.inter}",