diff --git a/src/pages/components/tile/images/tile-style-12.png b/src/pages/components/tile/images/tile-style-12.png index 27429db0aeb..6bd75c605ed 100644 Binary files a/src/pages/components/tile/images/tile-style-12.png and b/src/pages/components/tile/images/tile-style-12.png differ diff --git a/src/pages/components/tile/images/tile-style-7.png b/src/pages/components/tile/images/tile-style-7.png index 4ee7ce0a7e8..879b985f556 100644 Binary files a/src/pages/components/tile/images/tile-style-7.png and b/src/pages/components/tile/images/tile-style-7.png differ diff --git a/src/pages/components/tile/images/tile-style-8.png b/src/pages/components/tile/images/tile-style-8.png index 306e4b770a3..0573207ae71 100644 Binary files a/src/pages/components/tile/images/tile-style-8.png and b/src/pages/components/tile/images/tile-style-8.png differ diff --git a/src/pages/components/tile/style.mdx b/src/pages/components/tile/style.mdx index 64a7d3fcb62..fe76b91b42b 100644 --- a/src/pages/components/tile/style.mdx +++ b/src/pages/components/tile/style.mdx @@ -127,6 +127,16 @@ Expandable tiles have three states: enabled, hover, and focus. +## Typography + +The default token for the title is `$body-compact-01`, although it can be +altered as needed by the product teams. + +| Element | Font-size (px/rem) | Font-weight | Type token | +| ----------- | ------------------ | ------------- | ------------------ | +| Tile | 14 / 0.875 | Regular / 400 | `$body-compact-01` | +| Description | 14 / 0.875 | Regular / 400 | `$body-compact-01` | + ## Structure | Element | Property | px / rem | Spacing token |