@varlet/ui 3.5.3 → 3.5.4

package/es/themes/dark/card.mjs

@@ -4,6 +4,7 @@ var stdin_default = {
   "--card-description-color": "#aaaaaa",
   "--card-padding": "0 0 15px 0",
   "--card-background": "var(--color-surface-container-highest)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-outline-color": "var(--color-outline)",
   "--card-border-radius": "4px",
   "--card-image-width": "100%",

package/es/themes/md3-dark/card.mjs

@@ -1,6 +1,7 @@
 var stdin_default = {
   "--card-border-radius": "12px",
   "--card-background": "var(--color-surface-container-highest)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-image-height": "188px",
   "--card-title-color": "var(--color-inverse-surface)",
   "--card-title-font-size": "16px",

package/es/themes/md3-light/card.mjs

@@ -1,6 +1,7 @@
 var stdin_default = {
   "--card-border-radius": "12px",
   "--card-background": "var(--color-surface-container-low)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-image-height": "188px",
   "--card-title-color": "#1D1B20",
   "--card-title-font-size": "16px",

package/es/varlet.esm.js

@@ -6612,7 +6612,10 @@ const bp = {
   },
   imageHeight: [String, Number],
   imageWidth: [String, Number],
-  outline: Boolean,
+  variant: {
+    type: String,
+    default: "standard"
+  },
   layout: {
     type: String,
     default: "column"
@@ -6632,7 +6635,9 @@ const bp = {
   },
   ripple: Boolean,
   onClick: A(),
-  "onUpdate:floating": A()
+  "onUpdate:floating": A(),
+  // deprecated
+  outline: Boolean
 };
 var xu = (e, n, o) => new Promise((r, t) => {
   var a = (s) => {
@@ -6657,7 +6662,15 @@ function Ik(e, n) {
     "div",
     {
       ref: "card",
-      class: p(e.classes(e.n(), [e.isRow, e.n("--layout-row")], [e.outline, e.n("--outline")], e.formatElevation(e.elevation, 1))),
+      class: p(
+        e.classes(
+          e.n(),
+          [e.isRow, e.n("--layout-row")],
+          [e.variant === "outlined" || e.outline, e.n("--outline")],
+          [e.variant === "filled", e.n("--filled")],
+          [e.variant === "standard" || e.outline, e.formatElevation(e.elevation, 1)]
+        )
+      ),
       style: q({
         zIndex: e.floated ? e.zIndex : void 0
       }),
@@ -19108,6 +19121,7 @@ var es = ki, NP = {
   "--card-description-color": "#aaaaaa",
   "--card-padding": "0 0 15px 0",
   "--card-background": "var(--color-surface-container-highest)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-outline-color": "var(--color-outline)",
   "--card-border-radius": "4px",
   "--card-image-width": "100%",
@@ -20108,6 +20122,7 @@ var es = ki, NP = {
 }, lO = {
   "--card-border-radius": "12px",
   "--card-background": "var(--color-surface-container-low)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-image-height": "188px",
   "--card-title-color": "#1D1B20",
   "--card-title-font-size": "16px",
@@ -21010,6 +21025,7 @@ var es = ki, NP = {
 }, k3 = {
   "--card-border-radius": "12px",
   "--card-background": "var(--color-surface-container-highest)",
+  "--card-filled-background": "var(--color-surface-container-highest)",
   "--card-image-height": "188px",
   "--card-title-color": "var(--color-inverse-surface)",
   "--card-title-font-size": "16px",
@@ -23160,7 +23176,7 @@ re(Ci);
 se(Ci, gh);
 const L5 = Ci;
 var ts = Ci;
-const nT = "3.5.3";
+const nT = "3.5.4";
 function oT(e) {
   Ri.install && e.use(Ri), Li.install && e.use(Li), Hi.install && e.use(Hi), Wi.install && e.use(Wi), Ki.install && e.use(Ki), qi.install && e.use(qi), Bt.install && e.use(Bt), Xi.install && e.use(Xi), Gi.install && e.use(Gi), Zi.install && e.use(Zi), Ji.install && e.use(Ji), zn.install && e.use(zn), Qi.install && e.use(Qi), _i.install && e.use(_i), xi.install && e.use(xi), lr.install && e.use(lr), el.install && e.use(el), Dt.install && e.use(Dt), nl.install && e.use(nl), ol.install && e.use(ol), rl.install && e.use(rl), tl.install && e.use(tl), Nn.install && e.use(Nn), sl.install && e.use(sl), vl.install && e.use(vl), hl.install && e.use(hl), gl.install && e.use(gl), bl.install && e.use(bl), Rt.install && e.use(Rt), yl.install && e.use(yl), kl.install && e.use(kl), Mr.install && e.use(Mr), $l.install && e.use($l), wl.install && e.use(wl), Pn.install && e.use(Pn), En.install && e.use(En), Vn.install && e.use(Vn), Ze.install && e.use(Ze), Cl.install && e.use(Cl), jr.install && e.use(jr), Sl.install && e.use(Sl), Pl.install && e.use(Pl), Nr.install && e.use(Nr), Fr.install && e.use(Fr), zl.install && e.use(zl), Ol.install && e.use(Ol), cr.install && e.use(cr), Tl.install && e.use(Tl), Ai.install && e.use(Ai), El.install && e.use(El), Rr.install && e.use(Rr), sr.install && e.use(sr), Lr.install && e.use(Lr), Ft.install && e.use(Ft), Bl.install && e.use(Bl), Dl.install && e.use(Dl), Il.install && e.use(Il), Ml.install && e.use(Ml), Oo.install && e.use(Oo), Nl.install && e.use(Nl), Al.install && e.use(Al), Ut.install && e.use(Ut), Vl.install && e.use(Vl), Rl.install && e.use(Rl), Ll.install && e.use(Ll), nn.install && e.use(nn), Fl.install && e.use(Fl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), Yl.install && e.use(Yl), Wl.install && e.use(Wl), Kl.install && e.use(Kl), ql.install && e.use(ql), Xl.install && e.use(Xl), pr.install && e.use(pr), Gl.install && e.use(Gl), Hr.install && e.use(Hr), Yr.install && e.use(Yr), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), ns.install && e.use(ns), os.install && e.use(os), Lt.install && e.use(Lt), rs.install && e.use(rs), ts.install && e.use(ts);
 }

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.5.3",
+  "version": "3.5.4",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1338,6 +1338,15 @@
         {
           "name": "var-card",
           "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of Card, optional value is `standard` `outlined` `filled`",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "title",
               "description": "The title of Card",

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.5.3",
+  "version": "3.5.4",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1398,6 +1398,15 @@
         {
           "name": "var-card",
           "attributes": [
+            {
+              "name": "variant",
+              "description": "卡片外观，可选值 `standard` `outlined` `filled`",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "title",
               "description": "卡片标题",
@@ -1461,15 +1470,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": "outline",
-              "description": "是否使用外边框",
-              "default": "false",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
             {
               "name": "alt",
               "description": "替代文本，和 img 标签原生属性一致",