Test out new DDS release

interledger · Oct 11, 2023 · 8f828e8 · 8f828e8
1 parent 0e972cf
commit 8f828e8
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 7 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -11,10 +11,10 @@
   "dependencies": {
     "@astrojs/react": "^3.0.3",
     "@astrojs/starlight": "^0.11.0",
-    "@interledger/docs-design-system": "0.0.14",
-    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.11",
-    "astro": "^3.2.3",
+    "@interledger/docs-design-system": "^0.1.0",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "astro": "^3.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark-mermaidjs": "^6.0.0",

diff --git a/src/content/docs/components/disclosure.mdx b/src/content/docs/components/disclosure.mdx
@@ -5,7 +5,7 @@ title: Disclosure
 import { Disclosure } from "@interledger/docs-design-system";
 import { Tabs, TabItem } from "@astrojs/starlight/components";
 
-Use this component if you have some content that you want to show/hide via a collapsible container. This component wraps around whatever content you wish to have this expand/collapse behaviour. Note that the `client:load` attribute is required for the functionality to work because this component relies on state.
+Use this component if you have some content that you want to show/hide via a collapsible container. This component wraps around whatever content you wish to have this expand/collapse behaviour. Note that the `client:load` attribute is required for the functionality to work because this component uses Javascript for interactivity.
 
 To use it, your docs page must be in `.mdx` format. Please change the format from `.md` to `.mdx` if necessary. All your existing markdown will still be supported without issue.
 
@@ -86,5 +86,20 @@ import { Tabs, TabItem } from '@astrojs/starlight/components'
       ```
       </TabItem>
 
+      <TabItem label='TypeScript'>
+         <Disclosure toggleText='Clone Open Payments snippets repo' client:load>
+
+         1. Open Terminal.
+         2. Change the current working directory to where you want to clone repo.
+         3. Type `git clone`.
+         4. Paste the following URL, then press _Enter_.
+            ```http
+            https://github.com/interledger/open-payments-snippets
+            ```
+
+         </Disclosure>
+
+      </TabItem>
+
    </Tabs>
 </Disclosure>
diff --git a/src/content/docs/components/mermaidwrapper.mdx b/src/content/docs/components/mermaidwrapper.mdx
@@ -4,7 +4,7 @@ title: MermaidWrapper
 
 import { MermaidWrapper } from "@interledger/docs-design-system";
 
-Use this component if your Mermaid diagram is much larger than our available space and you would like users to view the full diagram in another tab. This adds "View full diagram" button with an external link indicator on the bottom right corner under the diagram. Note that the `client:load` attribute is required for the functionality to work because this component relies on state.
+Use this component if your Mermaid diagram is much larger than our available space and you would like users to view the full diagram in another tab. This adds "View full diagram" button with an external link indicator on the bottom right corner under the diagram. Note that the `client:load` attribute is required for the functionality to work because this component uses Javascript for interactivity.
 
 To use it, your docs page must be in `.mdx` format. Please change the format from `.md` to `.mdx` if necessary. All your existing markdown will still be supported without issue.
 

diff --git a/src/content/docs/components/tooltip.mdx b/src/content/docs/components/tooltip.mdx
@@ -4,7 +4,7 @@ title: Tooltip
 
 import { Tooltip } from "@interledger/docs-design-system";
 
-Use the tooltip component for adding a short explanation to specific terms. This component is built to be accessible in accordance to the guidance from [WAI Tooltip Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/). Note that the `client:load` attribute is required for the functionality to work because this component relies on state.
+Use the tooltip component for adding a short explanation to specific terms. This component is built to be accessible in accordance to the guidance from [WAI Tooltip Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/). Note that the `client:load` attribute is required for the functionality to work because this component uses Javascript for interactivity.
 
 To use it, your docs page must be in `.mdx` format. Please change the format from `.md` to `.mdx` if necessary. All your existing markdown will still be supported without issue.