Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: test out new DDS release #5

Merged
merged 1 commit into from
Oct 11, 2023
Merged

chore: test out new DDS release #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified bun.lockb
View file
Open in desktop
Binary file not shown.
8 changes: 4 additions & 4 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
17 changes: 16 additions & 1 deletion src/content/docs/components/disclosure.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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>
2 changes: 1 addition & 1 deletion src/content/docs/components/mermaidwrapper.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/components/tooltip.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down