@varlet/ui 3.18.0-alpha.1781276267923 → 3.18.0

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.18.0-alpha.1781276267923",
+  "version": "3.18.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -6317,9 +6317,18 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "variant",
+              "description": "Paper variant, options `standard`, `outlined`, and `filled`. The `outlined` and `filled` modes do not mount elevation styles",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "surface",
-              "description": "Background preset, optional value is `low`. It currently only takes effect in the MD3 dark theme",
+              "description": "Background preset, optional value is `low`, invalid when `variant` is `filled`. It currently only takes effect in the MD3 dark theme",
               "default": "-",
               "value": {
                 "type": "string",

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.18.0-alpha.1781276267923",
+  "version": "3.18.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -6084,9 +6084,18 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "variant",
+              "description": "纸张变体，可选值为 `standard`、`outlined`、`filled`，`outlined` 和 `filled` 模式不挂载海拔样式",
+              "default": "standard",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "surface",
-              "description": "背景色预设，可选值 `low`，目前只作用在 MD3 暗色主题",
+              "description": "背景色预设，可选值 `low`，在 `variant` 为 `filled` 时无效，目前只作用在 MD3 暗色主题",
               "default": "-",
               "value": {
                 "type": "string",

package/lib/varlet.cjs.js

@@ -20245,6 +20245,10 @@ var props$54 = {
 	height: [Number, String],
 	round: Boolean,
 	inline: Boolean,
+	variant: {
+		type: String,
+		default: "standard"
+	},
 	surface: String,
 	hoverable: {
 		type: [Boolean, Object],
@@ -20260,7 +20264,7 @@ function __render__$38(_ctx, _cache) {
 	const _directive_ripple = (0, vue.resolveDirective)("ripple");
 	const _directive_hover = (0, vue.resolveDirective)("hover");
 	return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.formatElevation(_ctx.elevation, 2), [_ctx.onClick || !_ctx.normalizedHoverable.disabled, _ctx.n("--cursor")], [_ctx.round, _ctx.n("--round")], [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.inline, _ctx.n("$--inline-flex")])),
+		class: (0, vue.normalizeClass)(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.variant === "standard", _ctx.formatElevation(_ctx.elevation, 2)], [_ctx.onClick || !_ctx.normalizedHoverable.disabled, _ctx.n("--cursor")], [_ctx.round, _ctx.n("--round")], [_ctx.surfaceLow, _ctx.n("--surface-low")], [_ctx.variant === "outlined", _ctx.n("--outlined")], [_ctx.variant === "filled", _ctx.n("--filled")], [_ctx.inline, _ctx.n("$--inline-flex")])),
 		style: (0, vue.normalizeStyle)({
 			width: _ctx.toSizeUnit(_ctx.width),
 			height: _ctx.toSizeUnit(_ctx.height),
@@ -20288,7 +20292,7 @@ var __sfc__$38 = (0, vue.defineComponent)({
 	components: { VarHoverOverlay: stdin_default$41 },
 	props: props$54,
 	setup(props2) {
-		const surfaceLow = (0, vue.computed)(() => props2.surface === "low");
+		const surfaceLow = (0, vue.computed)(() => props2.surface === "low" && props2.variant !== "filled");
 		const { hovering, handleHovering } = useHoverOverlay();
 		const normalizedRipple = (0, vue.computed)(() => normalizeRipple(props2.ripple));
 		const normalizedHoverable = (0, vue.computed)(() => normalizeHoverable(props2.hoverable));
@@ -25666,6 +25670,7 @@ var stdin_default$322 = {
 	"--card-description-color": "#aaaaaa",
 	"--card-padding": "0 0 15px 0",
 	"--card-background": "var(--color-surface-container-highest)",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-outline-color": "var(--color-outline)",
 	"--card-border-radius": "4px",
@@ -25830,9 +25835,15 @@ var stdin_default$314 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -26182,6 +26193,9 @@ var stdin_default$291 = {
 //#region es/themes/dark/paper.mjs
 var stdin_default$290 = {
 	"--paper-background": "var(--color-surface-container-highest)",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "4px"
 };
 //#endregion
@@ -27007,6 +27021,7 @@ var stdin_default$248 = {
 	"--card-border-radius": "12px",
 	"--card-background": "var(--color-surface-container-highest)",
 	"--card-surface-low-background": "#1c1b1d",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-image-height": "188px",
 	"--card-title-color": "var(--color-inverse-surface)",
@@ -27174,9 +27189,15 @@ var stdin_default$240 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -27526,6 +27547,9 @@ var stdin_default$217 = {
 var stdin_default$216 = {
 	"--paper-background": "var(--color-surface-container-highest)",
 	"--paper-surface-low-background": "#1c1b1d",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "12px"
 };
 //#endregion
@@ -28336,6 +28360,7 @@ var stdin_default$174 = {
 	"--card-border-radius": "12px",
 	"--card-background": "var(--color-surface-container-low)",
 	"--card-surface-low-background": "var(--color-surface-container-low)",
+	"--card-outlined-background": "transparent",
 	"--card-filled-background": "var(--color-surface-container-highest)",
 	"--card-image-height": "188px",
 	"--card-title-color": "#1D1B20",
@@ -28503,9 +28528,15 @@ var stdin_default$166 = {
 	"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
 	"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
 	"--data-table-border-radius": "2px",
-	"--data-table-cell-padding": "8px 16px",
-	"--data-table-selection-cell-padding": "8px 8px",
-	"--data-table-expand-cell-padding": "8px 8px",
+	"--data-table-cell-normal-padding": "8px 16px",
+	"--data-table-cell-small-padding": "4px 16px",
+	"--data-table-cell-large-padding": "11px 16px",
+	"--data-table-selection-cell-normal-padding": "8px 8px",
+	"--data-table-selection-cell-small-padding": "4px 8px",
+	"--data-table-selection-cell-large-padding": "11px 8px",
+	"--data-table-expand-cell-normal-padding": "8px 8px",
+	"--data-table-expand-cell-small-padding": "4px 8px",
+	"--data-table-expand-cell-large-padding": "11px 8px",
 	"--data-table-cell-font-size": "14px",
 	"--data-table-header-font-size": "14px",
 	"--data-table-header-font-weight": "500",
@@ -28855,6 +28886,9 @@ var stdin_default$143 = {
 var stdin_default$142 = {
 	"--paper-background": "var(--color-surface-container-low)",
 	"--paper-surface-low-background": "var(--color-surface-container-low)",
+	"--paper-outlined-background": "transparent",
+	"--paper-filled-background": "var(--color-surface-container-highest)",
+	"--paper-outline-color": "var(--color-outline)",
 	"--paper-border-radius": "12px"
 };
 //#endregion
@@ -31239,7 +31273,7 @@ var _WatermarkComponent = stdin_default$106;
 var stdin_default$100 = stdin_default$106;
 //#endregion
 //#region es/index.bundle.mjs
-var version = "3.18.0-alpha.1781276267923";
+var version = "3.18.0";
 function install(app) {
 	stdin_default.install && app.use(stdin_default);
 	stdin_default$1.install && app.use(stdin_default$1);