Fix erroneous CSS output after the last Style Dictionary upgrade (#91)

* Upgrade Style Dictionary and Tokens Studio Transforms The font size rounding errors that we were seeing are fixed in version 1.1.0 of Tokens Studio Transforms. However, upgrading to this version also requires upgrading to a new major version of Style Dictionary at the same time. The upgrade isn't trivial as there are quite a few breaking changes, but it's good to get it over with. * Work around some math expressions lacking calc()
element-hq · Jul 12, 2024 · 5350cf2 · 5350cf2
1 parent b560cc6
commit 5350cf2
Show file tree

Hide file tree

Showing 49 changed files with 1,146 additions and 569 deletions.
diff --git a/assets/android/src/TypographyTokens.kt b/assets/android/src/TypographyTokens.kt
@@ -40,7 +40,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W500,
         lineHeight = 22.sp,
         fontSize = 16.sp,
-        letterSpacing = 0.015629999999999998.em,
+        letterSpacing = 0.015625.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -49,7 +49,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 22.sp,
         fontSize = 16.sp,
-        letterSpacing = 0.015629999999999998.em,
+        letterSpacing = 0.015625.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -58,7 +58,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W500,
         lineHeight = 20.sp,
         fontSize = 14.sp,
-        letterSpacing = 0.01786.em,
+        letterSpacing = 0.017857.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -67,7 +67,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 20.sp,
         fontSize = 14.sp,
-        letterSpacing = 0.01786.em,
+        letterSpacing = 0.017857.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -76,7 +76,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W500,
         lineHeight = 17.sp,
         fontSize = 12.sp,
-        letterSpacing = 0.03333.em,
+        letterSpacing = 0.033333.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -85,7 +85,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 17.sp,
         fontSize = 12.sp,
-        letterSpacing = 0.03333.em,
+        letterSpacing = 0.033333.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -94,7 +94,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W500,
         lineHeight = 15.sp,
         fontSize = 11.sp,
-        letterSpacing = 0.04545.em,
+        letterSpacing = 0.045454.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -103,7 +103,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 15.sp,
         fontSize = 11.sp,
-        letterSpacing = 0.04545.em,
+        letterSpacing = 0.045454.em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -112,7 +112,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W700,
         lineHeight = 34.sp,
         fontSize = 28.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -121,7 +121,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 34.sp,
         fontSize = 28.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -130,7 +130,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W700,
         lineHeight = 27.sp,
         fontSize = 22.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -139,7 +139,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 27.sp,
         fontSize = 22.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -148,7 +148,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W500,
         lineHeight = 25.sp,
         fontSize = 20.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -157,7 +157,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 25.sp,
         fontSize = 20.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -166,7 +166,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W700,
         lineHeight = 41.sp,
         fontSize = 34.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )
@@ -175,7 +175,7 @@ object TypographyTokens {
         fontWeight = FontWeight.W400,
         lineHeight = 41.sp,
         fontSize = 34.sp,
-        letterSpacing = 0.em,
+        letterSpacing = 0em,
         platformStyle = PlatformTextStyle(includeFontPadding = false),
         lineHeightStyle = LineHeightStyle(LineHeightStyle.Alignment.Center, LineHeightStyle.Trim.None)
     )

diff --git a/assets/ios/swift/CompoundCoreColorTokens.swift b/assets/ios/swift/CompoundCoreColorTokens.swift
@@ -317,4 +317,4 @@ public class CompoundCoreColorTokens {
     public static let themeBg = Color("themeBg", bundle: Bundle.module)
     public static let bgSubtleSecondaryLevel0 = themeBg
     public static let bgCanvasDefaultLevel1 = gray300
-}
+}
diff --git a/assets/ios/swift/CompoundCoreUIColorTokens.swift b/assets/ios/swift/CompoundCoreUIColorTokens.swift
@@ -317,4 +317,4 @@ public class CompoundCoreUIColorTokens {
     public static let themeBg = UIColor(named: "themeBg", in: Bundle.module, compatibleWith: nil)!
     public static let bgSubtleSecondaryLevel0 = themeBg
     public static let bgCanvasDefaultLevel1 = gray300
-}
+}
diff --git a/assets/ios/swift/CompoundDesignTokens.swift b/assets/ios/swift/CompoundDesignTokens.swift
@@ -22,8 +22,8 @@ public class CompoundDesignTokens {
     public static let fontLineHeightBodyMdRegular = CGFloat(20)
     public static let fontLineHeightBodySmRegular = CGFloat(18)
     public static let fontLineHeightBodyXsRegular = CGFloat(16)
-    public static let fontWeightBold = Font.Weight.regular
-    public static let fontWeightSemibold = Font.Weight.regular
+    public static let fontWeightBold = Font.Weight.bold
+    public static let fontWeightSemibold = Font.Weight.semibold
     public static let fontWeightRegular = Font.Weight.regular
     public static let fontFamilyMono = "SF Mono"
     public static let fontFamilySans = "SF Pro"
@@ -60,4 +60,4 @@ public class CompoundDesignTokens {
     public static let space1_5X = spaceScale * 1.5
     public static let space1X = spaceScale
     public static let space0_5X = spaceScale * 0.5
-}
+}
diff --git a/assets/web/css/cpd-common-base.css b/assets/web/css/cpd-common-base.css
@@ -46,36 +46,36 @@
   --cpd-font-heading-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-line-height-tight)rem/1.25 var(--cpd-font-family-sans);
   --cpd-font-heading-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-line-height-tight)rem/1.25 var(--cpd-font-family-sans);
   --cpd-font-heading-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-line-height-tight)rem/1.25 var(--cpd-font-family-sans);
-  --cpd-font-body-lg-semibold: var(--cpd-font-weight-semibold) 1.063rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-lg-medium: var(--cpd-font-weight-medium) 1.063rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-lg-regular: var(--cpd-font-weight-regular) 1.063rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-md-semibold: var(--cpd-font-weight-semibold) 0.938rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-md-medium: var(--cpd-font-weight-medium) 0.938rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-md-regular: var(--cpd-font-weight-regular) 0.938rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-sm-semibold: var(--cpd-font-weight-semibold) 0.813rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-sm-medium: var(--cpd-font-weight-medium) 0.813rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-sm-regular: var(--cpd-font-weight-regular) 0.813rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-xs-semibold: var(--cpd-font-weight-semibold) 0.688rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-xs-medium: var(--cpd-font-weight-medium) 0.688rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-font-body-xs-regular: var(--cpd-font-weight-regular) 0.688rem/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
-  --cpd-space-64x: var(--cpd-space-scale) * 64;
-  --cpd-space-48x: var(--cpd-space-scale) * 48;
-  --cpd-space-40x: var(--cpd-space-scale) * 40;
-  --cpd-space-32x: var(--cpd-space-scale) * 32;
-  --cpd-space-28x: var(--cpd-space-scale) * 28;
-  --cpd-space-24x: var(--cpd-space-scale) * 24;
-  --cpd-space-20x: var(--cpd-space-scale) * 20;
-  --cpd-space-15x: var(--cpd-space-scale) * 15;
-  --cpd-space-14x: var(--cpd-space-scale) * 14;
-  --cpd-space-13x: var(--cpd-space-scale) * 13;
-  --cpd-space-9x: var(--cpd-space-scale) * 9;
-  --cpd-space-8x: var(--cpd-space-scale) * 8;
-  --cpd-space-7x: var(--cpd-space-scale) * 7;
-  --cpd-space-5x: var(--cpd-space-scale) * 5;
-  --cpd-space-4x: var(--cpd-space-scale) * 4;
-  --cpd-space-3x: var(--cpd-space-scale) * 3;
-  --cpd-space-2x: var(--cpd-space-scale) * 2;
-  --cpd-space-1-5x: var(--cpd-space-scale) * 1.5;
+  --cpd-font-body-lg-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-lg-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-lg-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-lg)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-md-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-md-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-md-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-md)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-sm-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-sm-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-sm-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-sm)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-xs-semibold: var(--cpd-font-weight-semibold) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-xs-medium: var(--cpd-font-weight-medium) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-font-body-xs-regular: var(--cpd-font-weight-regular) var(--cpd-font-size-body-xs)/var(--cpd-font-line-height-regular) var(--cpd-font-family-sans);
+  --cpd-space-64x: 256px;
+  --cpd-space-48x: 192px;
+  --cpd-space-40x: 160px;
+  --cpd-space-32x: 128px;
+  --cpd-space-28x: 112px;
+  --cpd-space-24x: 96px;
+  --cpd-space-20x: 80px;
+  --cpd-space-15x: 60px;
+  --cpd-space-14x: 56px;
+  --cpd-space-13x: 52px;
+  --cpd-space-9x: 36px;
+  --cpd-space-8x: 32px;
+  --cpd-space-7x: 28px;
+  --cpd-space-5x: 20px;
+  --cpd-space-4x: 16px;
+  --cpd-space-3x: 12px;
+  --cpd-space-2x: 8px;
+  --cpd-space-1-5x: 6px;
   --cpd-space-1x: var(--cpd-space-scale);
-  --cpd-space-0-5x: var(--cpd-space-scale) * 0.5;
+  --cpd-space-0-5x: 2px;
 }
diff --git a/assets/web/js/cpdDark.js b/assets/web/js/cpdDark.js
@@ -56,18 +56,18 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.688rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.688rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.688rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.813rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.813rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.813rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.938rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.938rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.938rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.063rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.063rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.063rem/1.5 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
 export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";

diff --git a/assets/web/js/cpdDarkHc.js b/assets/web/js/cpdDarkHc.js
@@ -56,18 +56,18 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.688rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.688rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.688rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.813rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.813rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.813rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.938rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.938rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.938rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.063rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.063rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.063rem/1.5 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
 export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";

diff --git a/assets/web/js/cpdLight.js b/assets/web/js/cpdLight.js
@@ -56,18 +56,18 @@ export const cpdFontLetterSpacingHeadingSm = "-0.0166em";
 export const cpdFontLetterSpacingHeadingMd = "-0.0195em";
 export const cpdFontLetterSpacingHeadingLg = "-0.0209em";
 export const cpdFontLetterSpacingHeadingXl = "-0.0216em";
-export const cpdFontBodyXsRegular = "400 0.688rem/1.5 Inter";
-export const cpdFontBodyXsMedium = "500 0.688rem/1.5 Inter";
-export const cpdFontBodyXsSemibold = "600 0.688rem/1.5 Inter";
-export const cpdFontBodySmRegular = "400 0.813rem/1.5 Inter";
-export const cpdFontBodySmMedium = "500 0.813rem/1.5 Inter";
-export const cpdFontBodySmSemibold = "600 0.813rem/1.5 Inter";
-export const cpdFontBodyMdRegular = "400 0.938rem/1.5 Inter";
-export const cpdFontBodyMdMedium = "500 0.938rem/1.5 Inter";
-export const cpdFontBodyMdSemibold = "600 0.938rem/1.5 Inter";
-export const cpdFontBodyLgRegular = "400 1.063rem/1.5 Inter";
-export const cpdFontBodyLgMedium = "500 1.063rem/1.5 Inter";
-export const cpdFontBodyLgSemibold = "600 1.063rem/1.5 Inter";
+export const cpdFontBodyXsRegular = "400 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsMedium = "500 0.6875rem/1.5 Inter";
+export const cpdFontBodyXsSemibold = "600 0.6875rem/1.5 Inter";
+export const cpdFontBodySmRegular = "400 0.8125rem/1.5 Inter";
+export const cpdFontBodySmMedium = "500 0.8125rem/1.5 Inter";
+export const cpdFontBodySmSemibold = "600 0.8125rem/1.5 Inter";
+export const cpdFontBodyMdRegular = "400 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdMedium = "500 0.9375rem/1.5 Inter";
+export const cpdFontBodyMdSemibold = "600 0.9375rem/1.5 Inter";
+export const cpdFontBodyLgRegular = "400 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgMedium = "500 1.0625rem/1.5 Inter";
+export const cpdFontBodyLgSemibold = "600 1.0625rem/1.5 Inter";
 export const cpdFontHeadingSmRegular = "400 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmMedium = "500 1.25rem/1.25 Inter";
 export const cpdFontHeadingSmSemibold = "600 1.25rem/1.25 Inter";