@marioschmidt/design-system-tokens 1.0.58 → 1.0.59

package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift

@@ -1,7 +1,7 @@
 //
 // Do not edit directly, this file was auto-generated.
 // 
-// BILD Design System Tokens v1.0.58
+// BILD Design System Tokens v1.0.59
 // Generated by Style Dictionary v4.0.0
 // 
 // Copyright (c) 2024 Axel Springer Deutschland GmbH
@@ -19,450 +19,450 @@ public class BreakpointXs320px {
 
     // MARK: - Semantic - Layout - Grid - Responsive
     /** 24-24-32-32 – use for side paddings and gutters in responsive layouts */
-    public static let GridSpaceRespLg = 24
+    public static let gridSpaceRespLg = 24
     /** 48-48-64-64 – use for side paddings and gutters in responsive layouts */
-    public static let GridSpaceRespXl = 48
+    public static let gridSpaceRespXl = 48
     /** 12-12-12-16 – use for side paddings and gutters in responsive layouts */
-    public static let GridSpaceRespBase = 12
+    public static let gridSpaceRespBase = 12
     /** 6-6-6-8 – use for side paddings and gutters in responsive layouts */
-    public static let GridSpaceRespSm = 6
+    public static let gridSpaceRespSm = 6
     /** 0-0-0-16 – This token is used on the main homepages content container, ensuring full-width layout (no horizontal padding) on mobile and tablet breakpoints. */
-    public static let PageInlineSpace = 0
+    public static let pageInlineSpace = 0
 
     // MARK: - Semantic - Layout - Grid - Constant
     /** 16-16-16-16 – use for fixed side paddings and gutters */
-    public static let GridSpaceConstLg = 16
+    public static let gridSpaceConstLg = 16
     /** 12-12-12-12 – use for fixed side paddings and gutters */
-    public static let GridSpaceConstSm = 12
+    public static let gridSpaceConstSm = 12
 
     // MARK: - Semantic - Layout - Grid - LayoutGuide
     /** Used to set the column count in Figma Layout guide Grids */
-    public static let LayoutGuideGridColums = 4
+    public static let layoutGuideGridColums = 4
 
     // MARK: - Semantic - Layout - Section
     /** 36-36-48-48 – Use for vertical spacing between sections in a layout. */
-    public static let SectionSpaceBase = 36
+    public static let sectionSpaceBase = 36
     /** 72-72-96-96 – Use for vertical spacing between sections in a layout */
-    public static let SectionSpaceLg = 72
+    public static let sectionSpaceLg = 72
     /** 16-16-32-32 – Use for spacing after paragraphs in text content */
-    public static let ParagraphEndSpace = 16
+    public static let paragraphEndSpace = 16
     /** 24-24-36-36 – Use for vertical spacing between subsections in a layout */
-    public static let SectionSpaceSm = 24
+    public static let sectionSpaceSm = 24
 
     // MARK: - Semantic - Layout - Breakpoints
     /** 320 - 390 - 600 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic minimum widths across responsive viewports. */
-    public static let BreakpointMinWidthSize = 320
+    public static let breakpointMinWidthSize = 320
     /** 389 - 599 - 1023 - 1024 – Defines the minimum width of the main frame for different breakpoints. Apply this token to the main frame of page layouts to simulate realistic maximum widths across responsive viewports. */
-    public static let BreakpointMaxWidthSize = 389
+    public static let breakpointMaxWidthSize = 389
 
     // MARK: - Semantic - Layout
     /** Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. */
-    public static let CanvasHeightSizeWeb = 568
+    public static let canvasHeightSizeWeb = 568
     /** Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. */
-    public static let CanvasWidthSizeWeb = 320
+    public static let canvasWidthSizeWeb = 320
     /** Common viewport width size based on the selected breakpoint. Apply this token to the main frame of page layouts. */
-    public static let CanvasWidthSizeApp = 320
+    public static let canvasWidthSizeApp = 320
     /** Common viewport height size based on the selected mode. Apply this token to the main frame of page layouts to simulate realistic vertical space. */
-    public static let CanvasHeightSizeApp = 568
+    public static let canvasHeightSizeApp = 568
 
     // MARK: - Semantic - Layout - ContentWidth
     /** Use for content containers that should not fill the full page width on larger viewports. This is commonly used on article body text content and other elements in an article page. */
-    public static let ContentMaxWidthMedium = 700
+    public static let contentMaxWidthMedium = 700
     /** Use for content containers that should fill the full width of the page */
-    public static let ContentMaxWidthFull = 1024
+    public static let contentMaxWidthFull = 1024
 
     // MARK: - Semantic - Typography - FontSize - Title
     /** 22 - 22 - 22 - 28 -- html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) */
-    public static let Title1FontSize = 24
+    public static let title1FontSize = 24
     /** 16 - 16 - 18 - 20 - html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) */
-    public static let Title2FontSize = 16
+    public static let title2FontSize = 16
 
     // MARK: - Semantic - Typography - FontSize - Display
     /** This variable is used on the font size parameter for the display1 text style. 40 - 40 - 72 - 120 */
-    public static let Display1FontSize = 38
+    public static let display1FontSize = 38
     /** This variable is used for the font size parameter of the Display2 text style. 36 - 36 - 42 - 64 */
-    public static let Display2FontSize = 34
+    public static let display2FontSize = 34
     /** This variable is used on the display3 font size parameter of the display3 text style. 28 - 28 - 32 - 40 */
-    public static let Display3FontSize = 27
+    public static let display3FontSize = 27
 
     // MARK: - Semantic - Typography - FontSize - Headline
     /** This token is used for the headline1 text style's font size parameter. 48 - 48 - 72 - 100 */
-    public static let Headline1FontSize = 42
+    public static let headline1FontSize = 42
     /** This token is used on the headline2 text style's font size parameter. 40 - 40 - 48 - 64 */
-    public static let Headline2FontSize = 42
+    public static let headline2FontSize = 42
     /** This token is used on the headline3 text style's font size parameter. 28 - 28 - 36 - 40 */
-    public static let Headline3FontSize = 30
+    public static let headline3FontSize = 30
     /** This token controls the headline4 text style's font size parameter: 22 - 22 - 26 - 32 */
-    public static let Headline4FontSize = 21
+    public static let headline4FontSize = 21
 
     // MARK: - Semantic - Typography - FontSize - Body
     /** This variable is used on the body text style's font size parameter. It remains constant at 21. */
-    public static let BodyFontSize = 17
+    public static let bodyFontSize = 17
 
     // MARK: - Semantic - Typography - FontSize - Label
     /** This token is used in the label3 text style's font size parameter. Its value remains constant at 12 across device sizes. */
-    public static let Label3FontSize = 12
+    public static let label3FontSize = 12
     /** This variable controls the label2 text style's font size parameter. Its value remains constant at 15. */
-    public static let Label2FontSize = 15
+    public static let label2FontSize = 15
     /** This token is used in the label1 text style font size parameter. Its value remains constant at 17 across device sizes. */
-    public static let Label1FontSize = 17
+    public static let label1FontSize = 17
     /** 10 - 10 - 15 - 17 Use this label font size when you want your label's font size to change across device sizes. */
-    public static let Label1FontSizeResponsive = 10
+    public static let label1FontSizeResponsive = 10
     /** This token is used in the font size parameter of the label4 text style. The value remains constant at 8. */
-    public static let Label4FontSize = 8
+    public static let label4FontSize = 8
 
     // MARK: - Semantic - Typography - FontSize - Callout
     /** This token is used for the font size parameter of the callout text style. 18 - 18 - 22 - 22 */
-    public static let Callout1FontSize = 18
+    public static let callout1FontSize = 18
 
     // MARK: - Semantic - Typography - FontSize - Footnote
     /** This token is used on the footnote text style font size parameter. 16 - 16 - 16 - 18 */
-    public static let Footnote1FontSize = 13
+    public static let footnote1FontSize = 13
     /** This token is used in the font size parameter of the footnote2 text style. 12 - 12 - 12 - 16 */
-    public static let Footnote2FontSize = 10
+    public static let footnote2FontSize = 10
 
     // MARK: - Semantic - Typography - FontSize - Kicker
     /** 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. */
-    public static let Kicker1FontSize = 20
+    public static let kicker1FontSize = 20
     /** 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 */
-    public static let Kicker2FontSize = 16
+    public static let kicker2FontSize = 16
     /** Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 16 - 16 - 18 - 20 */
-    public static let Kicker3FontSize = 16
+    public static let kicker3FontSize = 16
     /** Values come from comparing NMT Figma File 01_Foundation to online CSS. Online kickers are numbered from 0 to 3. 14 - 14 - 16 - 16 */
-    public static let Kicker4FontSize = 14
+    public static let kicker4FontSize = 14
 
     // MARK: - Semantic - Typography - FontSize - Subheadline
     /** This token controls the subheadline1 font size parameter. 24 - 24 - 32 - 36 */
-    public static let Subheadline1FontSize = 18
+    public static let subheadline1FontSize = 18
 
     // MARK: - Semantic - Typography - FontSize - Quote
     /** 16 - 16 - 18 - 20 -- This variable is used for controlling the font size of the quote text style. */
-    public static let QuoteFontSize = 16
+    public static let quoteFontSize = 16
 
     // MARK: - Semantic - Typography - FontFamily
     /** This variable references the bodyFontFamily variable from the branding collection. */
-    public static let BodyFontFamily = "Inter"
-    public static let CalloutFontFamily = "AntennaCond"
-    public static let HeadlineFontFamily = "AntennaExtraCond"
-    public static let FootnoteFontFamily = "Inter"
-    public static let LabelFontFamily = "AntennaExtraCond"
-    public static let KickerFontFamily = "AntennaExtraCond"
-    public static let SubheadlineFontFamily = "AntennaCond"
-    public static let TitleFontFamily = "AntennaCond"
-    public static let QuoteFontFamily = "AntennaCond"
-    public static let DisplayFontFamily = "AntennaCond"
+    public static let bodyFontFamily = "Inter"
+    public static let calloutFontFamily = "AntennaCond"
+    public static let headlineFontFamily = "AntennaExtraCond"
+    public static let footnoteFontFamily = "Inter"
+    public static let labelFontFamily = "AntennaExtraCond"
+    public static let kickerFontFamily = "AntennaExtraCond"
+    public static let subheadlineFontFamily = "AntennaCond"
+    public static let titleFontFamily = "AntennaCond"
+    public static let quoteFontFamily = "AntennaCond"
+    public static let displayFontFamily = "AntennaCond"
 
     // MARK: - Semantic - Typography - FontWeight - Callout
-    public static let CalloutFontWeight = 800
+    public static let calloutFontWeight = 800
 
     // MARK: - Semantic - Typography - FontWeight - Label
-    public static let LabelFontWeightBold = 700
-    public static let LabelFontWeightBook = 400
+    public static let labelFontWeightBold = 700
+    public static let labelFontWeightBook = 400
 
     // MARK: - Semantic - Typography - FontWeight - Body
-    public static let BodyFontWeightBook = 400
-    public static let BodyFontWeightBold = 700
+    public static let bodyFontWeightBook = 400
+    public static let bodyFontWeightBold = 700
 
     // MARK: - Semantic - Typography - FontWeight - Kicker
-    public static let KickerFontWeight = 700
-    public static let KickerFontWeightSt = "Black Italic"
+    public static let kickerFontWeight = 700
+    public static let kickerFontWeightSt = "Black Italic"
 
     // MARK: - Semantic - Typography - FontWeight - Subheadline
-    public static let SubheadlineFontWeight = 700
+    public static let subheadlineFontWeight = 700
 
     // MARK: - Semantic - Typography - FontWeight - Headline
-    public static let Headline1FontWeight = 700
-    public static let Headline2FontWeight = 700
-    public static let Headline3FontWeight = 700
-    public static let Headline4FontWeight = 700
+    public static let headline1FontWeight = 700
+    public static let headline2FontWeight = 700
+    public static let headline3FontWeight = 700
+    public static let headline4FontWeight = 700
     /** This variable is a string type variable for controlling not only headline font weight but also the italic style for Sport Bild headlines. */
-    public static let Headline1FontWeightSt = "Bold Italic"
+    public static let headline1FontWeightSt = "Bold Italic"
 
     // MARK: - Semantic - Typography - FontWeight - Title
-    public static let TitleFontWeight = 800
+    public static let titleFontWeight = 800
 
     // MARK: - Semantic - Typography - FontWeight - Display
-    public static let DisplayFontWeight = 800
+    public static let displayFontWeight = 800
 
     // MARK: - Semantic - Typography - FontWeight - Quote
-    public static let QuoteFontWeight = 800
+    public static let quoteFontWeight = 800
 
     // MARK: - Semantic - Typography - FontWeight - Footnote
-    public static let FootnoteFontWeightBook = 400
-    public static let FootnoteFontWeightBold = 700
+    public static let footnoteFontWeightBook = 400
+    public static let footnoteFontWeightBold = 700
 
     // MARK: - Semantic - Typography - LineHeight - Body
     /** Figma's font line height currently does not allow for multipliers as is used on current website css var(--body-line-height) */
-    public static let BodyLineHeight = 28.05
+    public static let bodyLineHeight = 28.05
 
     // MARK: - Semantic - Typography - LineHeight - Kicker
-    public static let Kicker4LineHeight = 15.4
-    public static let Kicker3LineHeight = 17.6
-    public static let Kicker2LineHeight = 17.6
-    public static let Kicker1LineHeight = 22
+    public static let kicker4LineHeight = 15.4
+    public static let kicker3LineHeight = 17.6
+    public static let kicker2LineHeight = 17.6
+    public static let kicker1LineHeight = 22
 
     // MARK: - Semantic - Typography - LineHeight - Label
-    public static let Label3LineHeight = 14.4
+    public static let label3LineHeight = 14.4
     /** This variable is used in the label1 text style's line height parameter. It references branding variables for brand specific line heights. */
-    public static let Label1LineHeight = 20.4
-    public static let Label1ResponsiveLineHeight = 12
-    public static let Label2LineHeight = 19.2
-    public static let Label4LineHeight = 10
+    public static let label1LineHeight = 20.4
+    public static let label1ResponsiveLineHeight = 12
+    public static let label2LineHeight = 19.2
+    public static let label4LineHeight = 10
 
     // MARK: - Semantic - Typography - LineHeight - Display
-    public static let Display1LineHeight = 40
-    public static let Display2LineHeight = 36
-    public static let Display3LineHeight = 28
+    public static let display1LineHeight = 40
+    public static let display2LineHeight = 36
+    public static let display3LineHeight = 28
 
     // MARK: - Semantic - Typography - LineHeight - Title
-    public static let Title1LineHeight = 26.4
+    public static let title1LineHeight = 26.4
     /** html class stage-block-title__text css var --ressort-header-font-size(sm-md-lg) */
-    public static let Title2LineHeight = 16.8
+    public static let title2LineHeight = 16.8
 
     // MARK: - Semantic - Typography - LineHeight - Quote
     /** This variable is used in the quote text style line height parameter. */
-    public static let QuoteLineHeight = 20.8
+    public static let quoteLineHeight = 20.8
 
     // MARK: - Semantic - Typography - LineHeight - Footnote
-    public static let Footnote1LineHeight = 17.03
-    public static let Footnote2LineHeight = 13
+    public static let footnote1LineHeight = 17.03
+    public static let footnote2LineHeight = 13
 
     // MARK: - Semantic - Typography - LineHeight - Headline
-    public static let Headline1LineHeight = 42
-    public static let Headline2LineHeight = 42
-    public static let Headline3LineHeight = 33
-    public static let Headline4LineHeight = 23.1
+    public static let headline1LineHeight = 42
+    public static let headline2LineHeight = 42
+    public static let headline3LineHeight = 33
+    public static let headline4LineHeight = 23.1
 
     // MARK: - Semantic - Typography - LineHeight - Callout
-    public static let CalloutLineHeight = 23.4
+    public static let calloutLineHeight = 23.4
 
     // MARK: - Semantic - Typography - LineHeight - Subheadline
-    public static let Subheadline1LineHeight = 23.4
+    public static let subheadline1LineHeight = 23.4
 
     // MARK: - Semantic - Typography - LetterSpacing
     /** 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. */
-    public static let LetterSpacingPositiveSm = 0.5
+    public static let letterSpacingPositiveSm = 0.5
     /** 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. */
-    public static let LetterSpacingPositiveLg = 2
+    public static let letterSpacingPositiveLg = 2
     /** 1 | 1 | 1 | 1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-    public static let LetterSpacingPositiveMd = 1
+    public static let letterSpacingPositiveMd = 1
     /** 0 | 0 | 0 | 0 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-    public static let LetterSpacingNone = 0
+    public static let letterSpacingNone = 0
     /** -0.5 | -0.5 | -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. */
-    public static let LetterSpacingNegativeSm = -0.5
+    public static let letterSpacingNegativeSm = -0.5
     /** -1 | -1 | -1 | -1 | This variable takes primitive letter spacing variables and creates this semantic variable for use on designs that change across device sizes. */
-    public static let LetterSpacingNegativeMd = -1
+    public static let letterSpacingNegativeMd = -1
     /** -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. */
-    public static let LetterSpacingNegativeLg = -2
+    public static let letterSpacingNegativeLg = -2
     /** -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. This letter spacing was only found in large titles on iOS mobile app large title component. */
-    public static let LetterSpacingNegativeXs = -0.25
+    public static let letterSpacingNegativeXs = -0.25
     /** 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. */
-    public static let LetterSpacingPositiveXs = 0.25
+    public static let letterSpacingPositiveXs = 0.25
 
     // MARK: - Semantic - Typography - LetterSpacing - display
     /** -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. */
-    public static let Display1LetterSpacing = -0.5
+    public static let display1LetterSpacing = -0.5
     /** -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. */
-    public static let Display2LetterSpacing = -0.5
+    public static let display2LetterSpacing = -0.5
     /** -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. */
-    public static let Display3LetterSpacing = -0.5
+    public static let display3LetterSpacing = -0.5
 
     // MARK: - Semantic - Border - BorderRadius
     /** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
-    public static let BorderRadiusXs = 2
+    public static let borderRadiusXs = 2
     /** 8-8-8-8 – Standard radius for buttons, chips, input fields, and medium-sized interactive elements. */
-    public static let BorderRadiusMd = 8
+    public static let borderRadiusMd = 8
     /** 4-4-4-4 – use for corner rounding on compact components like checkboxes or small input controls. */
-    public static let BorderRadiusSm = 4
+    public static let borderRadiusSm = 4
     /** 24-24-24-24 – use for corner rounding on larger cards, overlays, dialogs, and other container components. */
-    public static let BorderRadiusXl = 24
+    public static let borderRadiusXl = 24
     /** 16-16-16-16 – use for corner rounding on small cards, overlays, and modal surfaces. */
-    public static let BorderRadiusLg = 16
+    public static let borderRadiusLg = 16
     /** 0-0-0-0 – no corner rounding. Used as default for flat layouts, content modules, images, and teaser elements. */
-    public static let BorderRadiusNone = 0
+    public static let borderRadiusNone = 0
     /** creates fully rounded shapes, typically used for circular elements like avatars. */
-    public static let BorderRadiusFull = 9999
+    public static let borderRadiusFull = 9999
 
     // MARK: - Semantic - Border - BorderWidth
     /** 1-1-1-1 – use for subtle outlines and dividers */
-    public static let BorderWidthThin = 1
+    public static let borderWidthThin = 1
     /** 2-2-2-2 – use for stronger outlines on form elements (inputs), buttons (outline variants), and interaction states (focus, hover, active) */
-    public static let BorderWidthThick = 2
+    public static let borderWidthThick = 2
     /** 0.33 -0.33 -0.33 -0.33 – primarily used in mobile app interfaces. Optimized for high-density displays to create subtle dividers and outlines without visual overload. */
-    public static let BorderWidthHairline = 0.33
+    public static let borderWidthHairline = 0.33
 
     // MARK: - Semantic - Visibility - Boolean
     /** Use for showing elements on mobile viewport sizes only */
-    public static let VisilbleMobileOnly = true
+    public static let visilbleMobileOnly = true
     /** Use for showing elements on desktop viewport sizes only */
-    public static let VisilbleDesktopOnly = false
+    public static let visilbleDesktopOnly = false
     /** Use for showing elements on viewport sizes above 600 px */
-    public static let VisilbleAbove600px = false
+    public static let visilbleAbove600px = false
     /** Use for showing elements on viewport sizes below 600 px */
-    public static let VisilbleBelow600px = true
+    public static let visilbleBelow600px = true
     /** Use for hiding elements on mobile viewport sizes */
-    public static let HideOnMobile = false
+    public static let hideOnMobile = false
     /** Use for showing elements on tablet viewport sizes only */
-    public static let VisilbleTabletOnly = false
+    public static let visilbleTabletOnly = false
     /** Use for hiding elements on desktop viewport sizes only */
-    public static let HideOnDesktop = true
+    public static let hideOnDesktop = true
 
     // MARK: - Semantic - Visibility - VariantSwitch
-    public static let ChangeOnLg = "xs/sm/md"
+    public static let changeOnLg = "xs/sm/md"
     /** This variable is used for controlling size changes across device sizes on some components such as the vertical newsticker cards and the search results cards. Both have cards that change layouts at different breakpoints. */
-    public static let ChangeOnMd = "xs/sm"
-    public static let BpSpecificWeb = "xs/sm"
-    public static let BpSpecificApp = "compact"
+    public static let changeOnMd = "xs/sm"
+    public static let bpSpecificWeb = "xs/sm"
+    public static let bpSpecificApp = "compact"
 
     // MARK: - Semantic - Space - Inline - Responsive
     /** 8-8-12-16 – use for horizontal (left/right) padding of UI elements that scales across breakpoints */
-    public static let InlineSpaceRespSm = 8
+    public static let inlineSpaceRespSm = 8
     /** 12-12-16-24 use for horizontal (left/right) padding of UI elements that scales across breakpoints */
-    public static let InlineSpaceRespMd = 12
+    public static let inlineSpaceRespMd = 12
     /** 16-16-24-32 – use for horizontal (left/right) padding of UI elements that scales across breakpoints */
-    public static let InlineSpaceRespLg = 16
+    public static let inlineSpaceRespLg = 16
     /** 32-32-48-64 – use for horizontal (left/right) padding of UI elements that scales across breakpoints */
-    public static let InlineSpaceResp2Xl = 32
+    public static let inlineSpaceResp2Xl = 32
     /** 24-24-32-40 – use for horizontal (left/right) padding of UI elements that scales across breakpoints */
-    public static let InlineSpaceRespXl = 24
+    public static let inlineSpaceRespXl = 24
 
     // MARK: - Semantic - Space - Inline - Constant
     /** 8-8-8-8 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConstSm = 8
+    public static let inlineSpaceConstSm = 8
     /** 12-12-12-12 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConstMd = 12
+    public static let inlineSpaceConstMd = 12
     /** 16-16-16-16 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConstLg = 16
+    public static let inlineSpaceConstLg = 16
     /** 32-32-32-32 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConst2Xl = 32
+    public static let inlineSpaceConst2Xl = 32
     /** 24-24-24-24 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConstXl = 24
+    public static let inlineSpaceConstXl = 24
     /** 6-6-6-6 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConstXs = 6
+    public static let inlineSpaceConstXs = 6
     /** 2-2-2-2 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConst3Xs = 2
+    public static let inlineSpaceConst3Xs = 2
     /** 4-4-4-4 – Use for fixed horizontal (left/right) padding of UI elements */
-    public static let InlineSpaceConst2Xs = 4
+    public static let inlineSpaceConst2Xs = 4
 
     // MARK: - Semantic - Space - Stack - Responsive
     /** 12-12-16-24 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints */
-    public static let StackSpaceRespMd = 12
+    public static let stackSpaceRespMd = 12
     /** 16-16-24-32 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints */
-    public static let StackSpaceRespLg = 16
+    public static let stackSpaceRespLg = 16
     /** 32-32-48-64 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints */
-    public static let StackSpaceResp2Xl = 32
+    public static let stackSpaceResp2Xl = 32
     /** 8-8-12-16 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints */
-    public static let StackSpaceRespSm = 8
+    public static let stackSpaceRespSm = 8
     /** 24-24-32-40 – use for vertical (top/bottom) padding of UI elements that scales across breakpoints */
-    public static let StackSpaceRespXl = 24
+    public static let stackSpaceRespXl = 24
 
     // MARK: - Semantic - Space - Stack - Constant
     /** 8-8-8-8 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConstSm = 8
+    public static let stackSpaceConstSm = 8
     /** 12-12-12-12 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConstMd = 12
+    public static let stackSpaceConstMd = 12
     /** 16-16-16-16 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConstLg = 16
+    public static let stackSpaceConstLg = 16
     /** 32-32-32-32 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConst2Xl = 32
+    public static let stackSpaceConst2Xl = 32
     /** 24-24-24-24 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConstXl = 24
+    public static let stackSpaceConstXl = 24
     /** 6-6-6-6 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConstXs = 6
+    public static let stackSpaceConstXs = 6
     /** 2-2-2-2 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConst3Xs = 2
+    public static let stackSpaceConst3Xs = 2
     /** 4-4-4-4 – Use for fixed vertical (top/bottom) padding of UI elements */
-    public static let StackSpaceConst2Xs = 4
+    public static let stackSpaceConst2Xs = 4
 
     // MARK: - Semantic - Space - Gap - Responsive
     /** 4-4-6-8 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceRespXs = 4
+    public static let gapSpaceRespXs = 4
     /** 16-16-24-32 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceRespLg = 16
+    public static let gapSpaceRespLg = 16
     /** 24-24-32-48 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceRespXl = 24
+    public static let gapSpaceRespXl = 24
     /** 32-32-48-64 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceResp2Xl = 32
+    public static let gapSpaceResp2Xl = 32
     /** 12-12-16-24 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceRespMd = 12
+    public static let gapSpaceRespMd = 12
     /** 8-8-12-16 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceRespSm = 8
+    public static let gapSpaceRespSm = 8
     /** 2-2-4-6 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceResp2Xs = 2
+    public static let gapSpaceResp2Xs = 2
     /** 48-48-72-96 – Use for gaps between items inside of UI elements that scale across breakpoints */
-    public static let GapSpaceResp3Xl = 48
+    public static let gapSpaceResp3Xl = 48
 
     // MARK: - Semantic - Space - Gap - Constant
     /** 2-2-2-2 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConst2Xs = 2
+    public static let gapSpaceConst2Xs = 2
     /** 4-4-4-4 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConstXs = 4
+    public static let gapSpaceConstXs = 4
     /** 8-8-8-8 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConstSm = 8
+    public static let gapSpaceConstSm = 8
     /** 12-12-12-12 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConstMd = 12
+    public static let gapSpaceConstMd = 12
     /** 16-16-16-16 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConstLg = 16
+    public static let gapSpaceConstLg = 16
     /** 24-24-24-24 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConstXl = 24
+    public static let gapSpaceConstXl = 24
     /** 32-32-32-32 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConst2Xl = 32
+    public static let gapSpaceConst2Xl = 32
     /** 48-48-48-48 – Use for fixed gaps between items inside of UI elements */
-    public static let GapSpaceConst3Xl = 48
+    public static let gapSpaceConst3Xl = 48
 
     // MARK: - Semantic - Size - Constant
     /** 16-16-16-16 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst3Xs = 16
+    public static let sizeConst3Xs = 16
     /** 24-24-24-24 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst2Xs = 24
+    public static let sizeConst2Xs = 24
     /** 32-32-32-32 – Use for setting fixed height and width of UI elements */
-    public static let SizeConstXs = 32
+    public static let sizeConstXs = 32
     /** 40-40-40-40 – Use for setting fixed height and width of UI elements */
-    public static let SizeConstSm = 40
+    public static let sizeConstSm = 40
     /** 48-48-48-48 Use for setting fixed height and width of UI elements */
-    public static let SizeConstMd = 48
+    public static let sizeConstMd = 48
     /** 56-56-56-56 – Use for setting fixed height and width of UI elements */
-    public static let SizeConstLg = 56
+    public static let sizeConstLg = 56
     /** 64-64-64-64 – Use for setting fixed height and width of UI elements */
-    public static let SizeConstXl = 64
+    public static let sizeConstXl = 64
     /** 96-96-96-96 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst3Xl = 96
+    public static let sizeConst3Xl = 96
     /** 148-148-148-148 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst4Xl = 148
+    public static let sizeConst4Xl = 148
     /** 72-72-72-72 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst2Xl = 72
+    public static let sizeConst2Xl = 72
     /** 8-8-8-8 – Use for setting fixed height and width of UI elements */
-    public static let SizeConst4Xs = 8
+    public static let sizeConst4Xs = 8
 
     // MARK: - Semantic - Size - Responsive
     /** 16-16-16-24 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp3Xs = 16
+    public static let sizeResp3Xs = 16
     /** 24-24-32-32 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp2Xs = 24
+    public static let sizeResp2Xs = 24
     /** 32-32-40-48 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeRespXs = 32
+    public static let sizeRespXs = 32
     /** 40-40-48-56 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeRespSm = 40
+    public static let sizeRespSm = 40
     /** 48-48-64-72 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeRespMd = 48
+    public static let sizeRespMd = 48
     /** 56-56-72-92 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeRespLg = 56
+    public static let sizeRespLg = 56
     /** 64-64-80-96 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeRespXl = 64
+    public static let sizeRespXl = 64
     /** 72-72-92-100 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp2Xl = 72
+    public static let sizeResp2Xl = 72
     /** 96-96-120-148 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp3Xl = 96
+    public static let sizeResp3Xl = 96
     /** 148-148-160-180 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp4Xl = 148
+    public static let sizeResp4Xl = 148
     /** 12-12-14-16 – Use for setting height and width of UI elements that scale across breakpoints */
-    public static let SizeResp4Xs = 12
+    public static let sizeResp4Xs = 12
 
 
     // MARK: - ============================================
     // MARK: - OTHER
     // MARK: - ============================================
 
-    public static let BreakpointName = "xs"
+    public static let breakpointName = "xs"
 
 }