@vaneui/md 0.3.1-alpha.20260104125946.4a6b7b2 → 0.3.1-alpha.20260104201635.7d81a8e

package/dist/index.esm.js

@@ -8581,7 +8581,7 @@ const VARIANT = ['variant'];
 /** Component property keys mapping categories to their available values */
 const ComponentKeys = {
     /** Color appearance options */
-    appearance: ['primary', 'brand', 'accent', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info'],
+    appearance: ['primary', 'brand', 'accent', 'secondary', 'tertiary', 'success', 'danger', 'warning', 'info', 'link'],
     /** Border visibility: includes all border variations and noBorder (border, borderT, borderB, etc., noBorder) */
     border: ['border', 'borderT', 'borderB', 'borderL', 'borderR', 'borderX', 'borderY', 'noBorder'],
     /** Column breakpoints for responsive grid layouts */
@@ -12078,6 +12078,7 @@ class SimpleConsumerTheme extends BaseTheme {
         this.active = config.active || '';
         this.focusVisible = config.focusVisible || '';
         this.category = category;
+        this.alwaysOutput = config.alwaysOutput || false;
     }
     getClasses(extractedKeys) {
         // Handle conditional categories - only output if the feature is enabled
@@ -12099,8 +12100,8 @@ class SimpleConsumerTheme extends BaseTheme {
         if (this.category === 'focusVisible' && (extractedKeys.focusVisible === 'noFocusVisible' || extractedKeys.focusVisible === undefined)) {
             return [];
         }
-        // Only output classes if an appearance or transparent is set
-        if (!(extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.appearance) && !(extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent)) {
+        // Only output classes if an appearance or transparent is set (unless alwaysOutput is true)
+        if (!this.alwaysOutput && !(extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.appearance) && !(extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.transparent)) {
             return [];
         }
         const classes = [];
@@ -12266,6 +12267,8 @@ const themeDefaults = {
         itemsCenter: true,
         gap: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     section: {
         md: true,
@@ -12280,6 +12283,7 @@ const themeDefaults = {
         noRing: true,
         noShadow: true,
         responsive: true,
+        sharp: true,
     },
     stack: {
         md: true,
@@ -12291,6 +12295,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     row: {
         row: true,
@@ -12301,6 +12307,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     col: {
         column: true,
@@ -12310,6 +12318,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     grid2: {
         md: true,
@@ -12317,6 +12327,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid3: {
         md: true,
@@ -12324,6 +12335,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid4: {
         md: true,
@@ -12331,6 +12343,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid5: {
         md: true,
@@ -12338,6 +12351,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid6: {
         md: true,
@@ -12345,6 +12359,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     divider: {
         md: true,
@@ -12359,6 +12374,7 @@ const themeDefaults = {
         sans: true,
         medium: true,
         outline: true,
+        primary: true,
     },
     img: {
         md: true,
@@ -12380,6 +12396,7 @@ const themeDefaults = {
         sans: true,
         textLeft: true,
         outline: true,
+        primary: true,
     },
     title: {
         md: true,
@@ -12388,6 +12405,7 @@ const themeDefaults = {
         textLeft: true,
         responsive: true,
         outline: true,
+        primary: true,
     },
     pageTitle: {
         md: true,
@@ -12396,6 +12414,7 @@ const themeDefaults = {
         textLeft: true,
         responsive: true,
         outline: true,
+        primary: true,
     },
     sectionTitle: {
         md: true,
@@ -12404,17 +12423,19 @@ const themeDefaults = {
         textLeft: true,
         responsive: true,
         outline: true,
+        primary: true,
     },
     link: {
         md: true,
         underline: true,
         sans: true,
         outline: true,
+        link: true,
     },
     listItem: {
+        outline: true,
         md: true,
         sans: true,
-        outline: true,
     },
     list: {
         md: true,
@@ -12423,6 +12444,7 @@ const themeDefaults = {
         padding: true,
         disc: true,
         outline: true,
+        primary: true,
     },
     checkbox: {
         input: {
@@ -12741,7 +12763,7 @@ const listItemTheme = new ComponentTheme("li", "vane-list-item", {
         lineHeight: new LineHeightTheme(),
     },
     appearance: {
-        text: new SimpleConsumerTheme({ base: textConsumerClass }, 'text'),
+        text: new SimpleConsumerTheme({ base: textConsumerClass, alwaysOutput: true }, 'text'),
     },
     typography: defaultTypographyThemes,
     layout: defaultLayoutsThemes,