From 906533d9b3fa9c663b9448874a4817c8afff543f Mon Sep 17 00:00:00 2001 From: Andrew Holloway Date: Wed, 5 Jul 2023 16:56:29 -0500 Subject: [PATCH] docs(Typography): update links for tokens (#1674) --- .storybook/components/Docs/Guildelines/Tokens.stories.mdx | 3 ++- .storybook/components/Docs/Guildelines/Typography.stories.mdx | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/.storybook/components/Docs/Guildelines/Tokens.stories.mdx b/.storybook/components/Docs/Guildelines/Tokens.stories.mdx index 14f824b9f..0ee1246d3 100644 --- a/.storybook/components/Docs/Guildelines/Tokens.stories.mdx +++ b/.storybook/components/Docs/Guildelines/Tokens.stories.mdx @@ -97,7 +97,8 @@ Tier 1 tokens define the brand's design values. They can be thought of as a bran - `letter-spacing` for the spacing between text characters. This uses t-shirt sizes. - `line-height-` for line height definitions. These are unitless relative values. Default to t-shirt sizes (e.g. `line-height-lg: 1.5` ) -In addition to these tokens, we define a set of typography mixins which map font famil, size, and line height in discrete categories. Refer to the typography page in storybook for more information. +Individual presets and typography tokens are defined as a set of values to apply to the [CSS Font property](https://developer.mozilla.org/en-US/docs/Web/CSS/font). +See [Typography](/story/documentation-guidelines-typography--page) for more information. ### Z-index diff --git a/.storybook/components/Docs/Guildelines/Typography.stories.mdx b/.storybook/components/Docs/Guildelines/Typography.stories.mdx index b95be40d7..7f048a4ed 100644 --- a/.storybook/components/Docs/Guildelines/Typography.stories.mdx +++ b/.storybook/components/Docs/Guildelines/Typography.stories.mdx @@ -19,9 +19,9 @@ Values include: Just as with other Tier 1 tokens, typography presets shouldn't be used directly by components. Typography presets are mapped to specific semantic usage at the Tier 2 level. -Note: line-height values are [unitless](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#prefer_unitless_numbers_for_line-height_values) and are specific to each preset, which is why the decision was made to exclude line height values from tokens. +Note: `line-height` values are [unitless](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#prefer_unitless_numbers_for_line-height_values) and are specific to each preset, which is why the decision was made to exclude line height values from tokens. -All presets exist as inline `font:` values, and can be used in Tier 2 usages: +All presets exist as inline [`font:`](https://developer.mozilla.org/en-US/docs/Web/CSS/font) values, and can be used in Tier 2 usages: ```css font: var(--eds-typography-preset-001);