From 974ca0a838bd9a572450f0785850c20c0f7a5145 Mon Sep 17 00:00:00 2001
From: Steven Spriggs <steven.spriggs@gmail.com>
Date: Mon, 13 Jan 2025 11:41:18 -0500
Subject: [PATCH] docs: add tooltip js to pages that have codeblocks with
 actions

---
 docs/_plugins/markdown-it.ts          | 10 +++++++++-
 docs/get-started/developers/tokens.md |  1 +
 docs/get-started/developers/usage.md  |  1 +
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/docs/_plugins/markdown-it.ts b/docs/_plugins/markdown-it.ts
index b2cfd1ed56..c9b6ea53f1 100644
--- a/docs/_plugins/markdown-it.ts
+++ b/docs/_plugins/markdown-it.ts
@@ -69,7 +69,15 @@ function rhdsCodeBlock(md: MarkdownIt) {
                        dedent
                        actions="${actions.join(' ')}"
                        highlighting="prerendered"
-                       ${slf.renderAttrs(redactedToken)}>${rendered}</rh-code-block>`.trim();
+                       ${slf.renderAttrs(redactedToken)}>
+          <span slot="action-label-copy">Copy to Clipboard</span>
+          <span slot="action-label-copy" hidden="" data-code-block-state="active">Copied!</span>
+          ${!hasMoreThan1Line ? '' : html`
+            <span slot="action-label-wrap">Toggle word wrap</span>
+            <span slot="action-label-wrap" hidden="" data-code-block-state="active">Toggle overflow</span>
+          `}
+          ${rendered}
+        </rh-code-block>`.trim();
     } else {
       return rendered;
     }
diff --git a/docs/get-started/developers/tokens.md b/docs/get-started/developers/tokens.md
index 4a734ca76a..7b83b452ee 100644
--- a/docs/get-started/developers/tokens.md
+++ b/docs/get-started/developers/tokens.md
@@ -13,6 +13,7 @@ subnav:
 <script type="module" data-helmet>
   import '@uxdot/elements/uxdot-example.js';
   import '@rhds/elements/rh-code-block/rh-code-block.js';
+  import '@rhds/elements/rh-tooltip/rh-tooltip.js';
 </script>
 
 ## How to install tokens
diff --git a/docs/get-started/developers/usage.md b/docs/get-started/developers/usage.md
index 7bd062d98d..3bea961b6c 100644
--- a/docs/get-started/developers/usage.md
+++ b/docs/get-started/developers/usage.md
@@ -13,6 +13,7 @@ subnav:
 <script type="module" data-helmet>
   import '@uxdot/elements/uxdot-example.js';
   import '@rhds/elements/rh-code-block/rh-code-block.js';
+  import '@rhds/elements/rh-tooltip/rh-tooltip.js';
 </script>
 
 ## Usage