@uzum-tech/ui 1.8.1 → 1.9.0

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

@@ -26,6 +26,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColor: string;
     descriptionTextColor: string;
     actionTextColor: string;
+    iconWrapperColor: string;
+    iconWrapperPulseColor: string;
     colorSuccess: string;
     iconColorSuccess: string;
     textColorSuccess: string;
@@ -37,6 +39,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColorSuccess: string;
     descriptionTextColorSuccess: string;
     actionTextColorSuccess: string;
+    iconWrapperColorSuccess: string;
+    iconWrapperPulseColorSuccess: string;
     colorInfo: string;
     iconColorInfo: string;
     textColorInfo: string;
@@ -48,6 +52,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColorInfo: string;
     descriptionTextColorInfo: string;
     actionTextColorInfo: string;
+    iconWrapperColorInfo: string;
+    iconWrapperPulseColorInfo: string;
     colorWarning: string;
     iconColorWarning: string;
     textColorWarning: string;
@@ -59,6 +65,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColorWarning: string;
     descriptionTextColorWarning: string;
     actionTextColorWarning: string;
+    iconWrapperColorWarning: string;
+    iconWrapperPulseColorWarning: string;
     colorError: string;
     iconColorError: string;
     textColorError: string;
@@ -70,6 +78,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColorError: string;
     descriptionTextColorError: string;
     actionTextColorError: string;
+    iconWrapperColorError: string;
+    iconWrapperPulseColorError: string;
     colorPrimary: string;
     iconColorPrimary: string;
     textColorPrimary: string;
@@ -81,6 +91,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     titleTextColorPrimary: string;
     descriptionTextColorPrimary: string;
     actionTextColorPrimary: string;
+    iconWrapperColorPrimary: string;
+    iconWrapperPulseColorPrimary: string;
     width: string;
     padding: string;
     closeBorderRadius: string;
@@ -113,6 +125,8 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColor: string;
     descriptionTextColor: string;
     actionTextColor: string;
+    iconWrapperColor: string;
+    iconWrapperPulseColor: string;
     colorSuccess: string;
     iconColorSuccess: string;
     textColorSuccess: string;
@@ -124,6 +138,8 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColorSuccess: string;
     descriptionTextColorSuccess: string;
     actionTextColorSuccess: string;
+    iconWrapperColorSuccess: string;
+    iconWrapperPulseColorSuccess: string;
     colorInfo: string;
     iconColorInfo: string;
     textColorInfo: string;
@@ -135,6 +151,8 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColorInfo: string;
     descriptionTextColorInfo: string;
     actionTextColorInfo: string;
+    iconWrapperColorInfo: string;
+    iconWrapperPulseColorInfo: string;
     colorWarning: string;
     iconColorWarning: string;
     textColorWarning: string;
@@ -146,6 +164,8 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColorWarning: string;
     descriptionTextColorWarning: string;
     actionTextColorWarning: string;
+    iconWrapperColorWarning: string;
+    iconWrapperPulseColorWarning: string;
     colorError: string;
     iconColorError: string;
     textColorError: string;
@@ -157,6 +177,8 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColorError: string;
     descriptionTextColorError: string;
     actionTextColorError: string;
+    iconWrapperColorError: string;
+    iconWrapperPulseColorError: string;
     colorPrimary: string;
     iconColorPrimary: string;
     textColorPrimary: string;
@@ -168,13 +190,23 @@ declare const notificationLight: import("../../_mixins").Theme<"Notification", {
     titleTextColorPrimary: string;
     descriptionTextColorPrimary: string;
     actionTextColorPrimary: string;
+    iconWrapperColorPrimary: string;
+    iconWrapperPulseColorPrimary: string;
     width: string;
     padding: string;
     closeBorderRadius: 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>;
 }>;
 export default notificationLight;

package/lib/notification/styles/light.js

@@ -8,21 +8,22 @@ const styles_1 = require("../../_internal/scrollbar/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
 const _common_1 = __importDefault(require("./_common"));
+const light_1 = __importDefault(require("../../_styles/common/light"));
 const self = (vars) => {
-    const { fontWeightStrong, lineHeightBodyMedium, fontBodyLarge, fontBodyMedium, borderRadiusLarge, closeMedium, iconMedium, fontWeight, staticBlack, staticWhite, transparencyTertiary, transparencyQuinary, staticGreen, brandPrimary500, brandSecondary600, staticRed, elementsTertiary, textPrimary, transparencySecondary, transparencyPrimary } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { lineHeight: lineHeightBodyMedium, fontSize: fontBodyMedium, fontWeight, descriptionFontWeight: fontWeight, descriptionLineHeight: lineHeightBodyMedium, descriptionFontSize: fontBodyMedium, titleFontSize: fontBodyLarge, titleLineHeight: lineHeightBodyMedium, titleFontWeight: fontWeightStrong, metaFontSize: fontBodyMedium, borderRadius: borderRadiusLarge, closeSize: closeMedium, closeIconSize: iconMedium, avatarSize: iconMedium, closeMargin: '12px', 
+    const { fontWeightStrong, lineHeightBodyMedium, fontBodyLarge, fontBodyMedium, borderRadiusLarge, closeMedium, iconMedium, iconLarge, fontWeight, staticBlack, staticWhite, transparencyTertiary, transparencyQuinary, staticGreen, brandPrimary500, brandSecondary600, staticRed, elementsQuinary, transparencySecondary, transparencyPrimary, elementsDarkQuinary } = vars;
+    return Object.assign(Object.assign({}, _common_1.default), { lineHeight: lineHeightBodyMedium, fontSize: fontBodyMedium, fontWeight, descriptionFontWeight: fontWeight, descriptionLineHeight: lineHeightBodyMedium, descriptionFontSize: fontBodyMedium, titleFontSize: fontBodyLarge, titleLineHeight: lineHeightBodyMedium, titleFontWeight: fontWeightStrong, metaFontSize: fontBodyMedium, borderRadius: borderRadiusLarge, closeSize: closeMedium, closeIconSize: iconMedium, avatarSize: iconLarge, closeMargin: '12px', 
         // Default
-        color: staticBlack, iconColor: staticWhite, textColor: staticWhite, closeIconColor: staticWhite, closeIconColorHover: staticWhite, closeIconColorPressed: staticWhite, closeColorHover: transparencyTertiary, closeColorPressed: transparencyQuinary, titleTextColor: staticWhite, descriptionTextColor: staticWhite, actionTextColor: staticWhite, 
+        color: staticWhite, iconColor: elementsDarkQuinary, textColor: staticBlack, closeIconColor: staticBlack, closeIconColorHover: staticBlack, closeIconColorPressed: staticBlack, closeColorHover: transparencyTertiary, closeColorPressed: transparencyQuinary, titleTextColor: staticBlack, descriptionTextColor: staticBlack, actionTextColor: staticBlack, iconWrapperColor: 'rgb(16 16 16 / 8%)', iconWrapperPulseColor: 'rgb(16 16 16 / 4%)', 
         // Success
-        colorSuccess: staticGreen, iconColorSuccess: staticWhite, textColorSuccess: staticWhite, closeIconColorSuccess: staticWhite, closeIconColorHoverSuccess: staticWhite, closeIconColorPressedSuccess: staticWhite, closeColorHoverSuccess: transparencyTertiary, closeColorPressedSuccess: transparencyQuinary, titleTextColorSuccess: staticWhite, descriptionTextColorSuccess: staticWhite, actionTextColorSuccess: staticWhite, 
+        colorSuccess: staticWhite, iconColorSuccess: staticGreen, textColorSuccess: staticBlack, closeIconColorSuccess: staticBlack, closeIconColorHoverSuccess: staticBlack, closeIconColorPressedSuccess: staticBlack, closeColorHoverSuccess: transparencyTertiary, closeColorPressedSuccess: transparencyQuinary, titleTextColorSuccess: staticBlack, descriptionTextColorSuccess: staticBlack, actionTextColorSuccess: staticBlack, iconWrapperColorSuccess: light_1.default.brandTertiary300, iconWrapperPulseColorSuccess: light_1.default.brand350, 
         // Info
-        colorInfo: elementsTertiary, iconColorInfo: textPrimary, textColorInfo: textPrimary, closeIconColorInfo: textPrimary, closeIconColorHoverInfo: textPrimary, closeIconColorPressedInfo: textPrimary, closeColorHoverInfo: transparencySecondary, closeColorPressedInfo: transparencyPrimary, titleTextColorInfo: textPrimary, descriptionTextColorInfo: textPrimary, actionTextColorInfo: textPrimary, 
+        colorInfo: staticWhite, iconColorInfo: elementsQuinary, textColorInfo: staticBlack, closeIconColorInfo: staticBlack, closeIconColorHoverInfo: staticBlack, closeIconColorPressedInfo: staticBlack, closeColorHoverInfo: transparencySecondary, closeColorPressedInfo: transparencyPrimary, titleTextColorInfo: staticBlack, descriptionTextColorInfo: staticBlack, actionTextColorInfo: staticBlack, iconWrapperColorInfo: 'rgb(197 199 202 / 36%)', iconWrapperPulseColorInfo: 'rgb(197 199 202 / 14%)', 
         // Warning
-        colorWarning: brandSecondary600, iconColorWarning: staticBlack, textColorWarning: staticBlack, closeIconColorWarning: staticBlack, closeIconColorHoverWarning: staticBlack, closeIconColorPressedWarning: staticBlack, closeColorHoverWarning: transparencyTertiary, closeColorPressedWarning: transparencyQuinary, titleTextColorWarning: staticBlack, descriptionTextColorWarning: staticBlack, actionTextColorWarning: staticBlack, 
+        colorWarning: staticWhite, iconColorWarning: brandSecondary600, textColorWarning: staticBlack, closeIconColorWarning: staticBlack, closeIconColorHoverWarning: staticBlack, closeIconColorPressedWarning: staticBlack, closeColorHoverWarning: transparencyTertiary, closeColorPressedWarning: transparencyQuinary, titleTextColorWarning: staticBlack, descriptionTextColorWarning: staticBlack, actionTextColorWarning: staticBlack, iconWrapperColorWarning: 'rgb(249 222 109 / 28%)', iconWrapperPulseColorWarning: 'rgb(249 222 109 / 18%)', 
         // Error
-        colorError: staticRed, iconColorError: staticWhite, textColorError: staticWhite, closeIconColorError: staticWhite, closeIconColorHoverError: staticWhite, closeIconColorPressedError: staticWhite, closeColorHoverError: transparencyTertiary, closeColorPressedError: transparencyQuinary, titleTextColorError: staticWhite, descriptionTextColorError: staticWhite, actionTextColorError: staticWhite, 
+        colorError: staticWhite, iconColorError: staticRed, textColorError: staticBlack, closeIconColorError: staticBlack, closeIconColorHoverError: staticBlack, closeIconColorPressedError: staticBlack, closeColorHoverError: transparencyTertiary, closeColorPressedError: transparencyQuinary, titleTextColorError: staticBlack, descriptionTextColorError: staticBlack, actionTextColorError: staticBlack, iconWrapperColorError: light_1.default.brandQuinary100, iconWrapperPulseColorError: light_1.default.brand550, 
         // Primary
-        colorPrimary: brandPrimary500, iconColorPrimary: staticWhite, textColorPrimary: staticWhite, closeIconColorPrimary: staticWhite, closeIconColorHoverPrimary: staticWhite, closeIconColorPressedPrimary: staticWhite, closeColorHoverPrimary: transparencyTertiary, closeColorPressedPrimary: transparencyQuinary, titleTextColorPrimary: staticWhite, descriptionTextColorPrimary: staticWhite, actionTextColorPrimary: staticWhite });
+        colorPrimary: staticWhite, iconColorPrimary: brandPrimary500, textColorPrimary: staticBlack, closeIconColorPrimary: staticBlack, closeIconColorHoverPrimary: staticBlack, closeIconColorPressedPrimary: staticBlack, closeColorHoverPrimary: transparencyTertiary, closeColorPressedPrimary: transparencyQuinary, titleTextColorPrimary: staticBlack, descriptionTextColorPrimary: staticBlack, actionTextColorPrimary: staticBlack, iconWrapperColorPrimary: light_1.default.brandPrimary100, iconWrapperPulseColorPrimary: light_1.default.brandPrimary50 });
 };
 exports.self = self;
 const notificationLight = (0, _mixins_1.createTheme)({

package/lib/pagination/src/Pagination.d.ts

@@ -293,8 +293,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -432,8 +440,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -691,8 +707,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -830,8 +854,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1089,8 +1121,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1228,8 +1268,16 @@ export declare const paginationProps: {
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1543,8 +1591,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1682,8 +1738,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1941,8 +2005,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2080,8 +2152,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2339,8 +2419,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2478,8 +2566,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2756,8 +2852,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: 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>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -2895,8 +2999,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: 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>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -3080,8 +3192,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: 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>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -3160,8 +3280,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: 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>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -3542,8 +3670,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3681,8 +3817,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3940,8 +4084,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -4079,8 +4231,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -4338,8 +4498,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -4477,8 +4645,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: 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>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;

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

@@ -308,8 +308,16 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
             loadingColor: 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -447,8 +455,16 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
             loadingColor: 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>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;