mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: set up all component styles, fonts, and themes

Browse source 
- Adapt documentation to new styles
This commit is contained in:
Enrico Sacchetti 2024-01-10 15:32:56 -05:00
commit fc0d37cf33
58 changed files with 335 additions and 295 deletions
Download patch file Download diff file Expand all files Collapse all files

30
docs/svelte.config.js
View file

@ -134,7 +134,7 @@ function plugin() {
function carbonify() {
return (tree) => {
visit(tree, "link", (node) => {
node.data = { hProperties: { class: "bx--link" } };
node.data = { hProperties: { class: "cds--link" } };
});
};
}
@ -188,31 +188,31 @@ export default {
code: content.replace(
"</Layout_MDSVEX_DEFAULT>",
`<div slot="aside">
<ul class="bx--list--unordered">
<ul class="cds--list--unordered">
${toc
.map(
(item) =>
`<li class="bx--list__item"><a class="bx--link" href="\#${item.id}">${item.text}</a></li>`
`<li class="cds--list__item"><a class="cds--link" href="\#${item.id}">${item.text}</a></li>`
)
.join("")}
<h5>Component API</h5>
<li class="bx--list__item">
<a class="bx--link" href="#props">Props</a>
<li class="cds--list__item">
<a class="cds--link" href="#props">Props</a>
</li>
<li class="bx--list__item">
<a class="bx--link" href="#typedefs">Typedefs</a>
<li class="cds--list__item">
<a class="cds--link" href="#typedefs">Typedefs</a>
</li>
<li class="bx--list__item">
<a class="bx--link" href="#slots">Slots</a>
<li class="cds--list__item">
<a class="cds--link" href="#slots">Slots</a>
</li>
<li class="bx--list__item">
<a class="bx--link" href="#forwarded-events">Forwarded events</a>
<li class="cds--list__item">
<a class="cds--link" href="#forwarded-events">Forwarded events</a>
</li>
<li class="bx--list__item">
<a class="bx--link" href="#dispatched-events">Dispatched events</a>
<li class="cds--list__item">
<a class="cds--link" href="#dispatched-events">Dispatched events</a>
</li>
<li class="bx--list__item">
<a class="bx--link" href="#rest-props">restProps</a>
<li class="cds--list__item">
<a class="cds--link" href="#rest-props">restProps</a>
</li>
</ul>
</div>