@vkontakte/vkui-tokens 4.5.2 → 4.8.0

package/themes/mycom/index.scss

@@ -51,7 +51,9 @@ $size-base-padding-horizontal--regular: 16px;
 $size-button-group-gap-space--regular: 1px;
 $size-button-group-gap-small--regular: 8px;
 $size-button-group-gap-medium--regular: 12px;
+$size-option-hierarchy--regular: 32px;
 $elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
+$elevation1-invert-y: 0 -2px 0 0 rgba(0, 16, 61, 0.04);
 $elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
 $elevation3: 0 4px 20px 0 rgba(0,0,0,.16);
 $elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
@@ -228,6 +230,9 @@ $color-background-positive--active: #0CB465;
 $color-background-negative-tint: #FAEBEB;
 $color-background-negative-tint--hover: #F0E2E4;
 $color-background-negative-tint--active: #E6D9DD;
+$color-field-background: #ffffff;
+$color-field-background--hover: #F5F5F7;
+$color-field-background--active: #EBECEF;
 $color-text-accent: #00abf2;
 $color-text-accent--hover: #00A5EB;
 $color-text-accent--active: #009FE4;
@@ -507,179 +512,179 @@ $color-sale--active: #E82A38;
 	font-size: 24px;
 	line-height: 28px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title1--regular--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-title1--compact() {
 	font-size: 24px;
 	line-height: 28px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title1--regular--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $font-title1--compact--map: (
 	'fontSize': 24px,
 	'lineHeight': 28px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-title2--regular() {
 	font-size: 20px;
 	line-height: 26px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title2--regular--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-title2--compact() {
 	font-size: 20px;
 	line-height: 26px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title2--regular--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $font-title2--compact--map: (
 	'fontSize': 20px,
 	'lineHeight': 26px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-title3--regular() {
 	font-size: 17px;
 	line-height: 22px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title3--regular--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-title3--compact() {
 	font-size: 17px;
 	line-height: 22px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 500;
 }
 $font-title3--regular--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 $font-title3--compact--map: (
 	'fontSize': 17px,
 	'lineHeight': 22px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 500,
 );
 @mixin font-headline1--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline1--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin font-headline1--compact() {
-	font-size: 15px;
+	font-size: 16px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline1--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 $font-headline1--compact--map: (
-	'fontSize': 15px,
+	'fontSize': 16px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin font-headline2--regular() {
-	font-size: 15px;
+	font-size: 14px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline2--regular--map: (
-	'fontSize': 15px,
+	'fontSize': 14px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin font-headline2--compact() {
-	font-size: 14px;
+	font-size: 15px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline2--regular--map: (
-	'fontSize': 15px,
+	'fontSize': 14px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 $font-headline2--compact--map: (
-	'fontSize': 14px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin font-text--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
 	font-weight: 400;
 }
 $font-text--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
 @mixin font-text--compact() {
-	font-size: 15px;
-	line-height: 20px;
+	font-size: 16px;
+	line-height: 24px;
 	font-family: Proxima Nova, Arial, sans-serif;
 	font-weight: 400;
 }
 $font-text--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
 $font-text--compact--map: (
-	'fontSize': 15px,
-	'lineHeight': 20px,
+	'fontSize': 16px,
+	'lineHeight': 24px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
@@ -696,34 +701,34 @@ $font-paragraph--regular--map: (
 	'fontWeight': 400,
 );
 @mixin font-subhead--regular() {
-	font-size: 14px;
+	font-size: 13px;
 	line-height: 18px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 400;
 }
 $font-subhead--regular--map: (
-	'fontSize': 14px,
+	'fontSize': 13px,
 	'lineHeight': 18px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 400,
 );
 @mixin font-subhead--compact() {
-	font-size: 13px;
+	font-size: 14px;
 	line-height: 18px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 600;
+	font-weight: 400;
 }
 $font-subhead--regular--map: (
-	'fontSize': 14px,
+	'fontSize': 13px,
 	'lineHeight': 18px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 400,
 );
 $font-subhead--compact--map: (
-	'fontSize': 13px,
+	'fontSize': 14px,
 	'lineHeight': 18px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 600,
+	'fontWeight': 400,
 );
 @mixin font-footnote--regular() {
 	font-size: 13px;
@@ -737,6 +742,24 @@ $font-footnote--regular--map: (
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin font-footnote--compact() {
+	font-size: 13px;
+	line-height: 18px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+}
+$font-footnote--regular--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$font-footnote--compact--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin font-footnote-caps--regular() {
 	font-size: 13px;
 	line-height: 18px;
@@ -753,6 +776,30 @@ $font-footnote-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.3px,
 );
+@mixin font-footnote-caps--compact() {
+	font-size: 13px;
+	line-height: 18px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.3px;
+}
+$font-footnote-caps--regular--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.3px,
+);
+$font-footnote-caps--compact--map: (
+	'fontSize': 13px,
+	'lineHeight': 18px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.3px,
+);
 @mixin font-caption1--regular() {
 	font-size: 12px;
 	line-height: 16px;
@@ -765,6 +812,24 @@ $font-caption1--regular--map: (
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin font-caption1--compact() {
+	font-size: 12px;
+	line-height: 16px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+}
+$font-caption1--regular--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$font-caption1--compact--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin font-caption1-caps--regular() {
 	font-size: 12px;
 	line-height: 16px;
@@ -781,6 +846,30 @@ $font-caption1-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.26px,
 );
+@mixin font-caption1-caps--compact() {
+	font-size: 12px;
+	line-height: 16px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.26px;
+}
+$font-caption1-caps--regular--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.26px,
+);
+$font-caption1-caps--compact--map: (
+	'fontSize': 12px,
+	'lineHeight': 16px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.26px,
+);
 @mixin font-caption2--regular() {
 	font-size: 11px;
 	line-height: 14px;
@@ -793,6 +882,24 @@ $font-caption2--regular--map: (
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin font-caption2--compact() {
+	font-size: 11px;
+	line-height: 14px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+}
+$font-caption2--regular--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$font-caption2--compact--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin font-caption2-caps--regular() {
 	font-size: 11px;
 	line-height: 14px;
@@ -809,6 +916,30 @@ $font-caption2-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.22px,
 );
+@mixin font-caption2-caps--compact() {
+	font-size: 11px;
+	line-height: 14px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.22px;
+}
+$font-caption2-caps--regular--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.22px,
+);
+$font-caption2-caps--compact--map: (
+	'fontSize': 11px,
+	'lineHeight': 14px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.22px,
+);
 @mixin font-caption3--regular() {
 	font-size: 9px;
 	line-height: 12px;
@@ -821,6 +952,24 @@ $font-caption3--regular--map: (
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 400,
 );
+@mixin font-caption3--compact() {
+	font-size: 9px;
+	line-height: 12px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+}
+$font-caption3--regular--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
+$font-caption3--compact--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+);
 @mixin font-caption3-caps--regular() {
 	font-size: 9px;
 	line-height: 12px;
@@ -837,6 +986,30 @@ $font-caption3-caps--regular--map: (
 	'textTransform': uppercase,
 	'letterSpacing': 0.16px,
 );
+@mixin font-caption3-caps--compact() {
+	font-size: 9px;
+	line-height: 12px;
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	text-transform: uppercase;
+	letter-spacing: 0.16px;
+}
+$font-caption3-caps--regular--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.16px,
+);
+$font-caption3-caps--compact--map: (
+	'fontSize': 9px,
+	'lineHeight': 12px,
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'textTransform': uppercase,
+	'letterSpacing': 0.16px,
+);
 @mixin font-h0--regular() {
 	font-size: 28px;
 	line-height: 32px;
@@ -927,6 +1100,193 @@ $font-h2--compact--map: (
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
 	'fontWeight': 500,
 );
+@mixin media-font-media-header--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 36px;
+	line-height: 44px;
+	letter-spacing: -0.5%;
+}
+$media-font-media-header--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 36px,
+	'lineHeight': 44px,
+	'letterSpacing': -0.5%,
+);
+@mixin media-font-media-header--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 40px;
+	line-height: 48px;
+	letter-spacing: -0.5%;
+}
+$media-font-media-header--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 36px,
+	'lineHeight': 44px,
+	'letterSpacing': -0.5%,
+);
+$media-font-media-header--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 40px,
+	'lineHeight': 48px,
+	'letterSpacing': -0.5%,
+);
+@mixin media-font-media-title1--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 28px;
+	line-height: 36px;
+}
+$media-font-media-title1--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+@mixin media-font-media-title1--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 28px;
+	line-height: 36px;
+}
+$media-font-media-title1--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+$media-font-media-title1--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 28px,
+	'lineHeight': 36px,
+);
+@mixin media-font-media-title2--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 32px;
+}
+$media-font-media-title2--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+@mixin media-font-media-title2--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 32px;
+}
+$media-font-media-title2--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+$media-font-media-title2--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 24px,
+	'lineHeight': 32px,
+);
+@mixin media-font-media-title3--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 28px;
+}
+$media-font-media-title3--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+@mixin media-font-media-title3--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 28px;
+}
+$media-font-media-title3--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+$media-font-media-title3--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 20px,
+	'lineHeight': 28px,
+);
+@mixin media-font-media-lead--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 19px;
+	line-height: 28px;
+}
+$media-font-media-lead--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 19px,
+	'lineHeight': 28px,
+);
+@mixin media-font-media-lead--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 500;
+	font-size: 22px;
+	line-height: 32px;
+	letter-spacing: -0.3%;
+}
+$media-font-media-lead--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 19px,
+	'lineHeight': 28px,
+);
+$media-font-media-lead--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 500,
+	'fontSize': 22px,
+	'lineHeight': 32px,
+	'letterSpacing': -0.3%,
+);
+@mixin media-font-media-paragraph--regular() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	font-size: 18px;
+	line-height: 28px;
+}
+$media-font-media-paragraph--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'fontSize': 18px,
+	'lineHeight': 28px,
+);
+@mixin media-font-media-paragraph--compact() {
+	font-family: Proxima Nova, Arial, sans-serif;
+	font-weight: 400;
+	font-size: 19px;
+	line-height: 32px;
+}
+$media-font-media-paragraph--regular--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'fontSize': 18px,
+	'lineHeight': 28px,
+);
+$media-font-media-paragraph--compact--map: (
+	'fontFamily': "Proxima Nova, Arial, sans-serif",
+	'fontWeight': 400,
+	'fontSize': 19px,
+	'lineHeight': 32px,
+);
 @mixin font-h3--regular() {
 	font-size: 20px;
 	line-height: 26px;
@@ -1014,34 +1374,34 @@ $font-specific-button--regular--map: (
 	'fontWeight': 500,
 );
 @mixin font-headline--regular() {
-	font-size: 16px;
+	font-size: 15px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin font-headline--compact() {
-	font-size: 15px;
+	font-size: 16px;
 	line-height: 20px;
 	font-family: Proxima Nova, Arial, sans-serif;
-	font-weight: 400;
+	font-weight: 500;
 }
 $font-headline--regular--map: (
-	'fontSize': 16px,
+	'fontSize': 15px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 $font-headline--compact--map: (
-	'fontSize': 15px,
+	'fontSize': 16px,
 	'lineHeight': 20px,
 	'fontFamily': "Proxima Nova, Arial, sans-serif",
-	'fontWeight': 400,
+	'fontWeight': 500,
 );
 @mixin media-width-touch {
 	@media (max-width: 767px) { @content; }