@uzum-tech/ui 1.8.1 → 1.9.0

package/lib/modal/src/Modal.d.ts

@@ -94,8 +94,16 @@ export declare const modalProps: {
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -152,16 +160,24 @@ export declare const modalProps: {
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -395,8 +411,16 @@ export declare const modalProps: {
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -453,16 +477,24 @@ export declare const modalProps: {
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -696,8 +728,16 @@ export declare const modalProps: {
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -754,16 +794,24 @@ export declare const modalProps: {
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -1083,8 +1131,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -1141,16 +1197,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -1384,8 +1448,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -1442,16 +1514,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -1685,8 +1765,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -1743,16 +1831,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -2093,8 +2189,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -2151,16 +2255,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -2394,8 +2506,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -2452,16 +2572,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -2695,8 +2823,16 @@ declare const _default: import("vue").DefineComponent<{
         sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Dialog: import("../../_mixins").Theme<"Dialog", {
             border: string;
@@ -2753,16 +2889,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -2996,9 +3140,9 @@ declare const _default: import("vue").DefineComponent<{
     transformOrigin: "center" | "mouse";
     show: boolean;
     displayDirective: "show" | "if";
-    autoFocus: boolean;
     presetDisabled: boolean;
     trapFocus: boolean;
+    autoFocus: boolean;
     blockScroll: boolean;
     internalDialog: boolean;
     internalAppear: boolean | undefined;

package/lib/modal/styles/light.d.ts

@@ -19,8 +19,16 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
     sizeExtra: string;
 }, {
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
         color: string;
         colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
     }, any>;
     Dialog: import("../../_mixins").Theme<"Dialog", {
         border: string;
@@ -77,16 +85,24 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;

package/lib/notification/src/Notification.d.ts

@@ -88,6 +88,11 @@ export declare const Notification: import("vue").DefineComponent<{
         '--u-meta-font-size': string;
         '--u-description-font-size': string;
         '--u-avatar-size': string;
+        '--u-icon-wrapper-color': string;
+        '--u-icon-wrapper-pulse-color': string;
+        iconColor: string;
+        iconWrapperColor: string;
+        iconWrapperPulseColor: string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;

package/lib/notification/src/Notification.js

@@ -8,6 +8,8 @@ const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
 const _mixins_1 = require("../../_mixins");
 const context_1 = require("./context");
+const icon_wrapper_1 = require("../../icon-wrapper");
+const icon_1 = require("../../icon");
 exports.notificationProps = {
     closable: {
         type: Boolean,
@@ -44,7 +46,7 @@ exports.Notification = (0, vue_1.defineComponent)({
         const rtlEnabledRef = (0, _mixins_1.useRtl)('Notification', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type } = props;
-            const { self: { borderRadius, titleFontWeight, titleLineHeight, lineHeight, fontSize, fontWeight, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, titleFontSize, metaFontSize, descriptionFontSize, descriptionFontWeight, descriptionLineHeight, avatarSize, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed, [(0, _utils_1.createKey)('iconColor', type)]: iconColor, [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('textColor', type)]: textColor, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('titleTextColor', type)]: titleTextColor, [(0, _utils_1.createKey)('descriptionTextColor', type)]: descriptionTextColor, [(0, _utils_1.createKey)('actionTextColor', type)]: actionTextColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
+            const { self: { borderRadius, titleFontWeight, titleLineHeight, lineHeight, fontSize, fontWeight, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, titleFontSize, metaFontSize, descriptionFontSize, descriptionFontWeight, descriptionLineHeight, avatarSize, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed, [(0, _utils_1.createKey)('iconColor', type)]: iconColor, [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('textColor', type)]: textColor, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('titleTextColor', type)]: titleTextColor, [(0, _utils_1.createKey)('descriptionTextColor', type)]: descriptionTextColor, [(0, _utils_1.createKey)('actionTextColor', type)]: actionTextColor, [(0, _utils_1.createKey)('iconWrapperColor', type)]: iconWrapperColor, [(0, _utils_1.createKey)('iconWrapperPulseColor', type)]: iconWrapperPulseColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
             const { left, right, top, bottom } = (0, seemly_1.getPadding)(padding);
             return {
                 '--u-color': color,
@@ -81,7 +83,12 @@ exports.Notification = (0, vue_1.defineComponent)({
                 '--u-padding-bottom': bottom,
                 '--u-meta-font-size': metaFontSize,
                 '--u-description-font-size': descriptionFontSize,
-                '--u-avatar-size': avatarSize
+                '--u-avatar-size': avatarSize,
+                '--u-icon-wrapper-color': iconWrapperColor,
+                '--u-icon-wrapper-pulse-color': iconWrapperPulseColor,
+                iconColor,
+                iconWrapperColor,
+                iconWrapperPulseColor
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -103,7 +110,9 @@ exports.Notification = (0, vue_1.defineComponent)({
     },
     render() {
         var _a;
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, cssVars } = this;
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const { iconColor, iconWrapperColor, iconWrapperPulseColor } = cssVars;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: this.cssVars },
             (0, vue_1.h)("div", { class: [
@@ -115,7 +124,8 @@ exports.Notification = (0, vue_1.defineComponent)({
                         [`${mergedClsPrefix}-notification--show-avatar`]: this.showAvatar
                     }
                 ], style: this.cssVars },
-                this.showAvatar ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-notification__avatar` }, this.avatar ? ((0, _utils_1.render)(this.avatar)) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, () => (0, vue_1.h)(icons_1.InfoOutlineIcon, null))))) : null,
+                this.showAvatar ? (this.avatar ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-notification__avatar` }, (0, _utils_1.render)(this.avatar))) : ((0, vue_1.h)(icon_wrapper_1.UIconWrapper, { pulseSize: 52, size: 36, color: iconWrapperColor, pulseColor: iconWrapperPulseColor, variant: "pulse", borderRadius: 60 },
+                    (0, vue_1.h)(icon_1.UIcon, { color: iconColor, size: 24 }, () => this.type === 'success' ? (0, vue_1.h)(icons_1.SuccessIcon, null) : (0, vue_1.h)(icons_1.InfoIcon, null))))) : null,
                 this.closable ? ((0, vue_1.h)(_internal_1.UBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-notification__close`, onClick: this.handleCloseClick })) : null,
                 (0, vue_1.h)("div", { ref: "bodyRef", class: `${mergedClsPrefix}-notification-main` },
                     this.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-notification-main__header` }, (0, _utils_1.render)(this.title))) : null,

package/lib/notification/src/NotificationContainer.d.ts

@@ -40,6 +40,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColor: string;
             descriptionTextColor: string;
             actionTextColor: string;
+            iconWrapperColor: string;
+            iconWrapperPulseColor: string;
             colorSuccess: string;
             iconColorSuccess: string;
             textColorSuccess: string;
@@ -51,6 +53,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColorSuccess: string;
             descriptionTextColorSuccess: string;
             actionTextColorSuccess: string;
+            iconWrapperColorSuccess: string;
+            iconWrapperPulseColorSuccess: string;
             colorInfo: string;
             iconColorInfo: string;
             textColorInfo: string;
@@ -62,6 +66,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColorInfo: string;
             descriptionTextColorInfo: string;
             actionTextColorInfo: string;
+            iconWrapperColorInfo: string;
+            iconWrapperPulseColorInfo: string;
             colorWarning: string;
             iconColorWarning: string;
             textColorWarning: string;
@@ -73,6 +79,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColorWarning: string;
             descriptionTextColorWarning: string;
             actionTextColorWarning: string;
+            iconWrapperColorWarning: string;
+            iconWrapperPulseColorWarning: string;
             colorError: string;
             iconColorError: string;
             textColorError: string;
@@ -84,6 +92,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColorError: string;
             descriptionTextColorError: string;
             actionTextColorError: string;
+            iconWrapperColorError: string;
+            iconWrapperPulseColorError: string;
             colorPrimary: string;
             iconColorPrimary: string;
             textColorPrimary: string;
@@ -95,14 +105,24 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
             titleTextColorPrimary: string;
             descriptionTextColorPrimary: string;
             actionTextColorPrimary: string;
+            iconWrapperColorPrimary: string;
+            iconWrapperPulseColorPrimary: string;
             width: string;
             padding: string;
             closeBorderRadius: string;
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
         };
         peerOverrides: {