@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/form/src/FormItem.d.ts

@@ -31,100 +31,106 @@ export declare const formItemProps: {
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
     readonly theme: 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>>;
-    readonly themeOverrides: 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>>;
+    readonly themeOverrides: 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>>>;
-    readonly builtinThemeOverrides: 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>>>;
+    readonly builtinThemeOverrides: 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>>>;
 };
 export type FormItemSetupProps = ExtractPropTypes<typeof formItemProps>;
@@ -160,116 +166,121 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
     readonly theme: 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>>;
-    readonly themeOverrides: 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>>;
+    readonly themeOverrides: 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>>>;
-    readonly builtinThemeOverrides: 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>>>;
+    readonly builtinThemeOverrides: 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>>>;
 }, {
     cssVars: import("vue").ComputedRef<{
         '--u-bezier': string;
-        '--u-line-height': string;
         '--u-blank-height': string;
         '--u-label-font-size': string;
         '--u-label-text-align': string;
-        '--u-label-height': string;
+        '--u-label-line-height': string;
         '--u-label-padding': string;
         '--u-label-font-weight': string;
         '--u-asterisk-color': string;
         '--u-label-text-color': string;
         '--u-feedback-padding': string;
         '--u-feedback-font-size': string;
-        '--u-feedback-height': string;
+        '--u-feedback-line-height': string;
         '--u-feedback-text-color': string;
         '--u-feedback-text-color-warning': string;
         '--u-feedback-text-color-error': string;
@@ -330,100 +341,106 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly labelProps: PropType<LabelHTMLAttributes>;
     readonly theme: 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>>;
-    readonly themeOverrides: 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>>;
+    readonly themeOverrides: 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>>>;
-    readonly builtinThemeOverrides: 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>>>;
+    readonly builtinThemeOverrides: 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>>>;
 }>>, {
     readonly first: boolean;

package/lib/form/src/FormItem.js

@@ -271,7 +271,7 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: size } = mergedSizeRef;
             const { value: labelPlacement } = labelPlacementRef;
             const direction = labelPlacement === 'top' ? 'vertical' : 'horizontal';
-            const { common: { cubicBezierEaseInOut }, self: { labelTextColor, asteriskColor, lineHeight, feedbackTextColor, feedbackTextColorWarning, feedbackTextColorError, feedbackPadding, labelFontWeight, [(0, _utils_1.createKey)('labelHeight', size)]: labelHeight, [(0, _utils_1.createKey)('blankHeight', size)]: blankHeight, [(0, _utils_1.createKey)('feedbackFontSize', size)]: feedbackFontSize, [(0, _utils_1.createKey)('feedbackHeight', size)]: feedbackHeight, [(0, _utils_1.createKey)('labelPadding', direction)]: labelPadding, [(0, _utils_1.createKey)('labelTextAlign', direction)]: labelTextAlign, [(0, _utils_1.createKey)((0, _utils_1.createKey)('labelFontSize', labelPlacement), size)]: labelFontSize } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { labelTextColor, asteriskColor, feedbackTextColor, feedbackTextColorWarning, feedbackTextColorError, feedbackPadding, labelFontWeight, [(0, _utils_1.createKey)('blankHeight', size)]: blankHeight, [(0, _utils_1.createKey)('feedbackFontSize', size)]: feedbackFontSize, [(0, _utils_1.createKey)('feedbackLineHeight', size)]: feedbackLineHeight, [(0, _utils_1.createKey)('labelPadding', direction)]: labelPadding, [(0, _utils_1.createKey)('labelTextAlign', direction)]: labelTextAlign, [(0, _utils_1.createKey)((0, _utils_1.createKey)('labelFontSize', labelPlacement), size)]: labelFontSize, [(0, _utils_1.createKey)((0, _utils_1.createKey)('labelLineHeight', labelPlacement), size)]: labelLineHeight } } = themeRef.value;
             let mergedLabelTextAlign = (_a = labelTextAlignRef.value) !== null && _a !== void 0 ? _a : labelTextAlign;
             if (labelPlacement === 'top') {
                 mergedLabelTextAlign =
@@ -279,18 +279,17 @@ exports.default = (0, vue_1.defineComponent)({
             }
             const cssVars = {
                 '--u-bezier': cubicBezierEaseInOut,
-                '--u-line-height': lineHeight,
                 '--u-blank-height': blankHeight,
                 '--u-label-font-size': labelFontSize,
                 '--u-label-text-align': mergedLabelTextAlign,
-                '--u-label-height': labelHeight,
+                '--u-label-line-height': labelLineHeight,
                 '--u-label-padding': labelPadding,
                 '--u-label-font-weight': labelFontWeight,
                 '--u-asterisk-color': asteriskColor,
                 '--u-label-text-color': labelTextColor,
                 '--u-feedback-padding': feedbackPadding,
                 '--u-feedback-font-size': feedbackFontSize,
-                '--u-feedback-height': feedbackHeight,
+                '--u-feedback-line-height': feedbackLineHeight,
                 '--u-feedback-text-color': feedbackTextColor,
                 '--u-feedback-text-color-warning': feedbackTextColorWarning,
                 '--u-feedback-text-color-error': feedbackTextColorError