@fluix-ui/vanilla 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +1 -0
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.global.js +8 -3
  5. package/dist/index.global.js.map +1 -1
  6. package/dist/index.js +2 -2
  7. package/dist/index.js.map +1 -1
  8. package/package.json +4 -4
package/README.md CHANGED
@@ -97,6 +97,7 @@ const menu = createMenu(container, {
97
97
  orientation: "horizontal",
98
98
  variant: "pill",
99
99
  theme: "dark",
100
+ fill: "#6366f1", // custom indicator color
100
101
  items: [
101
102
  { id: "home", label: "Home" },
102
103
  { id: "projects", label: "Projects" },
package/dist/index.cjs CHANGED
@@ -1289,7 +1289,7 @@ function createMenu(container, options) {
1289
1289
  applyAttrs3(indicatorEl, attrs.indicator);
1290
1290
  indicatorEl.setAttribute("d", "");
1291
1291
  indicatorEl.setAttribute("opacity", "0");
1292
- indicatorEl.setAttribute("fill", fill ?? "var(--fluix-menu-indicator)");
1292
+ indicatorEl.style.fill = fill ?? "var(--fluix-menu-indicator)";
1293
1293
  svg.appendChild(indicatorEl);
1294
1294
  } else {
1295
1295
  const defs = document.createElementNS(SVG_NS3, "defs");
@@ -1329,7 +1329,7 @@ function createMenu(container, options) {
1329
1329
  indicatorEl.setAttribute("rx", "0");
1330
1330
  indicatorEl.setAttribute("ry", "0");
1331
1331
  indicatorEl.setAttribute("opacity", "0");
1332
- indicatorEl.setAttribute("fill", fill ?? "var(--fluix-menu-indicator)");
1332
+ indicatorEl.style.fill = fill ?? "var(--fluix-menu-indicator)";
1333
1333
  gGroup.appendChild(indicatorEl);
1334
1334
  svg.appendChild(gGroup);
1335
1335
  }