@uzum-tech/ui 1.0.2 → 1.1.0

package/lib/badge/src/Badge.js

@@ -17,7 +17,7 @@ exports.badgeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, show: {
         type: Boolean,
         default: true
-    }, showZero: Boolean, processing: Boolean, color: String, offset: Array });
+    }, showZero: Boolean, processing: Boolean, color: String, textColor: String, offset: Array });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Badge',
     props: exports.badgeProps,
@@ -44,14 +44,15 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Badge', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { type, color: propColor } = props;
-            const { common: { cubicBezierEaseInOut, cubicBezierEaseOut }, self: { [(0, _utils_1.createKey)('color', type)]: color, fontSize } } = themeRef.value;
+            const { type, color: propColor, textColor: propTextColor } = props;
+            const { common: { cubicBezierEaseInOut, cubicBezierEaseOut }, self: { [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('textColor', type)]: textColor, fontSize } } = themeRef.value;
             return {
                 '--u-font-size': fontSize,
                 '--u-color': propColor || color,
                 '--u-ripple-color': propColor || color,
                 '--u-bezier': cubicBezierEaseInOut,
-                '--u-ripple-bezier': cubicBezierEaseOut
+                '--u-ripple-bezier': cubicBezierEaseOut,
+                '--u-text-color': propTextColor || textColor
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/badge/src/styles/index.cssr.js

@@ -44,7 +44,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
  transition:
  background-color .3s var(--u-bezier),
  color .3s var(--u-bezier);
- color: #FFF;
+ color: var(--u-text-color);
  position: absolute;
  height: 18px;
  line-height: 18px;

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

@@ -2,11 +2,18 @@ import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     color: string;
+    colorPrime: string;
     colorInfo: string;
     colorSuccess: string;
     colorError: string;
     colorWarning: string;
     fontSize: string;
+    textColor: string;
+    textColorPrime: string;
+    textColorInfo: string;
+    textColorSuccess: string;
+    textColorError: string;
+    textColorWarning: string;
 };
 export type BadgeThemeVars = ReturnType<typeof self>;
 declare const badgeLight: Theme<'Badge', BadgeThemeVars>;

package/lib/badge/styles/light.js

@@ -3,14 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { brandQuaternary500, staticGreen, staticRed, staticOrange, fontBodySmall } = vars;
+    const { brandQuaternary500, elementsPrimary, staticGreen, staticRed, staticOrange, fontBodySmall, textPrimary, textQuaternary } = vars;
     return {
         color: staticRed,
+        colorPrime: elementsPrimary,
         colorInfo: brandQuaternary500,
         colorSuccess: staticGreen,
         colorError: staticRed,
         colorWarning: staticOrange,
-        fontSize: fontBodySmall
+        fontSize: fontBodySmall,
+        textColor: textPrimary,
+        textColorPrime: textQuaternary,
+        textColorInfo: textPrimary,
+        textColorSuccess: textQuaternary,
+        textColorError: textQuaternary,
+        textColorWarning: textQuaternary
     };
 };
 exports.self = self;

package/lib/button/src/Button.js

@@ -336,16 +336,14 @@ const Button = (0, vue_1.defineComponent)({
                 };
             }
             // Tag / Link
-            let decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'none', 'text-underline-offset': 'none', 'line-height': '1', '--u-font-size': '14px', '--u-font-weight': fontWeightStrong });
-            if (props.tag === 'a') {
-                decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'underline', 'text-underline-offset': '6px', '--u-font-size': '16px', 'line-height': '24px', '--u-font-weight': fontWeightStrong, '--u-text-color': typeIsTertiary ? '#101010' : self.colorPrimary, '--u-text-color-hover': typeIsTertiary
-                        ? '#808080'
-                        : self.colorHoverPrimary, '--u-text-color-pressed': typeIsTertiary
-                        ? self.textTertiary
-                        : '#BBA2FD', '--u-text-color-focus': typeIsTertiary
-                        ? self.textTertiary
-                        : '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
-            }
+            // let decorationProps = {
+            //   ...colorProps,
+            //   'text-decoration-line': 'none',
+            //   'text-underline-offset': 'none',
+            //   'line-height': '1',
+            //   '--u-font-size': fontSize,
+            //   '--u-font-weight': fontWeightStrong
+            // }
             // border
             let borderProps = {
                 '--u-border': 'initial',
@@ -374,6 +372,16 @@ const Button = (0, vue_1.defineComponent)({
             }
             // size
             const { [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('paddingRound', size)]: paddingRound, [(0, _utils_1.createKey)('iconSize', size)]: iconSize, [(0, _utils_1.createKey)('borderRadius', size)]: borderRadius, [(0, _utils_1.createKey)('iconMargin', size)]: iconMargin, waveOpacity } = self;
+            let decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'none', 'text-underline-offset': 'none', 'line-height': '1', '--u-font-size': fontSize, '--u-font-weight': fontWeightStrong });
+            if (props.tag === 'a') {
+                decorationProps = Object.assign(Object.assign({}, colorProps), { 'text-decoration-line': 'underline', 'text-underline-offset': '6px', '--u-font-size': fontSize, 'line-height': '24px', '--u-font-weight': fontWeightStrong, '--u-text-color': typeIsTertiary ? '#101010' : self.colorPrimary, '--u-text-color-hover': typeIsTertiary
+                        ? '#808080'
+                        : self.colorHoverPrimary, '--u-text-color-pressed': typeIsTertiary
+                        ? self.textTertiary
+                        : '#BBA2FD', '--u-text-color-focus': typeIsTertiary
+                        ? self.textTertiary
+                        : '#BBA2FD', '--u-text-color-disabled': typeIsTertiary ? '#E7E8EA' : '#EAE2FF' });
+            }
             const sizeProps = {
                 '--u-width': circle && !text ? height : 'initial',
                 '--u-height': text ? 'initial' : height,

package/lib/cascader/src/Cascader.d.ts

@@ -211,9 +211,11 @@ export declare const cascaderProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -472,9 +474,11 @@ export declare const cascaderProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -733,9 +737,11 @@ export declare const cascaderProps: {
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1092,9 +1098,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1353,9 +1361,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -1614,9 +1624,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2049,9 +2061,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
@@ -2494,9 +2508,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -2755,9 +2771,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;
@@ -3016,9 +3034,11 @@ declare const _default: import("vue").DefineComponent<{
             placeholderColor: string;
             placeholderColorDisabled: string;
             color: string;
+            colorFilled: string;
             colorDisabled: string;
             colorActive: string;
             border: string;
+            borderFilled: string;
             borderHover: string;
             borderActive: string;
             borderFocus: string;

package/lib/cascader/src/CascaderMenu.d.ts

@@ -264,9 +264,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

package/lib/cascader/src/CascaderOption.d.ts

@@ -240,9 +240,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

package/lib/cascader/src/CascaderSelectMenu.d.ts

@@ -252,9 +252,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

package/lib/cascader/src/CascaderSubmenu.d.ts

@@ -233,9 +233,11 @@ declare const _default: import("vue").DefineComponent<{
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

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

@@ -126,9 +126,11 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         placeholderColor: string;
         placeholderColorDisabled: string;
         color: string;
+        colorFilled: string;
         colorDisabled: string;
         colorActive: string;
         border: string;
+        borderFilled: string;
         borderHover: string;
         borderActive: string;
         borderFocus: string;

package/lib/config-provider/src/internal-interface.d.ts

@@ -96,6 +96,7 @@ import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { RowTheme } from '../../legacy-grid/styles';
 import type { Katex } from './katex';
 import type { ToggleButtonTheme } from '../../toggle-button/styles';
+import type { AccountOptionTheme } from '../../_internal/account-option/styles';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -182,6 +183,7 @@ export interface GlobalThemeWithoutCommon {
     ToggleButton?: ToggleButtonTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
+    AccountOption?: AccountOptionTheme;
 }
 export interface GlobalComponentConfig {
     Pagination?: {

package/lib/data-table/src/DataTable.d.ts

@@ -597,9 +597,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -1490,9 +1492,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -2383,9 +2387,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -3403,9 +3409,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -3870,9 +3878,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;
@@ -4860,9 +4870,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -5753,9 +5765,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -6646,9 +6660,11 @@ declare const _default: import("vue").DefineComponent<{
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;

package/lib/data-table/src/HeaderButton/FilterButton.d.ts

@@ -610,9 +610,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -1077,9 +1079,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;

package/lib/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -635,9 +635,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -646,7 +648,7 @@ declare const _default: import("vue").DefineComponent<{
                         boxShadowActive: string;
                         boxShadowFocus: string;
                         caretColor: string;
-                        arrowColor: string; /** this branch is for compatibility */
+                        arrowColor: string;
                         arrowColorHover: string;
                         arrowColorDisabled: string;
                         loadingColor: string;
@@ -1102,9 +1104,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;
@@ -1113,7 +1117,7 @@ declare const _default: import("vue").DefineComponent<{
                             boxShadowActive: string;
                             boxShadowFocus: string;
                             caretColor: string;
-                            arrowColor: string; /** this branch is for compatibility */
+                            arrowColor: string;
                             arrowColorHover: string;
                             arrowColorDisabled: string;
                             loadingColor: string;

package/lib/data-table/src/TableParts/Body.d.ts

@@ -635,9 +635,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -1102,9 +1104,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;

package/lib/data-table/src/TableParts/Cell.d.ts

@@ -619,9 +619,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;
@@ -1086,9 +1088,11 @@ declare const _default: import("vue").DefineComponent<{
                                 placeholderColor: string;
                                 placeholderColorDisabled: string;
                                 color: string;
+                                colorFilled: string;
                                 colorDisabled: string;
                                 colorActive: string;
                                 border: string;
+                                borderFilled: string;
                                 borderHover: string;
                                 borderActive: string;
                                 borderFocus: string;
@@ -2048,9 +2052,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;
@@ -2515,9 +2521,11 @@ declare const _default: import("vue").DefineComponent<{
                                 placeholderColor: string;
                                 placeholderColorDisabled: string;
                                 color: string;
+                                colorFilled: string;
                                 colorDisabled: string;
                                 colorActive: string;
                                 border: string;
+                                borderFilled: string;
                                 borderHover: string;
                                 borderActive: string;
                                 borderFocus: string;

package/lib/data-table/src/TableParts/Header.d.ts

@@ -623,9 +623,11 @@ declare const _default: import("vue").DefineComponent<{
                         placeholderColor: string;
                         placeholderColorDisabled: string;
                         color: string;
+                        colorFilled: string;
                         colorDisabled: string;
                         colorActive: string;
                         border: string;
+                        borderFilled: string;
                         borderHover: string;
                         borderActive: string;
                         borderFocus: string;
@@ -1090,9 +1092,11 @@ declare const _default: import("vue").DefineComponent<{
                             placeholderColor: string;
                             placeholderColorDisabled: string;
                             color: string;
+                            colorFilled: string;
                             colorDisabled: string;
                             colorActive: string;
                             border: string;
+                            borderFilled: string;
                             borderHover: string;
                             borderActive: string;
                             borderFocus: string;

package/lib/data-table/src/interface.d.ts

@@ -607,9 +607,11 @@ export declare const dataTableProps: {
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -1500,9 +1502,11 @@ export declare const dataTableProps: {
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;
@@ -2393,9 +2397,11 @@ export declare const dataTableProps: {
                     placeholderColor: string;
                     placeholderColorDisabled: string;
                     color: string;
+                    colorFilled: string;
                     colorDisabled: string;
                     colorActive: string;
                     border: string;
+                    borderFilled: string;
                     borderHover: string;
                     borderActive: string;
                     borderFocus: string;

package/lib/data-table/styles/light.d.ts

@@ -545,9 +545,11 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                 placeholderColor: string;
                 placeholderColorDisabled: string;
                 color: string;
+                colorFilled: string;
                 colorDisabled: string;
                 colorActive: string;
                 border: string;
+                borderFilled: string;
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;

package/lib/list/src/List.d.ts

@@ -315,10 +315,10 @@ declare const _default: import("vue").DefineComponent<{
     onKeypress: import("../../_utils").ArrayKeyboardHandler | undefined;
     onClick: import("../../_utils").ArrayMouseHandler | undefined;
     header: import("./interface").RenderableType;
+    avatar: import("./interface").RenderableType;
     loading: boolean;
     bordered: boolean;
     showIcon: boolean;
-    avatar: import("./interface").RenderableType;
     loadingSkeleton: boolean;
     rounded: boolean;
     clickable: boolean;