From 2ec05339c0091e0ee3a3334e9c6b23521d66c841 Mon Sep 17 00:00:00 2001 From: Ben Kates Date: Fri, 12 Jul 2024 12:29:27 -0400 Subject: [PATCH] add github link manually in .docs.mdx files --- src/lib/Fonts/Fonts.docs.mdx | 2 + src/lib/Pym/pymChildStore.docs.mdx | 2 + src/lib/Theme/Theme.docs.mdx | 4 +- src/lib/actions/resizeObserver.docs.mdx | 3 +- src/lib/stores/reducedMotion.docs.mdx | 2 + src/lib/utils/TPCColors.docs.mdx | 13 +-- src/lib/utils/UrbanColors.docs.mdx | 137 +++++++++++------------- src/lib/utils/helperFunctions.docs.mdx | 2 + 8 files changed, 81 insertions(+), 84 deletions(-) diff --git a/src/lib/Fonts/Fonts.docs.mdx b/src/lib/Fonts/Fonts.docs.mdx index 1fe2058b..520362f7 100644 --- a/src/lib/Fonts/Fonts.docs.mdx +++ b/src/lib/Fonts/Fonts.docs.mdx @@ -4,6 +4,8 @@ import { Meta } from "@storybook/blocks"; # Font loading +[![github](https://badgen.net/badge/icon/GitHub?icon=github&label)](https://github.com/UrbanInstitute/dataviz-components/tree/b02e4223ae34b4d0c5d4e2b0ef30bde606801806/src/lib/Fonts) + If you need to load the Urban brand fonts in your SvelteKit-powered project, you can use the font components included in this library. Import and use either `` or `` to add the necessary markup to the `` of you html like so: diff --git a/src/lib/Pym/pymChildStore.docs.mdx b/src/lib/Pym/pymChildStore.docs.mdx index b4bd74e3..e0108a88 100644 --- a/src/lib/Pym/pymChildStore.docs.mdx +++ b/src/lib/Pym/pymChildStore.docs.mdx @@ -4,6 +4,8 @@ import { Meta } from "@storybook/blocks"; # pymChildStore +[![github](https://badgen.net/badge/icon/GitHub?icon=github&label)](https://github.com/UrbanInstitute/dataviz-components/blob/main/src/lib/Pym/stores.js) + A Svelte store that exposes a Pym.js child instance. Used in conjuction with the `` component. [Read more about how to use the PymChild component here](/docs/components-pymchild--docs). diff --git a/src/lib/Theme/Theme.docs.mdx b/src/lib/Theme/Theme.docs.mdx index a189ca9b..9d12aa40 100644 --- a/src/lib/Theme/Theme.docs.mdx +++ b/src/lib/Theme/Theme.docs.mdx @@ -5,6 +5,8 @@ import { Meta, Controls, Markdown } from "@storybook/blocks"; # Theme +[![github](https://badgen.net/badge/icon/GitHub?icon=github&label)](https://github.com/UrbanInstitute/dataviz-components/blob/main/src/lib/Theme/Theme.svelte) + A theme wrapper that provides shared styles for children components. These styles are primarily made up of a series of CSS variables that represent Urban's design system. They also includes some default typographic styling applied to html headings. Components in this library make use of these variables and styles and expect them to be defined, and won't display correctly outside of a parent `` component. All of the `Theme` styles are scoped and won't be applied to content outside of the `` itself. @@ -19,7 +21,7 @@ You get everything you need out of the box by importing and using these componen -