@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

package/dist/ios/brands/bild/semantic/sizeclass/SizingCompact.swift

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 //
-// BILD Design System Tokens v1.0.65
+// BILD Design System Tokens v1.0.66
 // Generated by Style Dictionary
 //
 // Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -52,51 +52,51 @@ public protocol BildSizingScheme: Sendable {
     /// Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space.
     var canvasHeightSizeApp: CGFloat { get }
     /// 22 - 22 - 22 - 28 -- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg)
-    var title1FontSize: CGFloat { get }
+    var title1fontSize: CGFloat { get }
     /// 16 - 16 - 18 - 20 - html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg)
-    var title2FontSize: CGFloat { get }
+    var title2fontSize: CGFloat { get }
     /// This variable is used on the font size parameter for the display1 text style. 40 - 40 - 72 - 120
-    var display1FontSize: CGFloat { get }
+    var display1fontSize: CGFloat { get }
     /// This variable is used for the font size parameter of the Display2 text style. 36 - 36 - 42 - 64
-    var display2FontSize: CGFloat { get }
+    var display2fontSize: CGFloat { get }
     /// This variable is used on the display3 font size parameter of the display3 text style. 28 - 28 - 32 - 40
-    var display3FontSize: CGFloat { get }
+    var display3fontSize: CGFloat { get }
     /// This token is used for the headline1 text style's font size parameter. 48 - 48 - 72 - 100
-    var headline1FontSize: CGFloat { get }
+    var headline1fontSize: CGFloat { get }
     /// This token is used on the headline2 text style's font size parameter. 40 - 40 - 48 - 64
-    var headline2FontSize: CGFloat { get }
+    var headline2fontSize: CGFloat { get }
     /// This token is used on the headline3 text style's font size parameter. 28 - 28 - 36 - 40
-    var headline3FontSize: CGFloat { get }
+    var headline3fontSize: CGFloat { get }
     /// This token controls the headline4 text style's font size parameter: 22 - 22 - 26 - 32
-    var headline4FontSize: CGFloat { get }
+    var headline4fontSize: CGFloat { get }
     /// This variable is used on the body text style's font size parameter. It remains constant at 21.
     var bodyFontSize: CGFloat { get }
     /// This token is used in the label3 text style's font size parameter. Its value remains constant at 12 across device sizes.
-    var label3FontSize: CGFloat { get }
+    var label3fontSize: CGFloat { get }
     /// This variable controls the label2 text style's font size parameter. Its value remains constant at 15.
-    var label2FontSize: CGFloat { get }
+    var label2fontSize: CGFloat { get }
     /// This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes.
-    var label1FontSize: CGFloat { get }
+    var label1fontSize: CGFloat { get }
     /// 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes.
-    var label1FontSizeResponsive: CGFloat { get }
+    var label1fontSizeResponsive: CGFloat { get }
     /// This token is used in the font size parameter of the label4 text style. The value remains constant at 8.
-    var label4FontSize: CGFloat { get }
+    var label4fontSize: CGFloat { get }
     /// This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22
-    var callout1FontSize: CGFloat { get }
+    var callout1fontSize: CGFloat { get }
     /// This token is used on the footnote text style font size parameter. 16 - 16 - 16 - 18
-    var footnote1FontSize: CGFloat { get }
+    var footnote1fontSize: CGFloat { get }
     /// This token is used in the font size parameter of the footnote2 text style. 12 - 12 - 12 - 16
-    var footnote2FontSize: CGFloat { get }
+    var footnote2fontSize: CGFloat { get }
     /// Values come from NMT Figma File 01_Foundation; in online CSS this is kicker0. 18 - 18 - 22 - 30 - This variable does not exist yet in online css. Online css is called kicker0 for smallest font size.
-    var kicker1FontSize: CGFloat { get }
+    var kicker1fontSize: CGFloat { get }
     /// Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. This DS uses 1 to 4 following html convention of h1, h2, h3, etc. 18 - 18 - 22 - 24
-    var kicker2FontSize: CGFloat { get }
+    var kicker2fontSize: CGFloat { get }
     /// Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 16 - 16 - 18 - 20
-    var kicker3FontSize: CGFloat { get }
+    var kicker3fontSize: CGFloat { get }
     /// Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 14 - 14 - 16 - 16
-    var kicker4FontSize: CGFloat { get }
+    var kicker4fontSize: CGFloat { get }
     /// This token controls the subheadline1 font size parameter. 24 - 24 - 32 - 36
-    var subheadline1FontSize: CGFloat { get }
+    var subheadline1fontSize: CGFloat { get }
     /// 16 - 16 - 18 - 20 -- This variable is used for controlling the font size of the quote text style.
     var quoteFontSize: CGFloat { get }
     /// This variable references the bodyFontFamily variable from the branding collection.
@@ -118,12 +118,12 @@ public protocol BildSizingScheme: Sendable {
     var kickerFontWeight: CGFloat { get }
     var kickerFontWeightSt: String { get }
     var subheadlineFontWeight: CGFloat { get }
-    var headline1FontWeight: CGFloat { get }
-    var headline2FontWeight: CGFloat { get }
-    var headline3FontWeight: CGFloat { get }
-    var headline4FontWeight: CGFloat { get }
+    var headline1fontWeight: CGFloat { get }
+    var headline2fontWeight: CGFloat { get }
+    var headline3fontWeight: CGFloat { get }
+    var headline4fontWeight: CGFloat { get }
     /// This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines.
-    var headline1FontWeightSt: String { get }
+    var headline1fontWeightSt: String { get }
     var titleFontWeight: CGFloat { get }
     var displayFontWeight: CGFloat { get }
     var quoteFontWeight: CGFloat { get }
@@ -131,32 +131,32 @@ public protocol BildSizingScheme: Sendable {
     var footnoteFontWeightBold: CGFloat { get }
     /// Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height)
     var bodyLineHeight: CGFloat { get }
-    var kicker4LineHeight: CGFloat { get }
-    var kicker3LineHeight: CGFloat { get }
-    var kicker2LineHeight: CGFloat { get }
-    var kicker1LineHeight: CGFloat { get }
-    var label3LineHeight: CGFloat { get }
+    var kicker4lineHeight: CGFloat { get }
+    var kicker3lineHeight: CGFloat { get }
+    var kicker2lineHeight: CGFloat { get }
+    var kicker1lineHeight: CGFloat { get }
+    var label3lineHeight: CGFloat { get }
     /// This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights.
-    var label1LineHeight: CGFloat { get }
-    var label1ResponsiveLineHeight: CGFloat { get }
-    var label2LineHeight: CGFloat { get }
-    var label4LineHeight: CGFloat { get }
-    var display1LineHeight: CGFloat { get }
-    var display2LineHeight: CGFloat { get }
-    var display3LineHeight: CGFloat { get }
-    var title1LineHeight: CGFloat { get }
+    var label1lineHeight: CGFloat { get }
+    var label1responsiveLineHeight: CGFloat { get }
+    var label2lineHeight: CGFloat { get }
+    var label4lineHeight: CGFloat { get }
+    var display1lineHeight: CGFloat { get }
+    var display2lineHeight: CGFloat { get }
+    var display3lineHeight: CGFloat { get }
+    var title1lineHeight: CGFloat { get }
     /// html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg)
-    var title2LineHeight: CGFloat { get }
+    var title2lineHeight: CGFloat { get }
     /// This variable is used in the quote text style line height parameter.
     var quoteLineHeight: CGFloat { get }
-    var footnote1LineHeight: CGFloat { get }
-    var footnote2LineHeight: CGFloat { get }
-    var headline1LineHeight: CGFloat { get }
-    var headline2LineHeight: CGFloat { get }
-    var headline3LineHeight: CGFloat { get }
-    var headline4LineHeight: CGFloat { get }
+    var footnote1lineHeight: CGFloat { get }
+    var footnote2lineHeight: CGFloat { get }
+    var headline1lineHeight: CGFloat { get }
+    var headline2lineHeight: CGFloat { get }
+    var headline3lineHeight: CGFloat { get }
+    var headline4lineHeight: CGFloat { get }
     var calloutLineHeight: CGFloat { get }
-    var subheadline1LineHeight: CGFloat { get }
+    var subheadline1lineHeight: CGFloat { get }
     /// 0.5 | 0.5 | 0.5 | 0.5 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
     var letterSpacingPositiveSm: CGFloat { get }
     /// 2 | 2 | 2 | 3 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
@@ -176,11 +176,11 @@ public protocol BildSizingScheme: Sendable {
     /// 0.25 | 0.25 | 0.25 | 0.25 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes.
     var letterSpacingPositiveXs: CGFloat { get }
     /// -0.5 | -0.5 | -1 | -2 | This variable is used for the letter spacing parameter of the display1 text style. On smaller devices the value is smaller than on larger devices. On desktop devices the letter spacing is further reduced for making the text style more compact.
-    var display1LetterSpacing: CGFloat { get }
+    var display1letterSpacing: CGFloat { get }
     /// -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display2 text style. On smaller devices the value is smaller than on larger devices.
-    var display2LetterSpacing: CGFloat { get }
+    var display2letterSpacing: CGFloat { get }
     /// -0.5 | -0.5 | -1 | -1 | This variable is used for the letter spacing parameter of the display3 text style. On smaller devices the value is smaller than on larger devices.
-    var display3LetterSpacing: CGFloat { get }
+    var display3letterSpacing: CGFloat { get }
     /// 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges.
     var borderRadiusXs: CGFloat { get }
     /// 8-8-8-8 – Standard radius for buttons, chips, input fields, and medium-sized interactive elements.
@@ -213,7 +213,7 @@ public protocol BildSizingScheme: Sendable {
     /// 16-16-24-32 – use for horizontal (left/right) padding of UI elements that scales across breakpoints
     var inlineSpaceRespLg: CGFloat { get }
     /// 32-32-48-64 – use for horizontal (left/right) padding of UI elements that scales across breakpoints
-    var inlineSpaceResp2Xl: CGFloat { get }
+    var inlineSpaceResp2xl: CGFloat { get }
     /// 24-24-32-40 – use for horizontal (left/right) padding of UI elements that scales across breakpoints
     var inlineSpaceRespXl: CGFloat { get }
     /// 8-8-8-8 – Use for fixed horizontal (left/right) padding of UI elements
@@ -223,21 +223,21 @@ public protocol BildSizingScheme: Sendable {
     /// 16-16-16-16 – Use for fixed horizontal (left/right) padding of UI elements
     var inlineSpaceConstLg: CGFloat { get }
     /// 32-32-32-32 – Use for fixed horizontal (left/right) padding of UI elements
-    var inlineSpaceConst2Xl: CGFloat { get }
+    var inlineSpaceConst2xl: CGFloat { get }
     /// 24-24-24-24 – Use for fixed horizontal (left/right) padding of UI elements
     var inlineSpaceConstXl: CGFloat { get }
     /// 6-6-6-6 – Use for fixed horizontal (left/right) padding of UI elements
     var inlineSpaceConstXs: CGFloat { get }
     /// 2-2-2-2 – Use for fixed horizontal (left/right) padding of UI elements
-    var inlineSpaceConst3Xs: CGFloat { get }
+    var inlineSpaceConst3xs: CGFloat { get }
     /// 4-4-4-4 – Use for fixed horizontal (left/right) padding of UI elements
-    var inlineSpaceConst2Xs: CGFloat { get }
+    var inlineSpaceConst2xs: CGFloat { get }
     /// 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
     var stackSpaceRespMd: CGFloat { get }
     /// 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
     var stackSpaceRespLg: CGFloat { get }
     /// 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
-    var stackSpaceResp2Xl: CGFloat { get }
+    var stackSpaceResp2xl: CGFloat { get }
     /// 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
     var stackSpaceRespSm: CGFloat { get }
     /// 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints
@@ -249,15 +249,15 @@ public protocol BildSizingScheme: Sendable {
     /// 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements
     var stackSpaceConstLg: CGFloat { get }
     /// 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements
-    var stackSpaceConst2Xl: CGFloat { get }
+    var stackSpaceConst2xl: CGFloat { get }
     /// 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements
     var stackSpaceConstXl: CGFloat { get }
     /// 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements
     var stackSpaceConstXs: CGFloat { get }
     /// 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements
-    var stackSpaceConst3Xs: CGFloat { get }
+    var stackSpaceConst3xs: CGFloat { get }
     /// 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements
-    var stackSpaceConst2Xs: CGFloat { get }
+    var stackSpaceConst2xs: CGFloat { get }
     /// 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints
     var gapSpaceRespXs: CGFloat { get }
     /// 16-16-24-32 – Use for gaps between items inside of UI elements that scale across breakpoints
@@ -265,17 +265,17 @@ public protocol BildSizingScheme: Sendable {
     /// 24-24-32-48 – Use for gaps between items inside of UI elements that scale across breakpoints
     var gapSpaceRespXl: CGFloat { get }
     /// 32-32-48-64 – Use for gaps between items inside of UI elements that scale across breakpoints
-    var gapSpaceResp2Xl: CGFloat { get }
+    var gapSpaceResp2xl: CGFloat { get }
     /// 12-12-16-24 – Use for gaps between items inside of UI elements that scale across breakpoints
     var gapSpaceRespMd: CGFloat { get }
     /// 8-8-12-16 – Use for gaps between items inside of UI elements that scale across breakpoints
     var gapSpaceRespSm: CGFloat { get }
     /// 2-2-4-6 – Use for gaps between items inside of UI elements that scale across breakpoints
-    var gapSpaceResp2Xs: CGFloat { get }
+    var gapSpaceResp2xs: CGFloat { get }
     /// 48-48-72-96 – Use for gaps between items inside of UI elements that scale across breakpoints
-    var gapSpaceResp3Xl: CGFloat { get }
+    var gapSpaceResp3xl: CGFloat { get }
     /// 2-2-2-2 – Use for fixed gaps between items inside of UI elements
-    var gapSpaceConst2Xs: CGFloat { get }
+    var gapSpaceConst2xs: CGFloat { get }
     /// 4-4-4-4 – Use for fixed gaps between items inside of UI elements
     var gapSpaceConstXs: CGFloat { get }
     /// 8-8-8-8 – Use for fixed gaps between items inside of UI elements
@@ -287,13 +287,13 @@ public protocol BildSizingScheme: Sendable {
     /// 24-24-24-24 – Use for fixed gaps between items inside of UI elements
     var gapSpaceConstXl: CGFloat { get }
     /// 32-32-32-32 – Use for fixed gaps between items inside of UI elements
-    var gapSpaceConst2Xl: CGFloat { get }
+    var gapSpaceConst2xl: CGFloat { get }
     /// 48-48-48-48 – Use for fixed gaps between items inside of UI elements
-    var gapSpaceConst3Xl: CGFloat { get }
+    var gapSpaceConst3xl: CGFloat { get }
     /// 16-16-16-16 – Use for setting fixed height and width of UI elements
-    var sizeConst3Xs: CGFloat { get }
+    var sizeConst3xs: CGFloat { get }
     /// 24-24-24-24 – Use for setting fixed height and width of UI elements
-    var sizeConst2Xs: CGFloat { get }
+    var sizeConst2xs: CGFloat { get }
     /// 32-32-32-32 – Use for setting fixed height and width of UI elements
     var sizeConstXs: CGFloat { get }
     /// 40-40-40-40 – Use for setting fixed height and width of UI elements
@@ -305,17 +305,17 @@ public protocol BildSizingScheme: Sendable {
     /// 64-64-64-64 – Use for setting fixed height and width of UI elements
     var sizeConstXl: CGFloat { get }
     /// 96-96-96-96 – Use for setting fixed height and width of UI elements
-    var sizeConst3Xl: CGFloat { get }
+    var sizeConst3xl: CGFloat { get }
     /// 148-148-148-148 – Use for setting fixed height and width of UI elements
-    var sizeConst4Xl: CGFloat { get }
+    var sizeConst4xl: CGFloat { get }
     /// 72-72-72-72 – Use for setting fixed height and width of UI elements
-    var sizeConst2Xl: CGFloat { get }
+    var sizeConst2xl: CGFloat { get }
     /// 8-8-8-8 – Use for setting fixed height and width of UI elements
-    var sizeConst4Xs: CGFloat { get }
+    var sizeConst4xs: CGFloat { get }
     /// 16-16-16-24 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp3Xs: CGFloat { get }
+    var sizeResp3xs: CGFloat { get }
     /// 24-24-32-32 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp2Xs: CGFloat { get }
+    var sizeResp2xs: CGFloat { get }
     /// 32-32-40-48 – Use for setting height and width of UI elements that scale across breakpoints
     var sizeRespXs: CGFloat { get }
     /// 40-40-48-56 – Use for setting height and width of UI elements that scale across breakpoints
@@ -327,13 +327,13 @@ public protocol BildSizingScheme: Sendable {
     /// 64-64-80-96 – Use for setting height and width of UI elements that scale across breakpoints
     var sizeRespXl: CGFloat { get }
     /// 72-72-92-100 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp2Xl: CGFloat { get }
+    var sizeResp2xl: CGFloat { get }
     /// 96-96-120-148 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp3Xl: CGFloat { get }
+    var sizeResp3xl: CGFloat { get }
     /// 148-148-160-180 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp4Xl: CGFloat { get }
+    var sizeResp4xl: CGFloat { get }
     /// 12-12-14-16 – Use for setting height and width of UI elements that scale across breakpoints
-    var sizeResp4Xs: CGFloat { get }
+    var sizeResp4xs: CGFloat { get }
     var breakpointName: String { get }
 }
 
@@ -362,29 +362,29 @@ public struct BildSizingCompact: BildSizingScheme, DesignSizingScheme {
     public let canvasWidthSizeWeb: CGFloat = 390
     public let canvasWidthSizeApp: CGFloat = 390
     public let canvasHeightSizeApp: CGFloat = 844
-    public let title1FontSize: CGFloat = 22
-    public let title2FontSize: CGFloat = 16
-    public let display1FontSize: CGFloat = 40
-    public let display2FontSize: CGFloat = 36
-    public let display3FontSize: CGFloat = 28
-    public let headline1FontSize: CGFloat = 48
-    public let headline2FontSize: CGFloat = 40
-    public let headline3FontSize: CGFloat = 28
-    public let headline4FontSize: CGFloat = 22
+    public let title1fontSize: CGFloat = 22
+    public let title2fontSize: CGFloat = 16
+    public let display1fontSize: CGFloat = 40
+    public let display2fontSize: CGFloat = 36
+    public let display3fontSize: CGFloat = 28
+    public let headline1fontSize: CGFloat = 48
+    public let headline2fontSize: CGFloat = 40
+    public let headline3fontSize: CGFloat = 28
+    public let headline4fontSize: CGFloat = 22
     public let bodyFontSize: CGFloat = 21
-    public let label3FontSize: CGFloat = 12
-    public let label2FontSize: CGFloat = 15
-    public let label1FontSize: CGFloat = 17
-    public let label1FontSizeResponsive: CGFloat = 10
-    public let label4FontSize: CGFloat = 8
-    public let callout1FontSize: CGFloat = 18
-    public let footnote1FontSize: CGFloat = 16
-    public let footnote2FontSize: CGFloat = 12
-    public let kicker1FontSize: CGFloat = 18
-    public let kicker2FontSize: CGFloat = 18
-    public let kicker3FontSize: CGFloat = 16
-    public let kicker4FontSize: CGFloat = 14
-    public let subheadline1FontSize: CGFloat = 24
+    public let label3fontSize: CGFloat = 12
+    public let label2fontSize: CGFloat = 15
+    public let label1fontSize: CGFloat = 17
+    public let label1fontSizeResponsive: CGFloat = 10
+    public let label4fontSize: CGFloat = 8
+    public let callout1fontSize: CGFloat = 18
+    public let footnote1fontSize: CGFloat = 16
+    public let footnote2fontSize: CGFloat = 12
+    public let kicker1fontSize: CGFloat = 18
+    public let kicker2fontSize: CGFloat = 18
+    public let kicker3fontSize: CGFloat = 16
+    public let kicker4fontSize: CGFloat = 14
+    public let subheadline1fontSize: CGFloat = 24
     public let quoteFontSize: CGFloat = 16
     public let bodyFontFamily: String = "Gotham XNarrow"
     public let calloutFontFamily: String = "Gotham"
@@ -404,40 +404,40 @@ public struct BildSizingCompact: BildSizingScheme, DesignSizingScheme {
     public let kickerFontWeight: CGFloat = 700
     public let kickerFontWeightSt: String = "700"
     public let subheadlineFontWeight: CGFloat = 700
-    public let headline1FontWeight: CGFloat = 700
-    public let headline2FontWeight: CGFloat = 700
-    public let headline3FontWeight: CGFloat = 700
-    public let headline4FontWeight: CGFloat = 600
-    public let headline1FontWeightSt: String = "700"
+    public let headline1fontWeight: CGFloat = 700
+    public let headline2fontWeight: CGFloat = 700
+    public let headline3fontWeight: CGFloat = 700
+    public let headline4fontWeight: CGFloat = 600
+    public let headline1fontWeightSt: String = "700"
     public let titleFontWeight: CGFloat = 800
     public let displayFontWeight: CGFloat = 800
     public let quoteFontWeight: CGFloat = 800
     public let footnoteFontWeightBook: CGFloat = 400
     public let footnoteFontWeightBold: CGFloat = 700
     public let bodyLineHeight: CGFloat = 28
-    public let kicker4LineHeight: CGFloat = 15.4
-    public let kicker3LineHeight: CGFloat = 17.6
-    public let kicker2LineHeight: CGFloat = 19.8
-    public let kicker1LineHeight: CGFloat = 19.8
-    public let label3LineHeight: CGFloat = 14.4
-    public let label1LineHeight: CGFloat = 17
-    public let label1ResponsiveLineHeight: CGFloat = 10
-    public let label2LineHeight: CGFloat = 16
-    public let label4LineHeight: CGFloat = 10
-    public let display1LineHeight: CGFloat = 40
-    public let display2LineHeight: CGFloat = 36
-    public let display3LineHeight: CGFloat = 28
-    public let title1LineHeight: CGFloat = 22
-    public let title2LineHeight: CGFloat = 17.6
+    public let kicker4lineHeight: CGFloat = 15.4
+    public let kicker3lineHeight: CGFloat = 17.6
+    public let kicker2lineHeight: CGFloat = 19.8
+    public let kicker1lineHeight: CGFloat = 19.8
+    public let label3lineHeight: CGFloat = 14.4
+    public let label1lineHeight: CGFloat = 17
+    public let label1responsiveLineHeight: CGFloat = 10
+    public let label2lineHeight: CGFloat = 16
+    public let label4lineHeight: CGFloat = 10
+    public let display1lineHeight: CGFloat = 40
+    public let display2lineHeight: CGFloat = 36
+    public let display3lineHeight: CGFloat = 28
+    public let title1lineHeight: CGFloat = 22
+    public let title2lineHeight: CGFloat = 17.6
     public let quoteLineHeight: CGFloat = 16
-    public let footnote1LineHeight: CGFloat = 21
-    public let footnote2LineHeight: CGFloat = 15.6
-    public let headline1LineHeight: CGFloat = 48
-    public let headline2LineHeight: CGFloat = 40
-    public let headline3LineHeight: CGFloat = 28
-    public let headline4LineHeight: CGFloat = 22
+    public let footnote1lineHeight: CGFloat = 21
+    public let footnote2lineHeight: CGFloat = 15.6
+    public let headline1lineHeight: CGFloat = 48
+    public let headline2lineHeight: CGFloat = 40
+    public let headline3lineHeight: CGFloat = 28
+    public let headline4lineHeight: CGFloat = 22
     public let calloutLineHeight: CGFloat = 18
-    public let subheadline1LineHeight: CGFloat = 24
+    public let subheadline1lineHeight: CGFloat = 24
     public let letterSpacingPositiveSm: CGFloat = 0.5
     public let letterSpacingPositiveLg: CGFloat = 2
     public let letterSpacingPositiveMd: CGFloat = 1
@@ -447,9 +447,9 @@ public struct BildSizingCompact: BildSizingScheme, DesignSizingScheme {
     public let letterSpacingNegativeLg: CGFloat = -2
     public let letterSpacingNegativeXs: CGFloat = -0.25
     public let letterSpacingPositiveXs: CGFloat = 0.25
-    public let display1LetterSpacing: CGFloat = -0.5
-    public let display2LetterSpacing: CGFloat = -0.5
-    public let display3LetterSpacing: CGFloat = -0.5
+    public let display1letterSpacing: CGFloat = -0.5
+    public let display2letterSpacing: CGFloat = -0.5
+    public let display3letterSpacing: CGFloat = -0.5
     public let borderRadiusXs: CGFloat = 2
     public let borderRadiusMd: CGFloat = 8
     public let borderRadiusSm: CGFloat = 4
@@ -467,66 +467,66 @@ public struct BildSizingCompact: BildSizingScheme, DesignSizingScheme {
     public let inlineSpaceRespSm: CGFloat = 8
     public let inlineSpaceRespMd: CGFloat = 12
     public let inlineSpaceRespLg: CGFloat = 16
-    public let inlineSpaceResp2Xl: CGFloat = 32
+    public let inlineSpaceResp2xl: CGFloat = 32
     public let inlineSpaceRespXl: CGFloat = 24
     public let inlineSpaceConstSm: CGFloat = 8
     public let inlineSpaceConstMd: CGFloat = 12
     public let inlineSpaceConstLg: CGFloat = 16
-    public let inlineSpaceConst2Xl: CGFloat = 32
+    public let inlineSpaceConst2xl: CGFloat = 32
     public let inlineSpaceConstXl: CGFloat = 24
     public let inlineSpaceConstXs: CGFloat = 6
-    public let inlineSpaceConst3Xs: CGFloat = 2
-    public let inlineSpaceConst2Xs: CGFloat = 4
+    public let inlineSpaceConst3xs: CGFloat = 2
+    public let inlineSpaceConst2xs: CGFloat = 4
     public let stackSpaceRespMd: CGFloat = 12
     public let stackSpaceRespLg: CGFloat = 16
-    public let stackSpaceResp2Xl: CGFloat = 32
+    public let stackSpaceResp2xl: CGFloat = 32
     public let stackSpaceRespSm: CGFloat = 8
     public let stackSpaceRespXl: CGFloat = 24
     public let stackSpaceConstSm: CGFloat = 8
     public let stackSpaceConstMd: CGFloat = 12
     public let stackSpaceConstLg: CGFloat = 16
-    public let stackSpaceConst2Xl: CGFloat = 32
+    public let stackSpaceConst2xl: CGFloat = 32
     public let stackSpaceConstXl: CGFloat = 24
     public let stackSpaceConstXs: CGFloat = 6
-    public let stackSpaceConst3Xs: CGFloat = 2
-    public let stackSpaceConst2Xs: CGFloat = 4
+    public let stackSpaceConst3xs: CGFloat = 2
+    public let stackSpaceConst2xs: CGFloat = 4
     public let gapSpaceRespXs: CGFloat = 4
     public let gapSpaceRespLg: CGFloat = 16
     public let gapSpaceRespXl: CGFloat = 24
-    public let gapSpaceResp2Xl: CGFloat = 32
+    public let gapSpaceResp2xl: CGFloat = 32
     public let gapSpaceRespMd: CGFloat = 12
     public let gapSpaceRespSm: CGFloat = 8
-    public let gapSpaceResp2Xs: CGFloat = 2
-    public let gapSpaceResp3Xl: CGFloat = 48
-    public let gapSpaceConst2Xs: CGFloat = 2
+    public let gapSpaceResp2xs: CGFloat = 2
+    public let gapSpaceResp3xl: CGFloat = 48
+    public let gapSpaceConst2xs: CGFloat = 2
     public let gapSpaceConstXs: CGFloat = 4
     public let gapSpaceConstSm: CGFloat = 8
     public let gapSpaceConstMd: CGFloat = 12
     public let gapSpaceConstLg: CGFloat = 16
     public let gapSpaceConstXl: CGFloat = 24
-    public let gapSpaceConst2Xl: CGFloat = 32
-    public let gapSpaceConst3Xl: CGFloat = 48
-    public let sizeConst3Xs: CGFloat = 16
-    public let sizeConst2Xs: CGFloat = 24
+    public let gapSpaceConst2xl: CGFloat = 32
+    public let gapSpaceConst3xl: CGFloat = 48
+    public let sizeConst3xs: CGFloat = 16
+    public let sizeConst2xs: CGFloat = 24
     public let sizeConstXs: CGFloat = 32
     public let sizeConstSm: CGFloat = 40
     public let sizeConstMd: CGFloat = 48
     public let sizeConstLg: CGFloat = 56
     public let sizeConstXl: CGFloat = 64
-    public let sizeConst3Xl: CGFloat = 96
-    public let sizeConst4Xl: CGFloat = 148
-    public let sizeConst2Xl: CGFloat = 72
-    public let sizeConst4Xs: CGFloat = 8
-    public let sizeResp3Xs: CGFloat = 16
-    public let sizeResp2Xs: CGFloat = 24
+    public let sizeConst3xl: CGFloat = 96
+    public let sizeConst4xl: CGFloat = 148
+    public let sizeConst2xl: CGFloat = 72
+    public let sizeConst4xs: CGFloat = 8
+    public let sizeResp3xs: CGFloat = 16
+    public let sizeResp2xs: CGFloat = 24
     public let sizeRespXs: CGFloat = 32
     public let sizeRespSm: CGFloat = 40
     public let sizeRespMd: CGFloat = 48
     public let sizeRespLg: CGFloat = 56
     public let sizeRespXl: CGFloat = 64
-    public let sizeResp2Xl: CGFloat = 72
-    public let sizeResp3Xl: CGFloat = 96
-    public let sizeResp4Xl: CGFloat = 148
-    public let sizeResp4Xs: CGFloat = 12
+    public let sizeResp2xl: CGFloat = 72
+    public let sizeResp3xl: CGFloat = 96
+    public let sizeResp4xl: CGFloat = 148
+    public let sizeResp4xs: CGFloat = 12
     public let breakpointName: String = "sm"
 }