@uzum-tech/ui 0.1.2 → 1.0.0

package/es/form/src/FormItemRow.d.ts

@@ -29,100 +29,106 @@ export declare const formItemRowProps: {
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;
@@ -178,100 +184,106 @@ declare const _default: import("vue").DefineComponent<{
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;
@@ -334,100 +346,106 @@ declare const _default: import("vue").DefineComponent<{
     };
     labelProps: import("vue").PropType<import("vue").LabelHTMLAttributes>;
     theme: import("vue").PropType<import("../../_mixins").Theme<"Form", {
-        blankHeightSmall: string;
-        blankHeightMedium: string;
-        blankHeightLarge: string;
-        lineHeight: string;
-        labelTextColor: string;
-        asteriskColor: string;
-        feedbackTextColorError: string;
-        feedbackTextColorWarning: string;
-        feedbackTextColor: string;
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
-    }, any>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
         blankHeightMedium: string;
         blankHeightLarge: string;
-        lineHeight: string;
         labelTextColor: string;
         asteriskColor: string;
         feedbackTextColorError: string;
         feedbackTextColorWarning: string;
         feedbackTextColor: string;
+    }, any>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         feedbackPadding: string;
-        feedbackHeightSmall: string;
-        feedbackHeightMedium: string;
-        feedbackHeightLarge: string;
         feedbackFontSizeSmall: string;
         feedbackFontSizeMedium: string;
         feedbackFontSizeLarge: string;
+        feedbackLineHeightSmall: string;
+        feedbackLineHeightMedium: string;
+        feedbackLineHeightLarge: string;
         labelFontSizeLeftSmall: string;
         labelFontSizeLeftMedium: string;
         labelFontSizeLeftLarge: string;
+        labelLineHeightLeftSmall: string;
+        labelLineHeightLeftMedium: string;
+        labelLineHeightLeftLarge: string;
         labelFontSizeTopSmall: string;
         labelFontSizeTopMedium: string;
         labelFontSizeTopLarge: string;
-        labelHeightSmall: string;
-        labelHeightMedium: string;
-        labelHeightLarge: string;
+        labelLineHeightTopSmall: string;
+        labelLineHeightTopMedium: string;
+        labelLineHeightTopLarge: string;
         labelPaddingVertical: string;
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
         labelFontWeight: string;
+        blankHeightSmall: string;
+        blankHeightMedium: string;
+        blankHeightLarge: string;
+        labelTextColor: string;
+        asteriskColor: string;
+        feedbackTextColorError: string;
+        feedbackTextColorWarning: string;
+        feedbackTextColor: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;

package/es/form/src/styles/form-item.cssr.js

@@ -1,7 +1,6 @@
-import { cB, cE, cM, c } from '../../../_utils/cssr';
+import { cB, cE, cM } from '../../../_utils/cssr';
 import { fadeDownTransition } from '../../../_styles/transitions/fade-down.cssr';
 // vars:
-// --u-line-height
 // --u-blank-height
 // --u-feedback-padding
 // --u-feedback-font-size
@@ -19,14 +18,13 @@ import { fadeDownTransition } from '../../../_styles/transitions/fade-down.cssr'
 // --u-label-padding
 export default cB('form-item', `
  display: grid;
- line-height: var(--u-line-height);
 `, [cB('form-item-label', `
  grid-area: label;
  align-items: center;
- line-height: 1.25;
+ line-height: var(--u-label-line-height);
  text-align: var(--u-label-text-align);
  font-size: var(--u-label-font-size);
- min-height: var(--u-label-height);
+ min-height: var(--u-label-line-height);
  padding: var(--u-label-padding);
  color: var(--u-label-text-color);
  transition: color .3s var(--u-bezier);
@@ -103,21 +101,20 @@ export default cB('form-item', `
  position: relative;
  `), cB('form-item-feedback-wrapper', `
  grid-area: feedback;
- box-sizing: border-box;
- min-height: var(--u-feedback-height);
+ box-sizing: content-box;
+ padding: var(--u-feedback-padding);
+ min-height: var(--u-feedback-line-height);
  font-size: var(--u-feedback-font-size);
- line-height: 1.25;
+ line-height: var(--u-feedback-line-height);
  transform-origin: top left;
- `, [c('&:not(:empty)', `
- padding: var(--u-feedback-padding);
- `), cB('form-item-feedback', {
-  transition: 'color .3s var(--u-bezier)',
-  color: 'var(--u-feedback-text-color)'
-}, [cM('warning', {
-  color: 'var(--u-feedback-text-color-warning)'
-}), cM('error', {
-  color: 'var(--u-feedback-text-color-error)'
-}), fadeDownTransition({
+ `, [cB('form-item-feedback', `
+ transition: color .3s var(--u-bezier);
+ color: var(--u-feedback-text-color);
+ `, [cM('warning', `
+ color: var(--u-feedback-text-color-warning);
+ `), cM('error', `
+ color: var(--u-feedback-text-color-error);
+ `), fadeDownTransition({
   fromOffset: '-3px',
   enterDuration: '.3s',
   leaveDuration: '.2s'

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

@@ -1,36 +1,38 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
-    blankHeightSmall: string;
-    blankHeightMedium: string;
-    blankHeightLarge: string;
-    lineHeight: string;
-    labelTextColor: string;
-    asteriskColor: string;
-    feedbackTextColorError: string;
-    feedbackTextColorWarning: string;
-    feedbackTextColor: string;
     feedbackPadding: string;
-    feedbackHeightSmall: string;
-    feedbackHeightMedium: string;
-    feedbackHeightLarge: string;
     feedbackFontSizeSmall: string;
     feedbackFontSizeMedium: string;
     feedbackFontSizeLarge: string;
+    feedbackLineHeightSmall: string;
+    feedbackLineHeightMedium: string;
+    feedbackLineHeightLarge: string;
     labelFontSizeLeftSmall: string;
     labelFontSizeLeftMedium: string;
     labelFontSizeLeftLarge: string;
+    labelLineHeightLeftSmall: string;
+    labelLineHeightLeftMedium: string;
+    labelLineHeightLeftLarge: string;
     labelFontSizeTopSmall: string;
     labelFontSizeTopMedium: string;
     labelFontSizeTopLarge: string;
-    labelHeightSmall: string;
-    labelHeightMedium: string;
-    labelHeightLarge: string;
+    labelLineHeightTopSmall: string;
+    labelLineHeightTopMedium: string;
+    labelLineHeightTopLarge: string;
     labelPaddingVertical: string;
     labelPaddingHorizontal: string;
     labelTextAlignVertical: string;
     labelTextAlignHorizontal: string;
     labelFontWeight: string;
+    blankHeightSmall: string;
+    blankHeightMedium: string;
+    blankHeightLarge: string;
+    labelTextColor: string;
+    asteriskColor: string;
+    feedbackTextColorError: string;
+    feedbackTextColorWarning: string;
+    feedbackTextColor: string;
 };
 export type FormThemeVars = ReturnType<typeof self>;
 declare const formLight: Theme<'Form', FormThemeVars>;

package/es/form/styles/light.js

@@ -1,8 +1,40 @@
 import { commonLight } from '../../_styles/common';
-import commonVariables from './_common';
 export const self = (vars) => {
-    const { heightSmall, heightMedium, heightLarge, textColor1, errorColor, warningColor, lineHeight, textColor3 } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { blankHeightSmall: heightSmall, blankHeightMedium: heightMedium, blankHeightLarge: heightLarge, lineHeight, labelTextColor: textColor1, asteriskColor: errorColor, feedbackTextColorError: errorColor, feedbackTextColorWarning: warningColor, feedbackTextColor: textColor3 });
+    const { heightSmall, heightMedium, heightLarge, textPrimary, staticRed, staticOrange, textSecondary, lineHeightBodySmall, lineHeightBodyMedium, lineHeightBodyLarge, fontBodySmall, fontBodyMedium, fontBodyLarge, fontWeight } = vars;
+    return {
+        feedbackPadding: '4px 0 0 2px',
+        feedbackFontSizeSmall: fontBodySmall,
+        feedbackFontSizeMedium: fontBodyMedium,
+        feedbackFontSizeLarge: fontBodyLarge,
+        feedbackLineHeightSmall: lineHeightBodySmall,
+        feedbackLineHeightMedium: lineHeightBodyMedium,
+        feedbackLineHeightLarge: lineHeightBodyLarge,
+        labelFontSizeLeftSmall: fontBodySmall,
+        labelFontSizeLeftMedium: fontBodyMedium,
+        labelFontSizeLeftLarge: fontBodyLarge,
+        labelLineHeightLeftSmall: lineHeightBodySmall,
+        labelLineHeightLeftMedium: lineHeightBodyMedium,
+        labelLineHeightLeftLarge: lineHeightBodyLarge,
+        labelFontSizeTopSmall: fontBodySmall,
+        labelFontSizeTopMedium: fontBodyMedium,
+        labelFontSizeTopLarge: fontBodyLarge,
+        labelLineHeightTopSmall: lineHeightBodySmall,
+        labelLineHeightTopMedium: lineHeightBodyMedium,
+        labelLineHeightTopLarge: lineHeightBodyLarge,
+        labelPaddingVertical: '0 0 6px 2px',
+        labelPaddingHorizontal: '0 12px 0 0',
+        labelTextAlignVertical: 'left',
+        labelTextAlignHorizontal: 'right',
+        labelFontWeight: fontWeight,
+        blankHeightSmall: heightSmall,
+        blankHeightMedium: heightMedium,
+        blankHeightLarge: heightLarge,
+        labelTextColor: textPrimary,
+        asteriskColor: staticRed,
+        feedbackTextColorError: staticRed,
+        feedbackTextColorWarning: staticOrange,
+        feedbackTextColor: textSecondary
+    };
 };
 const formLight = {
     name: 'Form',

package/es/global-style/src/GlobalStyle.js

@@ -16,7 +16,7 @@ export default defineComponent({
         onBeforeMount(() => {
             watchEffect(() => {
                 var _a, _b;
-                const { textColor2, fontSize, fontFamily, bodyColor, cubicBezierEaseInOut, lineHeight } = UConfigProvider
+                const { textPrimary, fontBodyMedium, fontFamily, containerPrimary, cubicBezierEaseInOut, lineHeightBodyMedium } = UConfigProvider
                     ? merge({}, ((_a = UConfigProvider.mergedThemeRef.value) === null || _a === void 0 ? void 0 : _a.common) || commonLight, (_b = UConfigProvider.mergedThemeOverridesRef.value) === null || _b === void 0 ? void 0 : _b.common)
                     : commonLight;
                 if (styleApplied || !body.hasAttribute('u-styled')) {
@@ -24,11 +24,11 @@ export default defineComponent({
                     style.setProperty('-webkit-tap-highlight-color', 'transparent');
                     style.padding = '0';
                     style.margin = '0';
-                    style.backgroundColor = bodyColor;
-                    style.color = textColor2;
-                    style.fontSize = fontSize;
+                    style.backgroundColor = containerPrimary;
+                    style.color = textPrimary;
+                    style.fontSize = fontBodyMedium;
                     style.fontFamily = fontFamily;
-                    style.lineHeight = lineHeight;
+                    style.lineHeight = lineHeightBodyMedium;
                     const transition = `color .3s ${cubicBezierEaseInOut}, background-color .3s ${cubicBezierEaseInOut}`;
                     if (firstApply) {
                         setTimeout(() => {

package/es/gradient-text/src/styles/index.cssr.js

@@ -13,6 +13,7 @@ export default cB('gradient-text', `
  color: #0000;
  white-space: nowrap;
  background-image: linear-gradient(var(--u-rotate), var(--u-color-start) 0%, var(--u-color-end) 100%);
+ line-height: 1.5;
  transition:
  --u-color-start .3s var(--u-bezier),
  --u-color-end .3s var(--u-bezier);

package/es/gradient-text/styles/dark.js

@@ -1,23 +1,8 @@
 import { commonDark } from '../../_styles/common';
+import { self } from './light';
 const gradientTextDark = {
     name: 'GradientText',
     common: commonDark,
-    self(vars) {
-        const { primaryColor, successColor, warningColor, errorColor, infoColor, primaryColorSuppl, successColorSuppl, warningColorSuppl, errorColorSuppl, infoColorSuppl, fontWeightStrong } = vars;
-        return {
-            fontWeight: fontWeightStrong,
-            rotate: '252deg',
-            colorStartPrimary: primaryColor,
-            colorEndPrimary: primaryColorSuppl,
-            colorStartInfo: infoColor,
-            colorEndInfo: infoColorSuppl,
-            colorStartWarning: warningColor,
-            colorEndWarning: warningColorSuppl,
-            colorStartError: errorColor,
-            colorEndError: errorColorSuppl,
-            colorStartSuccess: successColor,
-            colorEndSuccess: successColorSuppl
-        };
-    }
+    self
 };
 export default gradientTextDark;

package/es/gradient-text/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { Theme } from '../../_mixins';
 import type { ThemeCommonVars } from '../../_styles/common';
-declare const self: (vars: ThemeCommonVars) => {
+export declare const self: (vars: ThemeCommonVars) => {
     fontWeight: string;
     rotate: string;
     colorStartPrimary: string;