@marioschmidt/design-system-tokens 1.0.20 → 1.0.21
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.
- package/dist/css/brands/advertorial/density/density-compact.css +31 -6
- package/dist/css/brands/advertorial/density/density-default.css +31 -6
- package/dist/css/brands/advertorial/density/density-spacious.css +31 -6
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/bild/density/density-compact.css +31 -6
- package/dist/css/brands/bild/density/density-default.css +31 -6
- package/dist/css/brands/bild/density/density-spacious.css +31 -6
- package/dist/css/brands/bild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/bild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/sportbild/density/density-compact.css +31 -6
- package/dist/css/brands/sportbild/density/density-default.css +31 -6
- package/dist/css/brands/sportbild/density/density-spacious.css +31 -6
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/shared/colorprimitive.css +160 -48
- package/dist/css/shared/fontprimitive.css +99 -33
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +8 -1
- package/dist/flutter/brands/advertorial/density/density-compact.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-default.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/bild/density/density-default.dart +5 -0
- package/dist/flutter/brands/bild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/brands/sportbild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-default.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/shared/colorprimitive.dart +20 -1
- package/dist/flutter/shared/fontprimitive.dart +20 -3
- package/dist/flutter/shared/sizeprimitive.dart +5 -0
- package/dist/flutter/shared/spaceprimitive.dart +5 -0
- package/dist/ios/brands/advertorial/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/bild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/bild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/brands/sportbild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/shared/Colorprimitive.swift +20 -1
- package/dist/ios/shared/Fontprimitive.swift +20 -3
- package/dist/ios/shared/Sizeprimitive.swift +5 -0
- package/dist/ios/shared/Spaceprimitive.swift +5 -0
- package/dist/js/brands/advertorial/density/density-compact.js +16 -1
- package/dist/js/brands/advertorial/density/density-default.js +16 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +16 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/bild/density/density-compact.js +16 -1
- package/dist/js/brands/bild/density/density-default.js +16 -1
- package/dist/js/brands/bild/density/density-spacious.js +16 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/bild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/sportbild/density/density-compact.js +16 -1
- package/dist/js/brands/sportbild/density/density-default.js +16 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +16 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/shared/colorprimitive.js +125 -45
- package/dist/js/shared/fontprimitive.js +76 -34
- package/dist/js/shared/sizeprimitive.js +8 -1
- package/dist/js/shared/spaceprimitive.js +8 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-default.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-spacious.scss +22 -6
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/bild/density/density-compact.scss +22 -6
- package/dist/scss/brands/bild/density/density-default.scss +22 -6
- package/dist/scss/brands/bild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/sportbild/density/density-compact.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-default.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/shared/colorprimitive.scss +129 -48
- package/dist/scss/shared/fontprimitive.scss +76 -33
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +9 -1
- package/package.json +1 -1
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointMd600px {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Gotham XNarrow"
|
|
@@ -444,6 +447,18 @@ public class BreakpointMd600px {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "160px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "md"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "md/lg"
|
|
891
906
|
public static let BpSpecificWeb = "md"
|
|
892
907
|
public static let BpSpecificApp = "regular"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointSm390pxCompact {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Gotham XNarrow"
|
|
@@ -444,6 +447,18 @@ public class BreakpointSm390pxCompact {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "144px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "sm"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "xs/sm"
|
|
891
906
|
public static let BpSpecificWeb = "xs/sm"
|
|
892
907
|
public static let BpSpecificApp = "compact"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointXs320px {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Gotham XNarrow"
|
|
@@ -444,6 +447,18 @@ public class BreakpointXs320px {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "144px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "xs"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "xs/sm"
|
|
891
906
|
public static let BpSpecificWeb = "xs/sm"
|
|
892
907
|
public static let BpSpecificApp = "compact"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class ColormodeDark {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Alert
|
|
13
17
|
/** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
|
|
14
18
|
public static let AlertSurfaceColor = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
|
|
@@ -223,6 +227,11 @@ public class ColormodeDark {
|
|
|
223
227
|
public static let DsDocSpacingItemBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.200)
|
|
224
228
|
public static let DsDocSpacingItemBorderColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.800)
|
|
225
229
|
|
|
230
|
+
|
|
231
|
+
// MARK: - ============================================
|
|
232
|
+
// MARK: - SEMANTIC
|
|
233
|
+
// MARK: - ============================================
|
|
234
|
+
|
|
226
235
|
// MARK: - Semantic - Attention
|
|
227
236
|
/** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
|
|
228
237
|
public static let AttentionColorHigh = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
|
|
@@ -464,4 +473,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
|
|
|
464
473
|
/** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
|
|
465
474
|
Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
|
|
466
475
|
public static let TextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
476
|
+
|
|
467
477
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class ColormodeLight {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Alert
|
|
13
17
|
/** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
|
|
14
18
|
public static let AlertSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
@@ -223,6 +227,11 @@ public class ColormodeLight {
|
|
|
223
227
|
public static let DsDocSpacingItemBgColor = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 0.100)
|
|
224
228
|
public static let DsDocSpacingItemBorderColor = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 0.500)
|
|
225
229
|
|
|
230
|
+
|
|
231
|
+
// MARK: - ============================================
|
|
232
|
+
// MARK: - SEMANTIC
|
|
233
|
+
// MARK: - ============================================
|
|
234
|
+
|
|
226
235
|
// MARK: - Semantic - Attention
|
|
227
236
|
/** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
|
|
228
237
|
public static let AttentionColorHigh = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
|
|
@@ -464,4 +473,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
|
|
|
464
473
|
/** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
|
|
465
474
|
Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
|
|
466
475
|
public static let TextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
476
|
+
|
|
467
477
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class DensityCompact {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Button
|
|
13
17
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
|
|
14
18
|
public static let ButtonContentGapSpace = "6px"
|
|
@@ -25,4 +29,5 @@ public class DensityCompact {
|
|
|
25
29
|
public static let InputFieldHeightSize = "36px"
|
|
26
30
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
|
|
27
31
|
public static let InputFieldLabelFontSize = "16px"
|
|
32
|
+
|
|
28
33
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class DensityDefault {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Button
|
|
13
17
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
|
|
14
18
|
public static let ButtonContentGapSpace = "8px"
|
|
@@ -25,4 +29,5 @@ public class DensityDefault {
|
|
|
25
29
|
public static let InputFieldHeightSize = "40px"
|
|
26
30
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
|
|
27
31
|
public static let InputFieldLabelFontSize = "17px"
|
|
32
|
+
|
|
28
33
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class DensitySpacious {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Button
|
|
13
17
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes. */
|
|
14
18
|
public static let ButtonContentGapSpace = "8px"
|
|
@@ -25,4 +29,5 @@ public class DensitySpacious {
|
|
|
25
29
|
public static let InputFieldHeightSize = "48px"
|
|
26
30
|
/** This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19 */
|
|
27
31
|
public static let InputFieldLabelFontSize = "19px"
|
|
32
|
+
|
|
28
33
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Brandcolormapping {
|
|
12
|
-
// MARK: -
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
public static let ChipColorActive = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
|
|
14
17
|
|
|
15
18
|
// MARK: - Component - Avatar
|
|
@@ -85,6 +88,11 @@ public class Brandcolormapping {
|
|
|
85
88
|
public static let TeaserTitleBackgroundGradientStart = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.700)
|
|
86
89
|
public static let TeaserTitleBackgroundGradientStop = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.000)
|
|
87
90
|
|
|
91
|
+
|
|
92
|
+
// MARK: - ============================================
|
|
93
|
+
// MARK: - GLOBAL
|
|
94
|
+
// MARK: - ============================================
|
|
95
|
+
|
|
88
96
|
// MARK: - Global - Attention
|
|
89
97
|
/** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
|
|
90
98
|
public static let AccentColorPrimary = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
|
|
@@ -150,4 +158,5 @@ public class Brandcolormapping {
|
|
|
150
158
|
public static let KickerBgColorOnSurface = UIColor(red: 0.090, green: 0.267, blue: 0.510, alpha: 1.000)
|
|
151
159
|
/** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
|
|
152
160
|
public static let KickerBgColorOnSurfaceDark = UIColor(red: 0.549, green: 0.569, blue: 0.588, alpha: 1.000)
|
|
161
|
+
|
|
153
162
|
}
|
|
@@ -9,8 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Brandtokenmapping {
|
|
12
|
-
|
|
13
|
-
// MARK: -
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
14
16
|
public static let ButtonLabelFontWeightSt = "Bold Italic"
|
|
15
17
|
|
|
16
18
|
// MARK: - Component - Accordion
|
|
@@ -154,6 +156,11 @@ public class Brandtokenmapping {
|
|
|
154
156
|
// MARK: - Component - Teaser - superA
|
|
155
157
|
public static let SuperAteaserTitleInlineSpace = "24px"
|
|
156
158
|
|
|
159
|
+
|
|
160
|
+
// MARK: - ============================================
|
|
161
|
+
// MARK: - GLOBAL
|
|
162
|
+
// MARK: - ============================================
|
|
163
|
+
|
|
157
164
|
// MARK: - Global - Typography - FontFamily
|
|
158
165
|
/** Bild: GothamXNarrow | SpoBi: AntennaExtraCond | Ads: LucidaGrande | This variable is used in the kickers text styles font family parameter. */
|
|
159
166
|
public static let KickerFontFamily = "AntennaExtraCond"
|
|
@@ -509,4 +516,12 @@ public class Brandtokenmapping {
|
|
|
509
516
|
public static let HideOnAdvertorial = true
|
|
510
517
|
public static let OnlyBild = false
|
|
511
518
|
public static let OnlySportBild = true
|
|
519
|
+
|
|
520
|
+
|
|
521
|
+
// MARK: - ============================================
|
|
522
|
+
// MARK: - OTHER
|
|
523
|
+
// MARK: - ============================================
|
|
524
|
+
|
|
525
|
+
public static let BrandName = "SportBILD"
|
|
526
|
+
|
|
512
527
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointLg1024pxRegular {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Inter"
|
|
@@ -444,6 +447,18 @@ public class BreakpointLg1024pxRegular {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "180px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "lg"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "md/lg"
|
|
891
906
|
public static let BpSpecificWeb = "lg"
|
|
892
907
|
public static let BpSpecificApp = "regular"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointMd600px {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Inter"
|
|
@@ -444,6 +447,18 @@ public class BreakpointMd600px {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "160px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "md"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "md/lg"
|
|
891
906
|
public static let BpSpecificWeb = "md"
|
|
892
907
|
public static let BpSpecificApp = "regular"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointSm390pxCompact {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Inter"
|
|
@@ -444,6 +447,18 @@ public class BreakpointSm390pxCompact {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "144px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "sm"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "xs/sm"
|
|
891
906
|
public static let BpSpecificWeb = "xs/sm"
|
|
892
907
|
public static let BpSpecificApp = "compact"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class BreakpointXs320px {
|
|
12
|
-
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
13
16
|
// MARK: - Component - Accordion
|
|
14
17
|
/** This variable exists specifically for changing the accordion font family across brands. It is subject to review. Bild: GothamXNarrow, SpoBi: Inter, Ads: LucindaGrande */
|
|
15
18
|
public static let AccordionLabelFontFamily = "Inter"
|
|
@@ -444,6 +447,18 @@ public class BreakpointXs320px {
|
|
|
444
447
|
/** This variable is used on documentation headers that contain info about platfroms and component names. 144 - 144 - 160 - 180 */
|
|
445
448
|
public static let DocHeaderHeightSize = "144px"
|
|
446
449
|
|
|
450
|
+
|
|
451
|
+
// MARK: - ============================================
|
|
452
|
+
// MARK: - OTHER
|
|
453
|
+
// MARK: - ============================================
|
|
454
|
+
|
|
455
|
+
public static let BreakpointName = "xs"
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
// MARK: - ============================================
|
|
459
|
+
// MARK: - SEMANTIC
|
|
460
|
+
// MARK: - ============================================
|
|
461
|
+
|
|
447
462
|
// MARK: - Semantic - Border - BorderRadius
|
|
448
463
|
/** 2-2-2-2 use for corner rounding on very small UI elements such as tooltips and badges. */
|
|
449
464
|
public static let BorderRadiusXs = "2px"
|
|
@@ -890,4 +905,5 @@ Apply this token to the main frame of page layouts to simulate realistic maximum
|
|
|
890
905
|
public static let ChangeOnMd = "xs/sm"
|
|
891
906
|
public static let BpSpecificWeb = "xs/sm"
|
|
892
907
|
public static let BpSpecificApp = "compact"
|
|
908
|
+
|
|
893
909
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class ColormodeDark {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Alert
|
|
13
17
|
/** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
|
|
14
18
|
public static let AlertSurfaceColor = UIColor(red: 0.204, green: 0.235, blue: 0.255, alpha: 1.000)
|
|
@@ -223,6 +227,11 @@ public class ColormodeDark {
|
|
|
223
227
|
public static let DsDocSpacingItemBgColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.200)
|
|
224
228
|
public static let DsDocSpacingItemBorderColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.800)
|
|
225
229
|
|
|
230
|
+
|
|
231
|
+
// MARK: - ============================================
|
|
232
|
+
// MARK: - SEMANTIC
|
|
233
|
+
// MARK: - ============================================
|
|
234
|
+
|
|
226
235
|
// MARK: - Semantic - Attention
|
|
227
236
|
/** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
|
|
228
237
|
public static let AttentionColorHigh = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
|
|
@@ -464,4 +473,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
|
|
|
464
473
|
/** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
|
|
465
474
|
Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
|
|
466
475
|
public static let TextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
476
|
+
|
|
467
477
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class ColormodeLight {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - COMPONENT
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - Component - Alert
|
|
13
17
|
/** On marketing offer surfaces this variable is usually not used. The alertSurfaceConstant variables should be used. This token changes color between light and dark modes. L:100 / D:025 */
|
|
14
18
|
public static let AlertSurfaceColor = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
@@ -223,6 +227,11 @@ public class ColormodeLight {
|
|
|
223
227
|
public static let DsDocSpacingItemBgColor = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 0.100)
|
|
224
228
|
public static let DsDocSpacingItemBorderColor = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 0.500)
|
|
225
229
|
|
|
230
|
+
|
|
231
|
+
// MARK: - ============================================
|
|
232
|
+
// MARK: - SEMANTIC
|
|
233
|
+
// MARK: - ============================================
|
|
234
|
+
|
|
226
235
|
// MARK: - Semantic - Attention
|
|
227
236
|
/** High-level attention color used for errors, destructive actions, and critical alerts (e.g., delete actions, error states). Remains red in both Light and Dark mode for immediate recognition. */
|
|
228
237
|
public static let AttentionColorHigh = UIColor(red: 0.867, green: 0.000, blue: 0.000, alpha: 1.000)
|
|
@@ -464,4 +473,5 @@ Behavior: Constant — same orange tone across Light and Dark mode. */
|
|
|
464
473
|
/** Used for text displayed on dark surfaces to ensure maximum legibility and contrast.
|
|
465
474
|
Behavior: Constant — always light neutral to guarantee accessibility on dark backgrounds. */
|
|
466
475
|
public static let TextColorOnDarkSurface = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1.000)
|
|
476
|
+
|
|
467
477
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Colorprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - BILD
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - BILD - alpha
|
|
13
17
|
public static let AlphaBlack20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.200)
|
|
14
18
|
public static let AlphaBlack10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.100)
|
|
@@ -87,7 +91,11 @@ public class Colorprimitive {
|
|
|
87
91
|
/** Tone: 081 */
|
|
88
92
|
public static let Bildyellow = UIColor(red: 1.000, green: 0.749, blue: 0.000, alpha: 1.000)
|
|
89
93
|
|
|
90
|
-
|
|
94
|
+
|
|
95
|
+
// MARK: - ============================================
|
|
96
|
+
// MARK: - OPACITY
|
|
97
|
+
// MARK: - ============================================
|
|
98
|
+
|
|
91
99
|
public static let Opacity05 = "5px"
|
|
92
100
|
public static let Opacity10 = "10px"
|
|
93
101
|
public static let Opacity20 = "20px"
|
|
@@ -101,6 +109,11 @@ public class Colorprimitive {
|
|
|
101
109
|
public static let Opacity00 = "0px"
|
|
102
110
|
public static let Opacity70 = "70px"
|
|
103
111
|
|
|
112
|
+
|
|
113
|
+
// MARK: - ============================================
|
|
114
|
+
// MARK: - PARTNER
|
|
115
|
+
// MARK: - ============================================
|
|
116
|
+
|
|
104
117
|
// MARK: - Partner - Aubi
|
|
105
118
|
public static let AubiCore = UIColor(red: 0.941, green: 0.000, blue: 0.000, alpha: 1.000)
|
|
106
119
|
|
|
@@ -128,6 +141,11 @@ public class Colorprimitive {
|
|
|
128
141
|
// MARK: - Partner - Travelbook
|
|
129
142
|
public static let TravelbookCore = UIColor(red: 0.557, green: 0.941, blue: 0.929, alpha: 1.000)
|
|
130
143
|
|
|
144
|
+
|
|
145
|
+
// MARK: - ============================================
|
|
146
|
+
// MARK: - SPORTBILD
|
|
147
|
+
// MARK: - ============================================
|
|
148
|
+
|
|
131
149
|
// MARK: - SportBILD - alpha
|
|
132
150
|
public static let SpobiBlue0160 = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.000)
|
|
133
151
|
public static let SpobiBlue01670 = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.700)
|
|
@@ -144,4 +162,5 @@ public class Colorprimitive {
|
|
|
144
162
|
|
|
145
163
|
// MARK: - SportBILD - red
|
|
146
164
|
public static let SpobiRed = UIColor(red: 0.898, green: 0.145, blue: 0.157, alpha: 1.000)
|
|
165
|
+
|
|
147
166
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Fontprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - FONTFAMILY
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - FontFamily - Advertorial
|
|
13
17
|
public static let FontFamilyLucidaGrande = "Lucida Grande"
|
|
14
18
|
|
|
@@ -22,7 +26,11 @@ public class Fontprimitive {
|
|
|
22
26
|
public static let FontFamilyAntennaCond = "AntennaCond"
|
|
23
27
|
public static let FontFamilyInter = "Inter"
|
|
24
28
|
|
|
25
|
-
|
|
29
|
+
|
|
30
|
+
// MARK: - ============================================
|
|
31
|
+
// MARK: - FONTWEIGHT
|
|
32
|
+
// MARK: - ============================================
|
|
33
|
+
|
|
26
34
|
/** 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold. */
|
|
27
35
|
public static let FontWeight700BlackFontWeight = 700
|
|
28
36
|
public static let FontWeight900ExtraBlackFontWeight = 900
|
|
@@ -38,7 +46,11 @@ public class Fontprimitive {
|
|
|
38
46
|
public static let BoldItalicFontWeightSt = "Bold Italic"
|
|
39
47
|
public static let BlackFontWeightSt = "Black"
|
|
40
48
|
|
|
41
|
-
|
|
49
|
+
|
|
50
|
+
// MARK: - ============================================
|
|
51
|
+
// MARK: - FONTWEIGHTSTRING
|
|
52
|
+
// MARK: - ============================================
|
|
53
|
+
|
|
42
54
|
public static let FontWeightString1000UltraFontWeight = "1000"
|
|
43
55
|
public static let FontWeightString900ExtraBlackFontWeight = "900"
|
|
44
56
|
public static let FontWeightString800BlackFontWeight = "800"
|
|
@@ -52,7 +64,11 @@ public class Fontprimitive {
|
|
|
52
64
|
public static let _600BoldItalicFontWeight = "Bold Italic"
|
|
53
65
|
public static let _700BlackItalicFontWeight = "Black Italic"
|
|
54
66
|
|
|
55
|
-
|
|
67
|
+
|
|
68
|
+
// MARK: - ============================================
|
|
69
|
+
// MARK: - LETTERSPACING
|
|
70
|
+
// MARK: - ============================================
|
|
71
|
+
|
|
56
72
|
/** This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25. */
|
|
57
73
|
public static let LetterSpacingLetterSpace025 = "-0.25px"
|
|
58
74
|
/** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
|
|
@@ -75,4 +91,5 @@ public class Fontprimitive {
|
|
|
75
91
|
public static let LetterSpacingLetterSpace3 = "3px"
|
|
76
92
|
/** This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes. */
|
|
77
93
|
public static let LetterSpacingLetterSpace3 = "-3px"
|
|
94
|
+
|
|
78
95
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Sizeprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - OTHER
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
public static let Size6x = "48px"
|
|
13
17
|
public static let Size3x = "24px"
|
|
14
18
|
public static let Size1x = "8px"
|
|
@@ -58,4 +62,5 @@ public class Sizeprimitive {
|
|
|
58
62
|
public static let Size100x = "800px"
|
|
59
63
|
public static let Size0x = "0px"
|
|
60
64
|
public static let Size0125x = "1px"
|
|
65
|
+
|
|
61
66
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Spaceprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - OTHER
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
public static let Space1x = "8px"
|
|
13
17
|
public static let Space05x = "4px"
|
|
14
18
|
public static let Space025x = "2px"
|
|
@@ -34,4 +38,5 @@ public class Spaceprimitive {
|
|
|
34
38
|
public static let Space175x = "14px"
|
|
35
39
|
public static let Space85x = "68px"
|
|
36
40
|
public static let Space35x = "28px"
|
|
41
|
+
|
|
37
42
|
}
|