@varlet/ui 3.5.4 → 3.6.0-alpha.1728668115499
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/action-sheet/style/index.mjs +1 -1
- 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 +67 -0
- package/es/code/CodeSfc.css +0 -0
- package/es/code/code.css +1 -0
- package/es/code/index.mjs +12 -0
- package/es/code/props.mjs +16 -0
- package/es/code/style/index.mjs +3 -0
- package/es/highlighter-provider/HighlighterProvider.mjs +26 -0
- package/es/highlighter-provider/index.mjs +11 -0
- package/es/highlighter-provider/props.mjs +11 -0
- package/es/highlighter-provider/provide.mjs +17 -0
- package/es/highlighter-provider/style/index.mjs +0 -0
- package/es/index.bundle.mjs +19 -1
- package/es/index.mjs +16 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/style.css +1 -1
- package/es/style.mjs +3 -0
- package/es/themes/dark/alert.mjs +33 -0
- package/es/themes/dark/code.mjs +7 -0
- package/es/themes/dark/index.mjs +4 -2
- package/es/themes/md3-dark/alert.mjs +33 -0
- package/es/themes/md3-dark/code.mjs +7 -0
- package/es/themes/md3-dark/index.mjs +4 -2
- package/es/themes/md3-light/alert.mjs +33 -0
- package/es/themes/md3-light/code.mjs +7 -0
- package/es/themes/md3-light/index.mjs +4 -2
- package/es/varlet.esm.js +6019 -5671
- package/highlight/web-types.en-US.json +188 -1
- package/highlight/web-types.zh-CN.json +188 -1
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +1913 -1533
- package/package.json +13 -12
- package/types/alert.d.ts +35 -0
- package/types/code.d.ts +19 -0
- package/types/highlighterProvider.d.ts +26 -0
- package/types/index.d.ts +6 -0
- package/types/styleVars.d.ts +30 -0
- package/umd/varlet.js +8 -8
package/es/style.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import './action-sheet/style/index.mjs'
|
|
2
|
+
import './alert/style/index.mjs'
|
|
2
3
|
import './app-bar/style/index.mjs'
|
|
3
4
|
import './auto-complete/style/index.mjs'
|
|
4
5
|
import './avatar/style/index.mjs'
|
|
@@ -16,6 +17,7 @@ import './cell/style/index.mjs'
|
|
|
16
17
|
import './checkbox/style/index.mjs'
|
|
17
18
|
import './checkbox-group/style/index.mjs'
|
|
18
19
|
import './chip/style/index.mjs'
|
|
20
|
+
import './code/style/index.mjs'
|
|
19
21
|
import './col/style/index.mjs'
|
|
20
22
|
import './collapse/style/index.mjs'
|
|
21
23
|
import './collapse-item/style/index.mjs'
|
|
@@ -33,6 +35,7 @@ import './field-decorator/style/index.mjs'
|
|
|
33
35
|
import './floating-panel/style/index.mjs'
|
|
34
36
|
import './form/style/index.mjs'
|
|
35
37
|
import './form-details/style/index.mjs'
|
|
38
|
+
import './highlighter-provider/style/index.mjs'
|
|
36
39
|
import './hover/style/index.mjs'
|
|
37
40
|
import './hover-overlay/style/index.mjs'
|
|
38
41
|
import './icon/style/index.mjs'
|
|
@@ -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";
|
|
@@ -77,7 +78,8 @@ import space from "./space.mjs";
|
|
|
77
78
|
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";
|
|
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({
|
|
81
83
|
"--font-size-xs": "10px",
|
|
82
84
|
"--font-size-sm": "12px",
|
|
83
85
|
"--font-size-md": "14px",
|
|
@@ -155,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
155
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
156
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
157
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
158
|
-
}, 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);
|
|
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);
|
|
159
161
|
export {
|
|
160
162
|
stdin_default as default
|
|
161
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";
|
|
@@ -77,7 +78,8 @@ import overlay from "./overlay.mjs";
|
|
|
77
78
|
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";
|
|
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({
|
|
81
83
|
"--font-size-xs": "10px",
|
|
82
84
|
"--font-size-sm": "12px",
|
|
83
85
|
"--font-size-md": "14px",
|
|
@@ -155,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
155
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
156
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
157
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
158
|
-
}, 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);
|
|
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);
|
|
159
161
|
export {
|
|
160
162
|
stdin_default as default
|
|
161
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";
|
|
@@ -77,7 +78,8 @@ import step from "./step.mjs";
|
|
|
77
78
|
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";
|
|
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({
|
|
81
83
|
"--font-size-xs": "10px",
|
|
82
84
|
"--font-size-sm": "12px",
|
|
83
85
|
"--font-size-md": "14px",
|
|
@@ -155,7 +157,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
155
157
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
156
158
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
157
159
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
158
|
-
}, 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);
|
|
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);
|
|
159
161
|
export {
|
|
160
162
|
stdin_default as default
|
|
161
163
|
};
|