@varlet/ui 3.6.0-alpha.1728498016952 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/alert/Alert.mjs +136 -0
- package/es/alert/AlertSfc.css +0 -0
- package/es/alert/alert.css +1 -0
- package/es/alert/index.mjs +9 -0
- package/es/alert/props.mjs +23 -0
- package/es/alert/style/index.mjs +5 -0
- package/es/code/Code.mjs +3 -3
- package/es/code/props.mjs +7 -7
- package/es/index.bundle.mjs +7 -1
- package/es/index.mjs +6 -1
- package/es/style.css +1 -1
- package/es/style.mjs +1 -0
- package/es/themes/dark/alert.mjs +33 -0
- package/es/themes/dark/index.mjs +3 -2
- package/es/themes/md3-dark/alert.mjs +33 -0
- package/es/themes/md3-dark/index.mjs +3 -2
- package/es/themes/md3-light/alert.mjs +33 -0
- package/es/themes/md3-light/index.mjs +3 -2
- package/es/varlet.esm.js +4631 -4394
- package/highlight/web-types.en-US.json +115 -1
- package/highlight/web-types.zh-CN.json +115 -1
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +1323 -1080
- package/package.json +7 -7
- package/types/alert.d.ts +35 -0
- package/types/code.d.ts +1 -0
- package/types/index.d.ts +2 -0
- package/types/styleVars.d.ts +28 -0
- package/umd/varlet.js +8 -8
package/es/style.mjs
CHANGED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var stdin_default = {
|
|
2
|
+
"--alert-padding": "16px",
|
|
3
|
+
"--alert-border-radius": "4px",
|
|
4
|
+
"--alert-icon-size": "22px",
|
|
5
|
+
"--alert-icon-margin": "0 12px 0 0",
|
|
6
|
+
"--alert-close-icon-size": "22px",
|
|
7
|
+
"--alert-close-icon-margin": "2px 0 0 12px",
|
|
8
|
+
"--alert-standard-info-text-color": "var(--color-on-info)",
|
|
9
|
+
"--alert-standard-danger-text-color": "var(--color-on-danger)",
|
|
10
|
+
"--alert-standard-success-text-color": "var(--color-on-success)",
|
|
11
|
+
"--alert-standard-warning-text-color": "var(--color-on-warning)",
|
|
12
|
+
"--alert-danger-background": "var(--color-danger)",
|
|
13
|
+
"--alert-success-background": "var(--color-success)",
|
|
14
|
+
"--alert-warning-background": "var(--color-warning)",
|
|
15
|
+
"--alert-info-background": "var(--color-info)",
|
|
16
|
+
"--alert-tonal-danger-background": "hsla(var(--hsl-danger), 0.12)",
|
|
17
|
+
"--alert-tonal-success-background": "hsla(var(--hsl-success), 0.12)",
|
|
18
|
+
"--alert-tonal-warning-background": "hsla(var(--hsl-warning), 0.12)",
|
|
19
|
+
"--alert-tonal-info-background": "hsla(var(--hsl-info), 0.12)",
|
|
20
|
+
"--alert-tonal-danger-text-color": "var(--color-danger)",
|
|
21
|
+
"--alert-tonal-success-text-color": "var(--color-success)",
|
|
22
|
+
"--alert-tonal-warning-text-color": "var(--color-warning)",
|
|
23
|
+
"--alert-tonal-info-text-color": "var(--color-info)",
|
|
24
|
+
"--alert-message-font-size": "14px",
|
|
25
|
+
"--alert-title-font-size": "16px",
|
|
26
|
+
"--alert-title-font-weight": "500",
|
|
27
|
+
"--alert-message-margin-top": "4px",
|
|
28
|
+
"--alert-message-line-height": "1.5",
|
|
29
|
+
"--alert-title-line-height": "1.5"
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
stdin_default as default
|
|
33
|
+
};
|
package/es/themes/dark/index.mjs
CHANGED
|
@@ -15,6 +15,7 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
17
|
import actionSheet from "./actionSheet.mjs";
|
|
18
|
+
import alert from "./alert.mjs";
|
|
18
19
|
import badge from "./badge.mjs";
|
|
19
20
|
import button from "./button.mjs";
|
|
20
21
|
import card from "./card.mjs";
|
|
@@ -78,7 +79,7 @@ import swipe from "./swipe.mjs";
|
|
|
78
79
|
import tooltip from "./tooltip.mjs";
|
|
79
80
|
import select from "./select.mjs";
|
|
80
81
|
import code from "./code.mjs";
|
|
81
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
83
|
"--font-size-xs": "10px",
|
|
83
84
|
"--font-size-sm": "12px",
|
|
84
85
|
"--font-size-md": "14px",
|
|
@@ -156,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
156
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
157
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
158
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
159
|
-
}, button), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code);
|
|
160
|
+
}, button), alert), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code);
|
|
160
161
|
export {
|
|
161
162
|
stdin_default as default
|
|
162
163
|
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var stdin_default = {
|
|
2
|
+
"--alert-padding": "16px",
|
|
3
|
+
"--alert-border-radius": "4px",
|
|
4
|
+
"--alert-icon-size": "22px",
|
|
5
|
+
"--alert-icon-margin": "0 12px 0 0",
|
|
6
|
+
"--alert-close-icon-size": "22px",
|
|
7
|
+
"--alert-close-icon-margin": "2px 0 0 12px",
|
|
8
|
+
"--alert-standard-info-text-color": "var(--color-on-info)",
|
|
9
|
+
"--alert-standard-danger-text-color": "var(--color-on-danger)",
|
|
10
|
+
"--alert-standard-success-text-color": "var(--color-on-success)",
|
|
11
|
+
"--alert-standard-warning-text-color": "var(--color-on-warning)",
|
|
12
|
+
"--alert-danger-background": "var(--color-danger)",
|
|
13
|
+
"--alert-success-background": "var(--color-success)",
|
|
14
|
+
"--alert-warning-background": "var(--color-warning)",
|
|
15
|
+
"--alert-info-background": "var(--color-info)",
|
|
16
|
+
"--alert-tonal-danger-background": "hsla(var(--hsl-danger), 0.12)",
|
|
17
|
+
"--alert-tonal-success-background": "hsla(var(--hsl-success), 0.12)",
|
|
18
|
+
"--alert-tonal-warning-background": "hsla(var(--hsl-warning), 0.12)",
|
|
19
|
+
"--alert-tonal-info-background": "hsla(var(--hsl-info), 0.12)",
|
|
20
|
+
"--alert-tonal-danger-text-color": "var(--color-danger)",
|
|
21
|
+
"--alert-tonal-success-text-color": "var(--color-success)",
|
|
22
|
+
"--alert-tonal-warning-text-color": "var(--color-warning)",
|
|
23
|
+
"--alert-tonal-info-text-color": "var(--color-info)",
|
|
24
|
+
"--alert-message-font-size": "14px",
|
|
25
|
+
"--alert-title-font-size": "16px",
|
|
26
|
+
"--alert-title-font-weight": "500",
|
|
27
|
+
"--alert-message-margin-top": "4px",
|
|
28
|
+
"--alert-message-line-height": "1.5",
|
|
29
|
+
"--alert-title-line-height": "1.5"
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
stdin_default as default
|
|
33
|
+
};
|
|
@@ -15,6 +15,7 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
17
|
import button from "./button.mjs";
|
|
18
|
+
import alert from "./alert.mjs";
|
|
18
19
|
import hoverOverlay from "./hoverOverlay.mjs";
|
|
19
20
|
import menu from "./menu.mjs";
|
|
20
21
|
import menuSelect from "./menuSelect.mjs";
|
|
@@ -78,7 +79,7 @@ import ripple from "./ripple.mjs";
|
|
|
78
79
|
import space from "./space.mjs";
|
|
79
80
|
import swipe from "./swipe.mjs";
|
|
80
81
|
import code from "./code.mjs";
|
|
81
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
83
|
"--font-size-xs": "10px",
|
|
83
84
|
"--font-size-sm": "12px",
|
|
84
85
|
"--font-size-md": "14px",
|
|
@@ -156,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
156
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
157
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
158
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
159
|
-
}, button), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), ripple), space), swipe), code);
|
|
160
|
+
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), ripple), space), swipe), code);
|
|
160
161
|
export {
|
|
161
162
|
stdin_default as default
|
|
162
163
|
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var stdin_default = {
|
|
2
|
+
"--alert-padding": "16px",
|
|
3
|
+
"--alert-border-radius": "4px",
|
|
4
|
+
"--alert-icon-size": "22px",
|
|
5
|
+
"--alert-icon-margin": "0 12px 0 0",
|
|
6
|
+
"--alert-close-icon-size": "22px",
|
|
7
|
+
"--alert-close-icon-margin": "2px 0 0 12px",
|
|
8
|
+
"--alert-standard-info-text-color": "var(--color-on-info)",
|
|
9
|
+
"--alert-standard-danger-text-color": "var(--color-on-danger)",
|
|
10
|
+
"--alert-standard-success-text-color": "var(--color-on-success)",
|
|
11
|
+
"--alert-standard-warning-text-color": "var(--color-on-warning)",
|
|
12
|
+
"--alert-danger-background": "var(--color-danger)",
|
|
13
|
+
"--alert-success-background": "var(--color-success)",
|
|
14
|
+
"--alert-warning-background": "var(--color-warning)",
|
|
15
|
+
"--alert-info-background": "var(--color-info)",
|
|
16
|
+
"--alert-tonal-danger-background": "hsla(var(--hsl-danger), 0.12)",
|
|
17
|
+
"--alert-tonal-success-background": "hsla(var(--hsl-success), 0.12)",
|
|
18
|
+
"--alert-tonal-warning-background": "hsla(var(--hsl-warning), 0.12)",
|
|
19
|
+
"--alert-tonal-info-background": "hsla(var(--hsl-info), 0.12)",
|
|
20
|
+
"--alert-tonal-danger-text-color": "var(--color-danger)",
|
|
21
|
+
"--alert-tonal-success-text-color": "var(--color-success)",
|
|
22
|
+
"--alert-tonal-warning-text-color": "var(--color-warning)",
|
|
23
|
+
"--alert-tonal-info-text-color": "var(--color-info)",
|
|
24
|
+
"--alert-message-font-size": "14px",
|
|
25
|
+
"--alert-title-font-size": "16px",
|
|
26
|
+
"--alert-title-font-weight": "500",
|
|
27
|
+
"--alert-message-margin-top": "4px",
|
|
28
|
+
"--alert-message-line-height": "1.5",
|
|
29
|
+
"--alert-title-line-height": "1.5"
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
stdin_default as default
|
|
33
|
+
};
|
|
@@ -15,6 +15,7 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
17
|
import button from "./button.mjs";
|
|
18
|
+
import alert from "./alert.mjs";
|
|
18
19
|
import hoverOverlay from "./hoverOverlay.mjs";
|
|
19
20
|
import menu from "./menu.mjs";
|
|
20
21
|
import menuSelect from "./menuSelect.mjs";
|
|
@@ -78,7 +79,7 @@ import swipe from "./swipe.mjs";
|
|
|
78
79
|
import watermark from "./watermark.mjs";
|
|
79
80
|
import appBar from "./appBar.mjs";
|
|
80
81
|
import code from "./code.mjs";
|
|
81
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
82
83
|
"--font-size-xs": "10px",
|
|
83
84
|
"--font-size-sm": "12px",
|
|
84
85
|
"--font-size-md": "14px",
|
|
@@ -156,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
156
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
157
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
158
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
159
|
-
}, button), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code);
|
|
160
|
+
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code);
|
|
160
161
|
export {
|
|
161
162
|
stdin_default as default
|
|
162
163
|
};
|