@uzum-tech/ui 1.7.0 → 1.7.1

package/es/status/src/Status.js

@@ -1,11 +1,11 @@
 import { h, defineComponent, computed } from 'vue';
 import { UBaseIcon } from '../../_internal/icon';
-import { SuccessIcon, WarningIcon, ErrorIcon, InactiveIcon, InfoIcon } from '../../_internal/icons';
+import { SuccessIcon, WarningIcon, ErrorIcon, InactiveIcon } from '../../_internal/icons';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { resolveWrappedSlot } from '../../_utils';
 import { statusLight } from '../styles';
 import style from './styles/index.cssr';
-export const statusProps = Object.assign(Object.assign({}, useTheme.props), { color: String, filled: Boolean, noIcon: Boolean, type: {
+export const statusProps = Object.assign(Object.assign({}, useTheme.props), { color: Object, filled: Boolean, noIcon: Boolean, type: {
         type: String,
         default: 'default'
     } });
@@ -17,26 +17,22 @@ export default defineComponent({
         const themeRef = useTheme('Status', '-status', style, statusLight, props, mergedClsPrefixRef);
         const iconRenderer = {
             success: () => h(SuccessIcon, null),
-            info: () => h(InfoIcon, null),
             warning: () => h(WarningIcon, null),
             error: () => h(ErrorIcon, null),
-            default: () => resolveWrappedSlot(slots.icon, (icon) => icon) ||
-                h(InactiveIcon, null)
+            default: () => resolveWrappedSlot(slots.icon, (icon) => icon) || h(InactiveIcon, null)
         };
         const renderIcon = () => {
             const renderer = iconRenderer[props.type] || iconRenderer.default;
             return renderer();
         };
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { textColor, warningColor, dangerColor, successColor, infoColor, iconSize, iconColor, fontSize, lineHeight, fontWeight, iconSpacing } } = themeRef.value;
+            var _a, _b, _c;
+            const { common: { cubicBezierEaseInOut }, self: { textColor, warningColor, dangerColor, successColor, iconSize, iconColor, fontSize, lineHeight, fontWeight, iconSpacing, borderRadius } } = themeRef.value;
             let color = textColor;
             switch (props.type) {
                 case 'success':
                     color = successColor;
                     break;
-                case 'info':
-                    color = infoColor;
-                    break;
                 case 'warning':
                     color = warningColor;
                     break;
@@ -46,16 +42,17 @@ export default defineComponent({
             }
             return {
                 '--u-bezier': cubicBezierEaseInOut,
-                '--u-text-color': props.color || color,
+                '--u-text-color': ((_a = props.color) === null || _a === void 0 ? void 0 : _a.textColor) || color,
                 '--u-background-color': props.filled
-                    ? `${props.color || color}10`
+                    ? `${((_b = props.color) === null || _b === void 0 ? void 0 : _b.backgroundColor) || color + '10'}`
                     : 'transparent',
                 '--u-font-size': fontSize,
                 '--u-font-weight': fontWeight,
                 '--u-line-height': lineHeight,
                 '--u-icon-size': iconSize,
-                '--u-icon-color': iconColor || props.color || color,
-                '--u-icon-spacing': iconSpacing
+                '--u-icon-color': iconColor || ((_c = props.color) === null || _c === void 0 ? void 0 : _c.textColor) || color,
+                '--u-icon-spacing': iconSpacing,
+                '--u-border-radius': borderRadius
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/es/status/src/interface.d.ts

@@ -1,3 +1,7 @@
 import { VNodeChild } from 'vue';
-export type StatusTypes = 'success' | 'info' | 'warning' | 'error' | 'default';
+export type StatusTypes = 'success' | 'warning' | 'error' | 'default';
 export type IconRenderer = Record<StatusTypes, () => VNodeChild>;
+export interface StatusColor {
+    backgroundColor?: string;
+    textColor?: string;
+}

package/es/status/src/styles/index.cssr.js

@@ -13,7 +13,7 @@ export default cB('status', `
  font-weight: var(--u-font-weight);
  color: var(--u-text-color);
  padding: 2px 8px;
- border-radius: 16px;
+ border-radius: var(--u-border-radius);
  background-color: var(--u-background-color);
 `, [cE('icon', `
  display: flex;

package/es/status/styles/light.d.ts

@@ -9,9 +9,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     iconSpacing: string;
     textColor: string;
     successColor: string;
-    infoColor: string;
     warningColor: string;
     dangerColor: string;
+    borderRadius: string;
 };
 export type StatusThemeVars = ReturnType<typeof self>;
 declare const statusLight: Theme<'Status', StatusThemeVars>;

package/es/status/styles/light.js

@@ -1,6 +1,6 @@
 import { commonLight } from '../../_styles/common';
 export const self = (vars) => {
-    const { fontBodyMedium, lineHeightBodyMedium, fontWeightStrong, iconSmall, textSecondary, staticGreen, staticOrange, staticRed, staticDeepBlue } = vars;
+    const { fontBodyMedium, lineHeightBodyMedium, fontWeightStrong, iconSmall, textSecondary, staticGreen, staticOrange, staticRed, borderRadiusLarge } = vars;
     return {
         fontSize: fontBodyMedium,
         lineHeight: lineHeightBodyMedium,
@@ -10,9 +10,9 @@ export const self = (vars) => {
         iconSpacing: '8px',
         textColor: textSecondary,
         successColor: staticGreen,
-        infoColor: staticDeepBlue,
         warningColor: staticOrange,
-        dangerColor: staticRed
+        dangerColor: staticRed,
+        borderRadius: borderRadiusLarge
     };
 };
 const statusLight = {

package/es/steps/src/Step.js

@@ -207,11 +207,7 @@ export default defineComponent({
         const { mergedClsPrefix, onRender, handleStepClick, disabled, renderIcon, variantBehaviors, noIcon } = this;
         const descriptionNode = variantBehaviors.showDescription
             ? resolveWrappedSlot(this.$slots.default, (children) => {
-                const mergedDescription = children || this.description;
-                if (mergedDescription) {
-                    return (h("div", { class: `${mergedClsPrefix}-step-content__description` }, mergedDescription));
-                }
-                return null;
+                return (h("div", { class: `${mergedClsPrefix}-step-content__description` }, children || this.description));
             })
             : null;
         onRender === null || onRender === void 0 ? void 0 : onRender();

package/es/steps/src/styles/index.cssr.js

@@ -124,6 +124,7 @@ export default cB('steps', `
  font-size: var(--u-step-header-font-size--dotted);
  font-weight: 500;
  line-height: 24px;
+ min-height: 24px;
  `)])])]), cB('step-splitor', `
  background-color: var(--u-splitor-color);
  margin-top: calc(var(--u-step-header-font-size) / 2);
@@ -158,7 +159,7 @@ export default cB('steps', `
  background-color .3s var(--u-bezier);
  `, [cE('title', `
  white-space: nowrap;
- flex: 0;
+ flex: 1;
  `), cM('column', `
  flex-direction: column;
  `, [cE('title', `

package/es/tabs/src/Tab.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, inject, computed, mergeProps, Fragment } from 'vue';
+import { h, defineComponent, inject, computed, mergeProps, Fragment, nextTick, watch } from 'vue';
 import { AddIcon } from '../../_internal/icons';
 import { UBaseClose, UBaseIcon } from '../../_internal';
 import { render, omit, resolveWrappedSlot } from '../../_utils';
@@ -10,10 +10,15 @@ export default defineComponent({
     inheritAttrs: false,
     name: 'Tab',
     props: tabProps,
-    setup(props) {
-        const { mergedClsPrefixRef, valueRef, typeRef, closableRef, tabStyleRef, tabChangeIdRef, onBeforeLeaveRef, triggerRef, handleAdd, activateTab, handleClose
+    setup(props, { slots }) {
+        const { mergedClsPrefixRef, valueRef, typeRef, closableRef, tabStyleRef, tabChangeIdRef, onBeforeLeaveRef, triggerRef, handleAdd, activateTab, handleClose, updateCurrentBarStyle
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(tabsInjectionKey);
+        watch([() => props.tab, () => { var _a; return (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots); }], () => {
+            void nextTick(() => {
+                updateCurrentBarStyle();
+            });
+        });
         return {
             trigger: triggerRef,
             mergedClosable: computed(() => {

package/es/tabs/src/Tabs.js

@@ -376,7 +376,8 @@ export default defineComponent({
             onBeforeLeaveRef: toRef(props, 'onBeforeLeave'),
             activateTab,
             handleClose,
-            handleAdd
+            handleAdd,
+            updateCurrentBarStyle
         });
         onFontsReady(() => {
             updateCurrentBarStyle();

package/es/tabs/src/interface.d.ts

@@ -22,6 +22,7 @@ export interface TabsInjection {
     activateTab: (panelName: string | number) => void;
     handleClose: (panelName: string | number) => void;
     handleAdd: () => void;
+    updateCurrentBarStyle: VoidFunction;
 }
 export type Addable = boolean | {
     disabled?: boolean;