@marioschmidt/design-system-tokens 1.0.20 → 1.0.22
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/android/res/values/shared/colorprimitive.xml +5 -5
- package/dist/android/res/values/shared/spaceprimitive.xml +1 -1
- 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 +162 -50
- package/dist/css/shared/fontprimitive.css +99 -33
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +9 -2
- 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 +25 -6
- package/dist/flutter/shared/fontprimitive.dart +20 -3
- package/dist/flutter/shared/sizeprimitive.dart +5 -0
- package/dist/flutter/shared/spaceprimitive.dart +6 -1
- 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 +25 -6
- package/dist/ios/shared/Fontprimitive.swift +20 -3
- package/dist/ios/shared/Sizeprimitive.swift +5 -0
- package/dist/ios/shared/Spaceprimitive.swift +6 -1
- 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 +126 -46
- package/dist/js/shared/fontprimitive.js +76 -34
- package/dist/js/shared/sizeprimitive.js +8 -1
- package/dist/js/shared/spaceprimitive.js +9 -2
- package/dist/json/shared/colorprimitive.json +15 -15
- package/dist/json/shared/spaceprimitive.json +3 -3
- 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 +131 -50
- package/dist/scss/shared/fontprimitive.scss +76 -33
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +10 -2
- package/package.json +1 -1
|
@@ -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 = "Gotham XNarrow"
|
|
@@ -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 = "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)
|
|
@@ -49,7 +53,7 @@ public class Colorprimitive {
|
|
|
49
53
|
public static let Bild096 = UIColor(red: 0.949, green: 0.957, blue: 0.961, alpha: 1.000)
|
|
50
54
|
public static let Bild093 = UIColor(red: 0.914, green: 0.925, blue: 0.937, alpha: 1.000)
|
|
51
55
|
/** The 50% opacity on this color makes it equivalent to BILD093. */
|
|
52
|
-
public static let
|
|
56
|
+
public static let Bild085Alpha50 = UIColor(red: 0.808, green: 0.831, blue: 0.855, alpha: 0.500)
|
|
53
57
|
public static let Bild073 = UIColor(red: 0.682, green: 0.706, blue: 0.725, alpha: 1.000)
|
|
54
58
|
public static let Bild045 = UIColor(red: 0.400, green: 0.420, blue: 0.439, alpha: 1.000)
|
|
55
59
|
public static let Bild010 = UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1.000)
|
|
@@ -59,8 +63,8 @@ public class Colorprimitive {
|
|
|
59
63
|
public static let Bildgreen070 = UIColor(red: 0.000, green: 0.765, blue: 0.451, alpha: 1.000)
|
|
60
64
|
public static let Bildgreen063 = UIColor(red: 0.000, green: 0.686, blue: 0.404, alpha: 1.000)
|
|
61
65
|
public static let Bildgreen093 = UIColor(red: 0.808, green: 0.957, blue: 0.894, alpha: 1.000)
|
|
62
|
-
public static let
|
|
63
|
-
public static let
|
|
66
|
+
public static let Bildgreen093Alpha50 = UIColor(red: 0.808, green: 0.957, blue: 0.894, alpha: 0.500)
|
|
67
|
+
public static let Bildgreen056Alpha50 = UIColor(red: 0.000, green: 0.608, blue: 0.353, alpha: 0.500)
|
|
64
68
|
/** This value of green was found in a text field's text color. */
|
|
65
69
|
public static let Bildgreen040 = UIColor(red: 0.000, green: 0.431, blue: 0.243, alpha: 1.000)
|
|
66
70
|
public static let Bildgreen056 = UIColor(red: 0.094, green: 0.600, blue: 0.361, alpha: 1.000)
|
|
@@ -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,9 +141,14 @@ 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
|
-
public static let
|
|
133
|
-
public static let
|
|
150
|
+
public static let SpobiBlue016Alpha0 = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.000)
|
|
151
|
+
public static let SpobiBlue016Alpha70 = UIColor(red: 0.039, green: 0.153, blue: 0.314, alpha: 0.700)
|
|
134
152
|
|
|
135
153
|
// MARK: - SportBILD - blue
|
|
136
154
|
public static let SpobiBlue098 = UIColor(red: 0.969, green: 0.976, blue: 0.992, alpha: 1.000)
|
|
@@ -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
|
}
|