vira 31.9.1 → 31.9.3

package/dist/elements/vira-tabs.element.js

@@ -113,6 +113,7 @@ export const ViraTabs = defineViraElement()({
                 display: flex;
                 align-items: center;
                 justify-content: center;
+                text-align: center;
                 position: relative;
                 color: ${cssVars['vira-tabs-inactive-color'].value};
                 font-size: ${viraFormCssVars['vira-form-medium-text-size'].value};

package/dist/icons/lucide-icons.d.ts

@@ -6,16 +6,10 @@ import { type ViraIconSvg } from './icon-svg.js';
  * @category Internal
  */
 export type LucideIconKey = keyof typeof lucideStaticImport;
-/**
- * An entry in {@link lucideIcons}.
- *
- * @category Internal
- */
-export type LucideIconEntry = ViraIconSvg & ((options: Readonly<Record<string, string | number>>) => ViraIconSvg);
 /**
  * All [Lucide icons](https://lucide.dev) in a format compatible with `ViraIcon`. Each icon entry
- * can be accessed directly or customized by calling it as a function.
+ * can be accessed directly as a {@link ViraIconSvg}.
  *
  * @category Icon
  */
-export declare const lucideIcons: Readonly<Record<LucideIconKey, LucideIconEntry>>;
+export declare const lucideIcons: Readonly<Record<LucideIconKey, ViraIconSvg>>;

package/dist/icons/lucide-icons.js

@@ -14,7 +14,7 @@ function setSvgAttribute(svgString, attributeName, value) {
         : svgString.replace(/<svg\b/, `<svg ${attributeName}="${value}"`);
 }
 function applySvgAttributes(svgString, attributes) {
-    return Object.entries(attributes).reduce((result, [key, value,]) => setSvgAttribute(result, key, String(value)), svgString);
+    return Object.entries(attributes).reduce((result, [key, value,]) => setSvgAttribute(result, key, value), svgString);
 }
 function isLucideIconKey(key) {
     return key in lucideStaticImport;
@@ -27,33 +27,17 @@ function getLucideIconSvg(key) {
     return svg;
 }
 function createLucideIconEntry(iconKey) {
-    const svgString = getLucideIconSvg(iconKey);
-    const configureIconCallback = (options) => {
-        return {
-            name: iconKey,
-            svgTemplate: html `
-                ${unsafeHTML(applySvgAttributes(svgString, {
-                ...defaultLucideAttributes,
-                ...options,
-            }))}
-            `,
-        };
-    };
-    Object.defineProperty(configureIconCallback, 'name', {
-        value: iconKey,
-        writable: false,
-        configurable: true,
-    });
-    return Object.assign(configureIconCallback, {
+    return {
+        name: iconKey,
         svgTemplate: html `
-            ${unsafeHTML(applySvgAttributes(svgString, defaultLucideAttributes))}
+            ${unsafeHTML(applySvgAttributes(getLucideIconSvg(iconKey), defaultLucideAttributes))}
         `,
-    });
+    };
 }
 const lucideIconCache = new Map();
 /**
  * All [Lucide icons](https://lucide.dev) in a format compatible with `ViraIcon`. Each icon entry
- * can be accessed directly or customized by calling it as a function.
+ * can be accessed directly as a {@link ViraIconSvg}.
  *
  * @category Icon
  */

package/dist/styles/form-variants.js

@@ -35,7 +35,7 @@ export var ViraColorVariant;
  * @category Internal
  */
 export const viraColorVariantToColorName = {
-    [ViraColorVariant.Accent]: ViraThemeColorName.blue,
+    [ViraColorVariant.Accent]: ViraThemeColorName.accent,
     [ViraColorVariant.Neutral]: ViraThemeColorName.grey,
     [ViraColorVariant.Danger]: ViraThemeColorName.red,
     [ViraColorVariant.Warning]: ViraThemeColorName.yellow,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.9.1",
+    "version": "31.9.3",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",