vft 0.0.504 → 0.0.506
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/dist/index.css +1 -1
- package/es/components/alert/alert.vue2.js +46 -41
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +3 -3
- package/theme-style/index.css +1 -1
- package/theme-style/src/alert.scss +13 -0
- package/theme-style/vft-alert.css +1 -1
- package/web-types.json +1 -1
|
@@ -88,6 +88,19 @@ $name: alert;
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
+
.icon-info-filled {
|
|
92
|
+
@include icon-common($icon-info-filled);
|
|
93
|
+
}
|
|
94
|
+
.icon-success-filled {
|
|
95
|
+
@include icon-common($icon-success-filled);
|
|
96
|
+
}
|
|
97
|
+
.icon-warning-filled {
|
|
98
|
+
@include icon-common($icon-warning-filled);
|
|
99
|
+
}
|
|
100
|
+
.icon-error-filled {
|
|
101
|
+
@include icon-common($icon-error-filled);
|
|
102
|
+
}
|
|
103
|
+
|
|
91
104
|
& .#{$namespace}-alert__description {
|
|
92
105
|
margin: 5px 0 0;
|
|
93
106
|
font-size: getCssVar('alert', 'description-font-size');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.vft-alert{--vft-alert-padding:8px 16px;--vft-alert-border-radius-base:var(--vft-border-radius-base);--vft-alert-title-font-size:13px;--vft-alert-description-font-size:12px;--vft-alert-close-font-size:12px;--vft-alert-close-customed-font-size:13px;--vft-alert-icon-size:16px;--vft-alert-icon-large-size:28px;display:flex;position:relative;box-sizing:border-box;align-items:center;width:100%;margin:0;padding:var(--vft-alert-padding);overflow:hidden;transition:opacity var(--vft-transition-duration-fast);border-radius:var(--vft-alert-border-radius-base);opacity:1;background-color:var(--vft-color-white)}.vft-alert--success{--vft-alert-bg-color:var(--vft-success-color-light-9)}.vft-alert--success.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-success-color)}.vft-alert--success.is-light .vft-alert__description{color:var(--vft-success-color)}.vft-alert--success.is-dark{background-color:var(--vft-success-color);color:var(--vft-color-white)}.vft-alert--info{--vft-alert-bg-color:var(--vft-info-color-light-9)}.vft-alert--info.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-info-color)}.vft-alert--info.is-light .vft-alert__description{color:var(--vft-info-color)}.vft-alert--info.is-dark{background-color:var(--vft-info-color);color:var(--vft-color-white)}.vft-alert--warning{--vft-alert-bg-color:var(--vft-warning-color-light-9)}.vft-alert--warning.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-warning-color)}.vft-alert--warning.is-light .vft-alert__description{color:var(--vft-warning-color)}.vft-alert--warning.is-dark{background-color:var(--vft-warning-color);color:var(--vft-color-white)}.vft-alert--error{--vft-alert-bg-color:var(--vft-error-color-light-9)}.vft-alert--error.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-error-color)}.vft-alert--error.is-light .vft-alert__description{color:var(--vft-error-color)}.vft-alert--error.is-dark{background-color:var(--vft-error-color);color:var(--vft-color-white)}.vft-alert.is-center{justify-content:center}.vft-alert__content{display:table-cell;padding:0 8px}.vft-alert__title{font-size:var(--vft-alert-title-font-size);line-height:18px;vertical-align:text-top}.vft-alert__title.is-bold{font-weight:700}.vft-alert.is-light .vft-alert__close-btn{color:var(--vft-text-placeholder-color)}.vft-alert.is-dark .vft-alert__close-btn{color:var(--vft-color-white)}.vft-alert.is-dark .vft-alert__description{color:var(--vft-color-white)}.vft-alert .vft-alert__icon{width:var(--vft-alert-icon-size);font-size:var(--vft-alert-icon-size)}.vft-alert .vft-alert__icon.is-big{width:var(--vft-alert-icon-large-size);font-size:var(--vft-alert-icon-large-size)}.vft-alert .vft-alert__description{margin:5px 0 0;font-size:var(--vft-alert-description-font-size)}.vft-alert .vft-alert__close-btn{position:absolute;top:12px;right:15px;opacity:1;font-size:var(--vft-alert-close-font-size);cursor:pointer}.vft-alert .vft-alert__close-btn.is-customed{top:9px;font-size:var(--vft-alert-close-customed-font-size);font-style:normal}.vft-alert-fade-enter-from,.vft-alert-fade-leave-active{opacity:0}
|
|
1
|
+
@charset "UTF-8";.vft-alert{--vft-alert-padding:8px 16px;--vft-alert-border-radius-base:var(--vft-border-radius-base);--vft-alert-title-font-size:13px;--vft-alert-description-font-size:12px;--vft-alert-close-font-size:12px;--vft-alert-close-customed-font-size:13px;--vft-alert-icon-size:16px;--vft-alert-icon-large-size:28px;display:flex;position:relative;box-sizing:border-box;align-items:center;width:100%;margin:0;padding:var(--vft-alert-padding);overflow:hidden;transition:opacity var(--vft-transition-duration-fast);border-radius:var(--vft-alert-border-radius-base);opacity:1;background-color:var(--vft-color-white)}.vft-alert--success{--vft-alert-bg-color:var(--vft-success-color-light-9)}.vft-alert--success.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-success-color)}.vft-alert--success.is-light .vft-alert__description{color:var(--vft-success-color)}.vft-alert--success.is-dark{background-color:var(--vft-success-color);color:var(--vft-color-white)}.vft-alert--info{--vft-alert-bg-color:var(--vft-info-color-light-9)}.vft-alert--info.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-info-color)}.vft-alert--info.is-light .vft-alert__description{color:var(--vft-info-color)}.vft-alert--info.is-dark{background-color:var(--vft-info-color);color:var(--vft-color-white)}.vft-alert--warning{--vft-alert-bg-color:var(--vft-warning-color-light-9)}.vft-alert--warning.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-warning-color)}.vft-alert--warning.is-light .vft-alert__description{color:var(--vft-warning-color)}.vft-alert--warning.is-dark{background-color:var(--vft-warning-color);color:var(--vft-color-white)}.vft-alert--error{--vft-alert-bg-color:var(--vft-error-color-light-9)}.vft-alert--error.is-light{background-color:var(--vft-alert-bg-color);color:var(--vft-error-color)}.vft-alert--error.is-light .vft-alert__description{color:var(--vft-error-color)}.vft-alert--error.is-dark{background-color:var(--vft-error-color);color:var(--vft-color-white)}.vft-alert.is-center{justify-content:center}.vft-alert__content{display:table-cell;padding:0 8px}.vft-alert__title{font-size:var(--vft-alert-title-font-size);line-height:18px;vertical-align:text-top}.vft-alert__title.is-bold{font-weight:700}.vft-alert.is-light .vft-alert__close-btn{color:var(--vft-text-placeholder-color)}.vft-alert.is-dark .vft-alert__close-btn{color:var(--vft-color-white)}.vft-alert.is-dark .vft-alert__description{color:var(--vft-color-white)}.vft-alert .vft-alert__icon{width:var(--vft-alert-icon-size);font-size:var(--vft-alert-icon-size)}.vft-alert .vft-alert__icon.is-big{width:var(--vft-alert-icon-large-size);font-size:var(--vft-alert-icon-large-size)}.vft-alert .icon-info-filled{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296c-44.096 0-108.992 44.736-148.48 101.504c0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04c67.84 0 107.904-43.648 147.456-100.416z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-alert .icon-success-filled{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-alert .icon-warning-filled{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4a51.2 51.2 0 0 0 0 102.4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-alert .icon-error-filled{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512L353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336L616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512L670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-alert .vft-alert__description{margin:5px 0 0;font-size:var(--vft-alert-description-font-size)}.vft-alert .vft-alert__close-btn{position:absolute;top:12px;right:15px;opacity:1;font-size:var(--vft-alert-close-font-size);cursor:pointer}.vft-alert .vft-alert__close-btn.is-customed{top:9px;font-size:var(--vft-alert-close-customed-font-size);font-style:normal}.vft-alert-fade-enter-from,.vft-alert-fade-leave-active{opacity:0}
|