From 580825afa7af9ff17c40ea633a785f0605a92e8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Tue, 9 Jul 2024 08:46:13 +0200 Subject: [PATCH 1/2] feat(documentation): implement new docs styles and webfonts (#3161) --- .../src/components/post-alert/post-alert.tsx | 2 +- .../src/components/post-tabs/post-tabs.tsx | 6 +- .../src/components/post-tabs/readme.md | 8 ++ .../{styles => blocks/layout}/layout.scss | 0 .../.storybook/blocks/{ => layout}/layout.tsx | 6 +- packages/documentation/.storybook/preview.ts | 2 +- .../.storybook/styles/components/alert.scss | 134 ++++++++++++++++++ .../styles/components/blockquote.scss | 13 ++ .../.storybook/styles/components/blocks.scss | 49 +++++++ .../.storybook/styles/components/fonts.scss | 44 ++++++ .../.storybook/styles/components/index.scss | 8 ++ .../.storybook/styles/components/tabs.scss | 67 +++++++++ .../.storybook/styles/components/typo.scss | 38 +++++ .../.storybook/styles/manager.scss | 2 +- .../.storybook/styles/mixins/index.scss | 1 + .../styles/mixins/style-docs-only-guard.scss | 7 + .../.storybook/styles/preview.scss | 56 +------- .../documentation/.storybook/styles/themes.ts | 4 +- .../assets/fonts/firacode/firacode-bold.woff | Bin 0 -> 138492 bytes .../assets/fonts/firacode/firacode-bold.woff2 | Bin 0 -> 107788 bytes .../assets/fonts/firacode/firacode-light.woff | Bin 0 -> 131052 bytes .../fonts/firacode/firacode-light.woff2 | Bin 0 -> 102924 bytes .../fonts/firacode/firacode-regular.woff | Bin 0 -> 131556 bytes .../fonts/firacode/firacode-regular.woff2 | Bin 0 -> 103240 bytes .../assets/fonts/reddit/reddit-mono-bold.woff | Bin 0 -> 67172 bytes .../fonts/reddit/reddit-mono-light.woff | Bin 0 -> 67176 bytes .../fonts/reddit/reddit-mono-regular.woff | Bin 0 -> 66056 bytes .../typography/typography.blocks.tsx | 40 +++--- 28 files changed, 404 insertions(+), 83 deletions(-) rename packages/documentation/.storybook/{styles => blocks/layout}/layout.scss (100%) rename packages/documentation/.storybook/blocks/{ => layout}/layout.tsx (91%) create mode 100644 packages/documentation/.storybook/styles/components/alert.scss create mode 100644 packages/documentation/.storybook/styles/components/blockquote.scss create mode 100644 packages/documentation/.storybook/styles/components/blocks.scss create mode 100644 packages/documentation/.storybook/styles/components/fonts.scss create mode 100644 packages/documentation/.storybook/styles/components/index.scss create mode 100644 packages/documentation/.storybook/styles/components/tabs.scss create mode 100644 packages/documentation/.storybook/styles/components/typo.scss create mode 100644 packages/documentation/.storybook/styles/mixins/index.scss create mode 100644 packages/documentation/.storybook/styles/mixins/style-docs-only-guard.scss create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-bold.woff create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-bold.woff2 create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-light.woff create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-light.woff2 create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-regular.woff create mode 100644 packages/documentation/public/assets/fonts/firacode/firacode-regular.woff2 create mode 100644 packages/documentation/public/assets/fonts/reddit/reddit-mono-bold.woff create mode 100644 packages/documentation/public/assets/fonts/reddit/reddit-mono-light.woff create mode 100644 packages/documentation/public/assets/fonts/reddit/reddit-mono-regular.woff diff --git a/packages/components/src/components/post-alert/post-alert.tsx b/packages/components/src/components/post-alert/post-alert.tsx index 637d1b13c5..f114fbcd29 100644 --- a/packages/components/src/components/post-alert/post-alert.tsx +++ b/packages/components/src/components/post-alert/post-alert.tsx @@ -156,7 +156,7 @@ export class PostAlert { return ( -