diff --git a/src/lib/core/styles/tokens/typography/_tokens.label.scss b/src/lib/core/styles/tokens/typography/_tokens.label.scss
index cc8afa3cf..ed95e1e04 100644
--- a/src/lib/core/styles/tokens/typography/_tokens.label.scss
+++ b/src/lib/core/styles/tokens/typography/_tokens.label.scss
@@ -22,6 +22,15 @@ $label2: utils.inherit-map(
)
) !default;
+$label3: utils.inherit-map(
+ core.$base,
+ (
+ font-size: type-utils.font-size-relative(label, font-size, '0875'),
+ line-height: type-utils.font-size-relative(label, line-height, '1250'),
+ letter-spacing: type-utils.calc-letter-spacing(0.125, scale.value('0875'))
+ )
+) !default;
+
$button: utils.inherit-map(
core.$base,
(
@@ -45,6 +54,7 @@ $overline: utils.inherit-map(
$tokens: (
label1: $label1,
label2: $label2,
+ label3: $label3,
button: $button,
overline: $overline
) !default;
diff --git a/src/stories/design-tokens/Typography.mdx b/src/stories/design-tokens/Typography.mdx
index dafd0e4b8..28054430c 100644
--- a/src/stories/design-tokens/Typography.mdx
+++ b/src/stories/design-tokens/Typography.mdx
@@ -27,14 +27,14 @@ Each typography style also has its own set of tokens that define the font size,
For example, Forge will set the `` element on your page to use the `body2` style by default. This style is defined by the following tokens:
-| Token
+| Token
| --------------------------------------------
-| `--forge-typography-body2-font-family`
-| `--forge-typography-body2-font-size`
-| `--forge-typography-body2-font-weight`
-| `--forge-typography-body2-line-height`
-| `--forge-typography-body2-letter-spacing`
-| `--forge-typography-body2-text-transform`
+| `--forge-typography-body2-font-family`
+| `--forge-typography-body2-font-size`
+| `--forge-typography-body2-font-weight`
+| `--forge-typography-body2-line-height`
+| `--forge-typography-body2-letter-spacing`
+| `--forge-typography-body2-text-transform`
| `--forge-typography-body2-text-decoration`
Each style has a similar set of tokens that allow for you to granularly customize the font styles used in your application.
diff --git a/src/stories/getting-started/Typography.mdx b/src/stories/getting-started/Typography.mdx
index 9b336c487..fe1d50032 100644
--- a/src/stories/getting-started/Typography.mdx
+++ b/src/stories/getting-started/Typography.mdx
@@ -128,6 +128,7 @@ Label styles are used for small text such as form labels and captions.
| :------------------------- | :------------------------------------------------------ |
| `forge-typography--label1` |
Label 1
|
| `forge-typography--label2` |
Label 2
|
+| `forge-typography--label3` |
Label 3
|