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

package/dist/index.js

@@ -8583,7 +8583,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 */
@@ -12080,6 +12080,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
@@ -12101,8 +12102,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 = [];
@@ -12268,6 +12269,8 @@ const themeDefaults = {
         itemsCenter: true,
         gap: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     section: {
         md: true,
@@ -12282,6 +12285,7 @@ const themeDefaults = {
         noRing: true,
         noShadow: true,
         responsive: true,
+        sharp: true,
     },
     stack: {
         md: true,
@@ -12293,6 +12297,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     row: {
         row: true,
@@ -12303,6 +12309,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     col: {
         column: true,
@@ -12312,6 +12320,8 @@ const themeDefaults = {
         noBorder: true,
         noRing: true,
         outline: true,
+        primary: true,
+        sharp: true,
     },
     grid2: {
         md: true,
@@ -12319,6 +12329,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid3: {
         md: true,
@@ -12326,6 +12337,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid4: {
         md: true,
@@ -12333,6 +12345,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid5: {
         md: true,
@@ -12340,6 +12353,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     grid6: {
         md: true,
@@ -12347,6 +12361,7 @@ const themeDefaults = {
         gap: true,
         sharp: true,
         outline: true,
+        primary: true,
     },
     divider: {
         md: true,
@@ -12361,6 +12376,7 @@ const themeDefaults = {
         sans: true,
         medium: true,
         outline: true,
+        primary: true,
     },
     img: {
         md: true,
@@ -12382,6 +12398,7 @@ const themeDefaults = {
         sans: true,
         textLeft: true,
         outline: true,
+        primary: true,
     },
     title: {
         md: true,
@@ -12390,6 +12407,7 @@ const themeDefaults = {
         textLeft: true,
         responsive: true,
         outline: true,
+        primary: true,
     },
     pageTitle: {
         md: true,
@@ -12398,6 +12416,7 @@ const themeDefaults = {
         textLeft: true,
         responsive: true,
         outline: true,
+        primary: true,
     },
     sectionTitle: {
         md: true,
@@ -12406,17 +12425,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,
@@ -12425,6 +12446,7 @@ const themeDefaults = {
         padding: true,
         disc: true,
         outline: true,
+        primary: true,
     },
     checkbox: {
         input: {
@@ -12743,7 +12765,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,