@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/typography/styles/light.js

@@ -1,14 +1,75 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { primaryColor, textColor2, borderColor, lineHeight, fontSize, borderRadiusSmall, dividerColor, fontWeightStrong, textColor1, textColor3, infoColor, warningColor, errorColor, successColor, codeColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { aTextColor: primaryColor, blockquoteTextColor: textColor2, blockquotePrefixColor: borderColor, blockquoteLineHeight: lineHeight, blockquoteFontSize: fontSize, codeBorderRadius: borderRadiusSmall, liTextColor: textColor2, liLineHeight: lineHeight, liFontSize: fontSize, hrColor: dividerColor, headerFontWeight: fontWeightStrong, headerTextColor: textColor1, pTextColor: textColor2, pTextColor1Depth: textColor1, pTextColor2Depth: textColor2, pTextColor3Depth: textColor3, pLineHeight: lineHeight, pFontSize: fontSize, headerBarColor: primaryColor, headerBarColorPrimary: primaryColor, headerBarColorInfo: infoColor, headerBarColorError: errorColor, headerBarColorWarning: warningColor, headerBarColorSuccess: successColor, textColor: textColor2, textColor1Depth: textColor1, textColor2Depth: textColor2, textColor3Depth: textColor3, textColorPrimary: primaryColor, textColorInfo: infoColor, textColorSuccess: successColor, textColorWarning: warningColor, textColorError: errorColor, codeTextColor: textColor2, codeColor, codeBorder: '1px solid #0000' });
+    const { borderRadiusSmall, fontWeightStrong, fontHeadingMedium, fontTitleLarge, fontTitleSmall, fontBodyLarge, fontBodyMedium, fontBodySmall, brandPrimary500, elementsQuaternary, textPrimary, textSecondary, textTertiary, lineHeightBodyMedium, brandQuaternary500, staticRed, staticOrange, staticGreen, elementsTertiary } = vars;
+    return {
+        headerFontSize1: fontHeadingMedium,
+        headerFontSize2: fontTitleLarge,
+        headerFontSize3: fontTitleSmall,
+        headerFontSize4: fontBodyLarge,
+        headerFontSize5: fontBodyMedium,
+        headerFontSize6: fontBodySmall,
+        headerMargin1: '28px 0 20px 0',
+        headerMargin2: '28px 0 20px 0',
+        headerMargin3: '28px 0 20px 0',
+        headerMargin4: '28px 0 18px 0',
+        headerMargin5: '28px 0 18px 0',
+        headerMargin6: '28px 0 18px 0',
+        headerPrefixWidth1: '16px',
+        headerPrefixWidth2: '16px',
+        headerPrefixWidth3: '12px',
+        headerPrefixWidth4: '12px',
+        headerPrefixWidth5: '12px',
+        headerPrefixWidth6: '12px',
+        headerBarWidth1: '4px',
+        headerBarWidth2: '4px',
+        headerBarWidth3: '3px',
+        headerBarWidth4: '3px',
+        headerBarWidth5: '3px',
+        headerBarWidth6: '3px',
+        pMargin: '16px 0 16px 0',
+        liMargin: '.25em 0 0 0',
+        olPadding: '0 0 0 2em',
+        ulPadding: '0 0 0 2em',
+        aTextColor: brandPrimary500,
+        blockquoteTextColor: textPrimary,
+        blockquotePrefixColor: elementsQuaternary,
+        blockquoteLineHeight: lineHeightBodyMedium,
+        blockquoteFontSize: fontBodyMedium,
+        codeBorderRadius: borderRadiusSmall,
+        liTextColor: textPrimary,
+        liLineHeight: lineHeightBodyMedium,
+        liFontSize: fontBodyMedium,
+        hrColor: elementsQuaternary,
+        headerFontWeight: fontWeightStrong,
+        headerTextColor: textPrimary,
+        pTextColor: textPrimary,
+        pTextColor1Depth: textPrimary,
+        pTextColor2Depth: textSecondary,
+        pTextColor3Depth: textTertiary,
+        pLineHeight: lineHeightBodyMedium,
+        pFontSize: fontBodyMedium,
+        headerBarColor: brandPrimary500,
+        headerBarColorPrimary: brandPrimary500,
+        headerBarColorInfo: brandQuaternary500,
+        headerBarColorError: staticRed,
+        headerBarColorWarning: staticOrange,
+        headerBarColorSuccess: staticGreen,
+        textColor: textPrimary,
+        textColor1Depth: textPrimary,
+        textColor2Depth: textSecondary,
+        textColor3Depth: textTertiary,
+        textColorPrimary: brandPrimary500,
+        textColorInfo: brandQuaternary500,
+        textColorSuccess: staticGreen,
+        textColorWarning: staticOrange,
+        textColorError: staticRed,
+        codeTextColor: textPrimary,
+        codeColor: elementsTertiary,
+        codeBorder: '1px solid #0000'
+    };
 };
 exports.self = self;
 const typographyLight = {

package/lib/upload/src/Upload.d.ts

@@ -133,9 +133,6 @@ export declare const uploadProps: {
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -145,7 +142,7 @@ export declare const uploadProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -289,7 +286,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -394,9 +391,6 @@ export declare const uploadProps: {
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -406,7 +400,7 @@ export declare const uploadProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -550,7 +544,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -655,9 +649,6 @@ export declare const uploadProps: {
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -667,7 +658,7 @@ export declare const uploadProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -811,7 +802,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1009,9 +1000,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -1021,7 +1009,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1165,7 +1153,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1270,9 +1258,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -1282,7 +1267,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1426,7 +1411,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1531,9 +1516,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -1543,7 +1525,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1687,7 +1669,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1763,124 +1745,116 @@ declare const _default: import("vue").DefineComponent<{
     inputElRef: import("vue").Ref<HTMLInputElement | null>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            tertiaryColor: string;
-            tertiaryColorHover: string;
-            tertiaryColorActive: string;
-            tertiaryColorSuppl: string;
-            tertiaryElements: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textTertiary: string;
-            boxShadowHover: string;
-            boxShadowFocus: string;
-            boxShadowHoverChecked: string;
-            boxShadowFocusChecked: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            borderTagColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
             scrollbarColor: string;
             scrollbarColorHover: string;
             scrollbarWidth: string;
             scrollbarHeight: string;
             scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            avatarTextColor: string;
-            avatarIconColor: string;
-            invertedColor: string;
-            tooltipColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
             opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
+            brandPrimary50: string;
+            brandPrimary100: string;
+            brandPrimary200: string;
+            brandPrimary300: string;
+            brandPrimary400: string;
+            brandPrimary500: string;
+            brandPrimary550: string;
+            brandPrimary600: string;
+            brandSecondary500: string;
+            brandSecondary300: string;
+            brandSecondary600: string;
+            brandTertiary500: string;
+            brandTertiary300: string;
+            brandTertiary600: string;
+            brandQuaternary500: string;
+            brandQuaternary300: string;
+            brandQuaternary600: string;
+            brandQuinary500: string;
+            brandQuinary300: string;
+            brandQuinary600: string;
+            brandQuinary100: string;
+            surfacePrimary: string;
+            surfaceSecondary: string;
+            containerPrimary: string;
+            containerSecondary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textQuaternary: string;
+            textBrand: string;
+            elementsPrimary: string;
+            elementsSecondary: string;
+            elementsTertiary: string;
+            elementsQuaternary: string;
+            elementsQuinary: string;
+            elementsDarkQuinary: string;
+            elementsSenary: string;
+            /**
+             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
+             */
+            elementsOnContainer: string;
+            transparencyPrimary: string;
+            transparencySecondary: string;
+            transparencyTertiary: string;
+            transparencyQuinary: string;
+            transparencyModal: string;
+            staticBlack: string;
+            staticDarkGrey: string;
+            staticWhite: string;
+            staticRed: string;
+            staticOrange: string;
+            staticGreen: string;
+            staticErrorAccent: string;
+            shadowDepth2: string;
             fontFamily: string;
             fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
             cubicBezierEaseInOut: string;
             cubicBezierEaseOut: string;
             cubicBezierEaseIn: string;
-            borderWidth: number;
-            borderTagWidth: number;
+            borderRadiusLarge: string;
             borderRadius: string;
+            borderRadiusMedium: string;
             borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
+            borderRadiusTiny: string;
             heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
             heightHuge: string;
+            fontDisplayLarge: string;
+            fontDisplaySmall: string;
+            fontHeadingLarge: string;
+            fontHeadingMedium: string;
+            fontHeadingSmall: string;
+            fontTitleLarge: string;
+            fontTitleMedium: string;
+            fontTitleSmall: string;
+            fontBodyLarge: string;
+            fontBodyMedium: string;
+            fontBodySmall: string;
+            lineHeightDisplayLarge: string;
+            lineHeightDisplaySmall: string;
+            lineHeightHeadingLarge: string;
+            lineHeightHeadingMedium: string;
+            lineHeightHeadingSmall: string;
+            lineHeightTitleLarge: string;
+            lineHeightTitleMedium: string;
+            lineHeightTitleSmall: string;
+            lineHeightBodyLarge: string;
+            lineHeightBodyMedium: string;
+            lineHeightBodySmall: string;
+            fontWeight: string;
+            fontWeightStrong: string;
+            fontWeightBold: string;
+            iconSmall: string;
+            iconMedium: string;
+            iconLarge: string;
+            iconHuge: string;
+            closeSmall: string;
+            closeMedium: string;
+            closeLarge: string;
+            closeHuge: string;
+            closeBorderRadius: string;
             name: "common";
         };
         self: {
@@ -1924,9 +1898,6 @@ declare const _default: import("vue").DefineComponent<{
                 colorOpacitySecondary: string;
                 colorOpacitySecondaryHover: string;
                 colorOpacitySecondaryPressed: string;
-                /**
-                 * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-                 */
                 colorOpacitySecondaryFocus: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
@@ -1936,7 +1907,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -2080,7 +2051,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorFocusError: string;
                 colorDisabledError: string;
                 textColorError: string;
-                textColorHoverError: string;
+                textColorHoverError: string; /** currently not used */
                 textColorPressedError: string;
                 textColorFocusError: string;
                 textColorDisabledError: string;
@@ -2295,9 +2266,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -2307,7 +2275,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2451,7 +2419,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -2556,9 +2524,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -2568,7 +2533,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2712,7 +2677,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -2817,9 +2782,6 @@ declare const _default: import("vue").DefineComponent<{
             colorOpacitySecondary: string;
             colorOpacitySecondaryHover: string;
             colorOpacitySecondaryPressed: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
             colorOpacitySecondaryFocus: string;
             colorSecondary: string;
             colorSecondaryHover: string;
@@ -2829,7 +2791,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2973,7 +2935,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string;
+            textColorHoverError: string; /** currently not used */
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;