energy-foundations 2.4.0 → 2.5.0-beta.1

package/dist/style.css

@@ -28,7 +28,7 @@
   --rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
-  --rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;
+  --rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
   --rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
@@ -44,19 +44,19 @@
   --rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
   --rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
   --rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
-  --rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;
+  --rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
   --rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
-  --rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;
+  --rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
-  --rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;
+  --rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
   --rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
-  --rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;
+  --rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
   --rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;
@@ -517,7 +517,7 @@ h6 {
   --rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
-  --rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;
+  --rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
   --rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
@@ -533,19 +533,19 @@ h6 {
   --rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
   --rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
   --rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
-  --rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;
+  --rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
   --rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
-  --rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;
+  --rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
-  --rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;
+  --rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
   --rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
-  --rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;
+  --rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
   --rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;
@@ -3005,7 +3005,7 @@ html {
 }
 
 .rds-ld-body-01-underline {
-  font: 1rem/1.3125rem "RepsolSoleTextRegular";
+  font: 1rem/1.5rem "RepsolSoleTextRegular";
   text-decoration: underline;
 }
 
@@ -3150,7 +3150,7 @@ html {
 }
 
 .rds-sd-body-01-underline {
-  font: 1rem/1.3125rem "RepsolSoleTextRegular";
+  font: 1rem/1.5rem "RepsolSoleTextRegular";
   text-decoration: underline;
 }
 
@@ -3295,7 +3295,7 @@ html {
 }
 
 .rds-body-01-underline {
-  font: 1rem/1.3125rem "RepsolSoleTextRegular";
+  font: 1rem/1.5rem "RepsolSoleTextRegular";
   text-decoration: underline;
 }
 
@@ -3329,7 +3329,7 @@ html {
 }
 @media (min-width: 720px) {
   .rds-headline-00 {
-    font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
+    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
   }
 }
 @media (min-width: 1280px) {
@@ -3342,13 +3342,33 @@ html {
     font: 4.5rem/5.75rem "RepsolSoleDisplayRegular";
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-headline-00 {
+    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-headline-00 {
+    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-headline-00 {
+    font: 4rem/5rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-headline-00 {
+    font: 4.5rem/5.75rem "RepsolSoleDisplayRegular";
+  }
+}
 
 .rds-headline-01 {
   font: 2rem/2.5rem "RepsolSoleDisplayRegular";
 }
 @media (min-width: 720px) {
   .rds-headline-01 {
-    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
+    font: 2rem/2.5rem "RepsolSoleDisplayRegular";
   }
 }
 @media (min-width: 1280px) {
@@ -3361,13 +3381,33 @@ html {
     font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-headline-01 {
+    font: 2rem/2.5rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-headline-01 {
+    font: 2rem/2.5rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-headline-01 {
+    font: 3rem/3.75rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-headline-01 {
+    font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
+  }
+}
 
 .rds-headline-02 {
   font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
 }
 @media (min-width: 720px) {
   .rds-headline-02 {
-    font: 2rem/2.5rem "RepsolSoleDisplayRegular";
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
   }
 }
 @media (min-width: 1280px) {
@@ -3380,13 +3420,33 @@ html {
     font: 2.75rem/3.5rem "RepsolSoleDisplayRegular";
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-headline-02 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-headline-02 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-headline-02 {
+    font: 2.25rem/3rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-headline-02 {
+    font: 2.75rem/3.5rem "RepsolSoleDisplayRegular";
+  }
+}
 
 .rds-headline-03 {
   font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
 }
 @media (min-width: 720px) {
   .rds-headline-03 {
-    font: 1.5rem/2rem "RepsolSoleDisplayRegular";
+    font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
   }
 }
 @media (min-width: 1280px) {
@@ -3399,6 +3459,26 @@ html {
     font: 2rem/2.5rem "RepsolSoleDisplayRegular";
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-headline-03 {
+    font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-headline-03 {
+    font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-headline-03 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-headline-03 {
+    font: 2rem/2.5rem "RepsolSoleDisplayRegular";
+  }
+}
 
 .rds-headline-04 {
   font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
@@ -3418,6 +3498,26 @@ html {
     font: 1.5rem/2rem "RepsolSoleDisplayRegular";
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-headline-04 {
+    font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-headline-04 {
+    font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-headline-04 {
+    font: 1.25rem/1.75rem "RepsolSoleDisplayRegular";
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-headline-04 {
+    font: 1.5rem/2rem "RepsolSoleDisplayRegular";
+  }
+}
 
 .rds-numbers-00 {
   font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
@@ -3441,6 +3541,30 @@ html {
     font-variant: tabular-nums;
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-00 {
+    font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-00 {
+    font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-00 {
+    font: 7rem/8.5rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-00 {
+    font: 7rem/8.5rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
 
 .rds-numbers-01 {
   font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
@@ -3464,6 +3588,30 @@ html {
     font-variant: tabular-nums;
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-01 {
+    font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-01 {
+    font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-01 {
+    font: 3rem/3.75rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-01 {
+    font: 3rem/3.75rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
 
 .rds-numbers-02 {
   font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
@@ -3487,6 +3635,30 @@ html {
     font-variant: tabular-nums;
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-02 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-02 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-02 {
+    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-02 {
+    font: 2.5rem/3rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
 
 .rds-numbers-03 {
   font: 1.5rem/2rem "RepsolSoleDisplayRegular";
@@ -3510,6 +3682,30 @@ html {
     font-variant: tabular-nums;
   }
 }
+@media (min-width: 720px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-03 {
+    font: 1.5rem/2rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-03 {
+    font: 1.5rem/2rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-03 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
+@media (min-width: 1584px) {
+  :where(body[data-rds-layout=b]) .rds-numbers-03 {
+    font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
+    font-variant: tabular-nums;
+  }
+}
 
 .rds-monospaced-body-01 {
   font: 1rem/1.5rem "SourceCodeProRegular";
@@ -4833,46 +5029,44 @@ html {
   padding: 0 16px;
 }
 @media (min-width: 720px) {
-  .rds-e-layout-max,
-  .rds-layout-max {
+  :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-e-layout-max, :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-layout-max {
     padding: 0 24px;
   }
 }
-@media (min-width: 1280px) {
-  .rds-e-layout-max,
-  .rds-layout-max {
-    padding: 0 32px;
+
+@media (min-width: 800px) {
+  :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-e-layout-max, :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-layout-max {
+    padding: 0 24px;
   }
 }
-@media (min-width: 1600px) {
-  .rds-e-layout-max,
-  .rds-layout-max {
-    margin: 0 auto;
-    max-width: 1600px;
+
+@media (min-width: 1280px) {
+  :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-e-layout-max, :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-layout-max {
     padding: 0 32px;
   }
 }
 
-.rds-layout-editorial {
-  padding: 0 16px;
-}
-@media (min-width: 800px) {
-  .rds-layout-editorial {
-    padding: 0 24px;
+@media (min-width: 1024px) {
+  :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-e-layout-max, :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-layout-max {
+    padding: 0 32px;
   }
 }
-@media (min-width: 1024px) {
-  .rds-layout-editorial {
+
+@media (min-width: 1600px) {
+  :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-e-layout-max, :where(body:not([data-rds-layout=b]), body:not([data-rds-layout=b]) *).rds-layout-max {
+    margin: 0 auto;
+    max-width: 1600px;
     padding: 0 32px;
   }
 }
+
 @media (min-width: 1250px) {
-  .rds-layout-editorial {
+  :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-e-layout-max, :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-layout-max {
     padding: 0 72px;
   }
 }
 @media (min-width: 1584px) {
-  .rds-layout-editorial {
+  :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-e-layout-max, :where(body[data-rds-layout=b], body[data-rds-layout=b] *).rds-layout-max {
     margin: 0 auto;
     max-width: 1584px;
     padding: 0 72px;
@@ -4886,44 +5080,37 @@ html {
   width: 100%;
 }
 @media (max-width: 719px) {
-  .rds-grid {
+  :where(body:not([data-rds-layout=b])) .rds-grid {
     gap: 16px;
     grid-template-columns: repeat(4, 1fr);
   }
 }
 @media (min-width: 720px) {
-  .rds-grid {
+  :where(body:not([data-rds-layout=b])) .rds-grid {
     gap: 16px;
     grid-template-columns: repeat(8, 1fr);
   }
 }
 @media (min-width: 1280px) {
-  .rds-grid {
+  :where(body:not([data-rds-layout=b])) .rds-grid {
     gap: 24px;
     grid-template-columns: repeat(12, 1fr);
   }
 }
-
-.rds-grid-editorial {
-  display: grid;
-  margin-left: auto;
-  margin-right: auto;
-  width: 100%;
-}
 @media (max-width: 799px) {
-  .rds-grid-editorial {
+  :where(body[data-rds-layout=b]) .rds-grid {
     gap: 16px;
     grid-template-columns: repeat(4, 1fr);
   }
 }
 @media (min-width: 800px) {
-  .rds-grid-editorial {
+  :where(body[data-rds-layout=b]) .rds-grid {
     gap: 24px;
     grid-template-columns: repeat(8, 1fr);
   }
 }
 @media (min-width: 1024px) {
-  .rds-grid-editorial {
+  :where(body[data-rds-layout=b]) .rds-grid {
     gap: 24px;
     grid-template-columns: repeat(12, 1fr);
   }

package/dist/variables/_grid.scss

@@ -5,7 +5,7 @@ $grid-config: (
   desktop: (max-columns: 12, gap: 24px)
 ) !default;
 
-$grid-config-editorial: (
+$grid-config-b: (
   mobile-v2: (max-columns: 4, gap: 16px),
   tablet-v2: (max-columns: 8, gap: 24px),
   desktop-v2: (max-columns: 12, gap: 24px)

package/dist/variables/_typography.scss

@@ -56,7 +56,7 @@ $rds-typography-body-01-bold: (
 );
 
 $rds-typography-body-01-underline: (
-  font: #{calc(16 / $f-base) + rem} / #{calc(21 / $f-base) + rem} $rds-typography-f-text,
+  font: #{calc(16 / $f-base) + rem} / #{calc(24 / $f-base) + rem} $rds-typography-f-text,
 );
 
 $rds-typography-body-02: (
@@ -124,7 +124,7 @@ $rds-typography-headline-00: (
     font: #{calc(40 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
   ),
   md: (
-    font: #{calc(56 / $f-base) + rem} / #{calc(68 / $f-base) + rem} $rds-typography-f-headline
+    font: #{calc(40 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
   ),
   ld: (
     font: #{calc(64 / $f-base) + rem} / #{calc(80 / $f-base) + rem} $rds-typography-f-headline
@@ -139,7 +139,7 @@ $rds-typography-headline-01: (
     font: #{calc(32 / $f-base) + rem} / #{calc(40 / $f-base) + rem} $rds-typography-f-headline
   ),
   md: (
-    font: #{calc(40 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
+    font: #{calc(32 / $f-base) + rem} / #{calc(40 / $f-base) + rem} $rds-typography-f-headline
   ),
   ld: (
     font: #{calc(48 / $f-base) + rem} / #{calc(60 / $f-base) + rem} $rds-typography-f-headline
@@ -155,7 +155,7 @@ $rds-typography-headline-02: (
     font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
   ),
   md: (
-    font: #{calc(32 / $f-base) + rem} / #{calc(40 / $f-base) + rem} $rds-typography-f-headline
+    font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
   ),
   ld: (
     font: #{calc(36 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
@@ -170,7 +170,7 @@ $rds-typography-headline-03: (
     font: #{calc(22 / $f-base) + rem} / #{calc(30 / $f-base) + rem} $rds-typography-f-headline
   ),
   md: (
-    font: #{calc(24 / $f-base) + rem} / #{calc(32 / $f-base) + rem} $rds-typography-f-headline
+    font: #{calc(22 / $f-base) + rem} / #{calc(30 / $f-base) + rem} $rds-typography-f-headline
   ),
   ld: (
     font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
@@ -265,9 +265,9 @@ $rds-types-all: (
   caption-tag: $rds-typography-caption-tag,
   body-01: $rds-typography-body-01,
   body-02: $rds-typography-body-02,
-  body-01-bold: $rds-typography-body-01-underline,
+  body-01-bold: $rds-typography-body-01-bold,
   body-01-underline: $rds-typography-body-01-underline,
-  body-02-bold: $rds-typography-body-02-underline,
+  body-02-bold: $rds-typography-body-02-bold,
   body-02-underline: $rds-typography-body-02-underline,
   button-01: $rds-typography-button-01,
   button-02: $rds-typography-button-02,

package/dist/variables.css

@@ -28,7 +28,7 @@
   --rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
-  --rds-body-01-underline: 1rem/1.3125rem RepsolSoleTextRegular;
+  --rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
   --rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
   --rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
   --rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
@@ -44,19 +44,19 @@
   --rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
   --rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
   --rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
-  --rds-headline-00-md: 3.5rem/4.25rem RepsolSoleDisplayRegular;
+  --rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
   --rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
-  --rds-headline-01-md: 2.5rem/3rem RepsolSoleDisplayRegular;
+  --rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
   --rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
-  --rds-headline-02-md: 2rem/2.5rem RepsolSoleDisplayRegular;
+  --rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
   --rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
   --rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
-  --rds-headline-03-md: 1.5rem/2rem RepsolSoleDisplayRegular;
+  --rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
   --rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
   --rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
   --rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;