diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte index dcb644dd72..f478eaeaef 100644 --- a/src/lib/layouts/Docs.svelte +++ b/src/lib/layouts/Docs.svelte @@ -32,13 +32,16 @@ }; }); } + + const CTX_KEY = Symbol('docs'); + export const isInDocs = () => getContext(CTX_KEY) ?? false; diff --git a/src/markdoc/layouts/Policy.svelte b/src/markdoc/layouts/Policy.svelte index 9d69bc1005..e84c932ad0 100644 --- a/src/markdoc/layouts/Policy.svelte +++ b/src/markdoc/layouts/Policy.svelte @@ -13,7 +13,7 @@ return getContext(POLICY_KEY); }; - export const isInsidePolicy = () => { + export const isInPolicy = () => { return hasContext(POLICY_KEY); }; diff --git a/src/markdoc/nodes/Heading.svelte b/src/markdoc/nodes/Heading.svelte index 42584767dc..d4b3a1909c 100644 --- a/src/markdoc/nodes/Heading.svelte +++ b/src/markdoc/nodes/Heading.svelte @@ -1,7 +1,7 @@ {#if id} - - - - - + + + {:else} - import { isInsideChangelog } from '$markdoc/layouts/Changelog.svelte'; - import { getContext } from 'svelte'; + import { isInDocs } from '$lib/layouts/Docs.svelte'; + import { isInChangelog } from '$markdoc/layouts/Changelog.svelte'; + import { isInPolicy } from '$markdoc/layouts/Policy.svelte'; - const isDocs = getContext('isDocs') ?? false; - const inChangelog = isInsideChangelog(); + const inDocs = isInDocs(); + const inChangelog = isInChangelog(); + const inPolicy = isInPolicy(); + + $: classes = (() => { + if (inDocs) return ''; + if (inChangelog) return ''; + if (inPolicy) return ''; + return 'aw-paragraph-lg'; + })(); -
  • +
  • diff --git a/src/markdoc/nodes/Link.svelte b/src/markdoc/nodes/Link.svelte index 8f9f183613..4c20f6088d 100644 --- a/src/markdoc/nodes/Link.svelte +++ b/src/markdoc/nodes/Link.svelte @@ -1,7 +1,6 @@ - + diff --git a/src/markdoc/nodes/List.svelte b/src/markdoc/nodes/List.svelte index cbb77befa1..d275ba0f4d 100644 --- a/src/markdoc/nodes/List.svelte +++ b/src/markdoc/nodes/List.svelte @@ -1,14 +1,14 @@ - import { isInsideChangelog } from '$markdoc/layouts/Changelog.svelte'; - import { isInsidePolicy } from '$markdoc/layouts/Policy.svelte'; + import { isInChangelog } from '$markdoc/layouts/Changelog.svelte'; + import { isInPolicy } from '$markdoc/layouts/Policy.svelte'; import { getContext, hasContext } from 'svelte'; + import { isInTable } from './Table.svelte'; const noParagraph = hasContext('no-paragraph') ? getContext('no-paragraph') : false; - const isDocs = getContext('isDocs') ?? false; - const inPolicy = isInsidePolicy(); - const inChangelog = isInsideChangelog(); + const isDocs = getContext('isDocs') ?? false; + const inPolicy = isInPolicy(); + const inChangelog = isInChangelog(); + const inTable = isInTable(); let className = ''; export { className as class }; + + $: classes = (() => { + if (isDocs) return 'aw-paragraph-md'; + if (inPolicy) return 'aw-paragraph-md in-policy'; + if (inTable) return 'aw-paragraph-md'; + if (inChangelog) return 'aw-paragraph-lg in-changelog'; + return 'aw-paragraph-lg'; + })(); {#if noParagraph} -{:else if isDocs} -

    -{:else if inPolicy} -

    -{:else if inChangelog} -

    {:else} -

    +

    {/if}