chore: use bx css prefixes for now

This commit is contained in:
Enrico Sacchetti 2024-01-11 13:03:10 -05:00
commit aeb05203c5
235 changed files with 1537 additions and 1563 deletions

View file

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