chore: Apply type usecases to o-stepped-progress

Apply a custom weight to the heavy varient. A redesign is required to fit the current type tokens, and this varient looks pretty borked in other ways (icon size).
Financial-Times · Jan 22, 2025 · e19b860 · e19b860
1 parent d63f4d0
commit e19b860
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/components/o-stepped-progress/src/scss/_mixins.scss b/components/o-stepped-progress/src/scss/_mixins.scss
@@ -38,7 +38,17 @@
 /// @access private
 @mixin _oSteppedProgressBase() {
 	.o-stepped-progress {
-		@include oPrivateTypographySans(_oSteppedProgressGet('font-scale'));
+		font-family: oPrivateFoundationGet(
+			'o3-typography-use-case-detail-font-family'
+		);
+		font-size: oPrivateFoundationGet('o3-typography-use-case-detail-font-size');
+		font-weight: oPrivateFoundationGet(
+			'o3-typography-use-case-detail-font-weight'
+		);
+		line-height: oPrivateFoundationGet(
+			'o3-typography-use-case-detail-line-height'
+		);
+
 		display: block;
 		position: relative;
 
@@ -252,9 +262,9 @@
 	$variant: 'heavy';
 
 	.o-stepped-progress--heavy {
-		@include oPrivateTypographySans(
-			_oSteppedProgressGet('font-scale', $variant)
-		);
+		strong {
+			font-weight: oPrivateFoundationGet('o3-font-weight-semibold');
+		}
 
 		// Progress bars
 		&::before {