@uzum-tech/ui 0.1.2 → 1.0.0

package/es/legacy-transfer/src/TransferListItem.d.ts

@@ -19,127 +19,118 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").Ref<{
         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;
+            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: {
+            extraFontSize: string;
+            width: string;
             itemHeightSmall: string;
             itemHeightMedium: string;
             itemHeightLarge: string;
@@ -160,66 +151,87 @@ declare const _default: import("vue").DefineComponent<{
             titleFontWeight: string;
             iconColor: string;
             iconColorDisabled: string;
-            extraFontSize: string;
-            width: string;
         };
         peers: {
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
-                labelLineHeight: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
+                fontWeight: string;
+                textColor: string;
+                descriptionTextColor: string;
+                textColorDisabled: string;
+                descriptionTextColorDisabled: string;
                 fontSizeLarge: string;
+                fontSizeMedium: string;
+                fontSizeSmall: string;
+                lineHeightLarge: string;
+                lineHeightMedium: string;
+                lineHeightSmall: string;
+                borderRadiusLarge: string;
+                borderRadiusMedium: string;
+                borderRadiusSmall: string;
                 color: string;
+                colorHover: string;
+                colorFocus: string;
+                colorActive: string;
                 colorChecked: string;
+                colorHoverChecked: string;
+                colorFocusChecked: string;
+                colorActiveChecked: string;
                 colorDisabled: string;
                 colorDisabledChecked: string;
-                colorTableHeader: string;
-                colorTableHeaderModal: string;
-                colorTableHeaderPopover: string;
                 checkMarkColor: string;
+                checkMarkColorHover: string;
+                checkMarkColorFocus: string;
+                checkMarkColorActive: string;
                 checkMarkColorDisabled: string;
                 checkMarkColorDisabledChecked: string;
                 border: string;
-                borderDisabled: string;
-                borderDisabledChecked: string;
                 borderHover: string;
-                borderChecked: string;
                 borderFocus: string;
+                borderActive: string;
+                borderChecked: string;
+                borderHoverChecked: string;
+                borderFocusChecked: string;
+                borderActiveChecked: string;
+                borderDisabled: string;
+                borderDisabledChecked: string;
                 boxShadowHover: string;
                 boxShadowFocus: string;
                 boxShadowActive: string;
                 boxShadowHoverChecked: string;
                 boxShadowFocusChecked: string;
                 boxShadowActiveChecked: string;
-                textColor: string;
                 sizeSmall: string;
                 sizeMedium: string;
                 sizeLarge: string;
                 labelPadding: string;
-                labelFontWeight: string;
-                borderRadiusLarge: string;
-                borderRadiusSmall: string;
             }, any>;
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
                 colorHover: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -259,13 +271,13 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                iconSizeSmall: string;
+                iconSizeMedium: string;
+                iconSizeLarge: string;
+                iconSizeHuge: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -273,10 +285,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
-                iconSizeSmall: string;
-                iconSizeMedium: string;
-                iconSizeLarge: string;
-                iconSizeHuge: string;
             }, any>;
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -304,7 +312,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;

package/es/legacy-transfer/styles/dark.js

@@ -1,10 +1,10 @@
-import commonVariables from './_common';
 import { checkboxDark } from '../../checkbox/styles';
 import { scrollbarDark } from '../../_internal/scrollbar/styles';
 import { inputDark } from '../../input/styles';
 import { commonDark } from '../../_styles/common';
 import { emptyDark } from '../../empty/styles';
 import { buttonDark } from '../../button/styles';
+import { self } from './light';
 const transferDark = {
     name: 'Transfer',
     common: commonDark,
@@ -15,13 +15,6 @@ const transferDark = {
         Empty: emptyDark,
         Button: buttonDark
     },
-    self(vars) {
-        const { iconColorDisabled, iconColor, fontWeight, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, heightSmall, borderRadius, inputColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, hoverColor } = vars;
-        return Object.assign(Object.assign({}, commonVariables), { itemHeightSmall: heightSmall, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
-            fontSizeMedium,
-            fontSizeLarge,
-            borderRadius, borderColor: '#0000', listColor: inputColor, headerColor: tableHeaderColor, titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor2, filterDividerColor: '#0000', itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, iconColor,
-            iconColorDisabled });
-    }
+    self
 };
 export default transferDark;

package/es/legacy-transfer/styles/light.d.ts

@@ -1,5 +1,7 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-declare const self: (vars: ThemeCommonVars) => {
+export declare const self: (vars: ThemeCommonVars) => {
+    extraFontSize: string;
+    width: string;
     itemHeightSmall: string;
     itemHeightMedium: string;
     itemHeightLarge: string;
@@ -20,11 +22,11 @@ declare const self: (vars: ThemeCommonVars) => {
     titleFontWeight: string;
     iconColor: string;
     iconColorDisabled: string;
-    extraFontSize: string;
-    width: string;
 };
 export type TransferThemeVars = ReturnType<typeof self>;
 declare const transferLight: import("../../_mixins").Theme<"Transfer", {
+    extraFontSize: string;
+    width: string;
     itemHeightSmall: string;
     itemHeightMedium: string;
     itemHeightLarge: string;
@@ -45,65 +47,86 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
     titleFontWeight: string;
     iconColor: string;
     iconColorDisabled: string;
-    extraFontSize: string;
-    width: string;
 }, {
     Checkbox: import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>;
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
         color: string;
         colorHover: string;
     }, any>;
     Input: import("../../_mixins").Theme<"Input", {
+        paddingTiny: string;
+        paddingSmall: string;
+        paddingMedium: string;
+        paddingLarge: string;
+        paddingHuge: string;
+        clearSize: string;
         countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
+        heightHuge: string;
         fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
+        fontSizeHuge: string;
         lineHeight: string;
         lineHeightTextarea: string;
         borderRadius: string;
         iconSize: string;
-        groupLabelColor: string;
         groupLabelTextColor: string;
         textColor: string;
         textColorDisabled: string;
@@ -143,13 +166,13 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         iconColorHover: string;
         iconColorPressed: string;
         suffixTextColor: string;
-        paddingTiny: string;
-        paddingSmall: string;
-        paddingMedium: string;
-        paddingLarge: string;
-        clearSize: string;
+        selectionColor: string;
     }, any>;
     Empty: import("../../_mixins").Theme<"Empty", {
+        iconSizeSmall: string;
+        iconSizeMedium: string;
+        iconSizeLarge: string;
+        iconSizeHuge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -157,10 +180,6 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         textColor: string;
         iconColor: string;
         extraTextColor: string;
-        iconSizeSmall: string;
-        iconSizeMedium: string;
-        iconSizeLarge: string;
-        iconSizeHuge: string;
     }, any>;
     Button: import("../../_mixins").Theme<"Button", {
         heightTiny: string;
@@ -188,7 +207,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         colorTertiaryHover: string;
         colorTertiaryPressed: string;
         colorTertiaryDisalbed: string;
-        waveColorTerniary: string;
+        waveColorTertiary: string;
         textColorTextTertiary: string;
         colorQuaternary: string;
         colorQuaternaryHover: string;

package/es/legacy-transfer/styles/light.js

@@ -1,5 +1,3 @@
-import commonVariables from './_common';
-import { composite } from 'seemly';
 import { checkboxLight } from '../../checkbox/styles';
 import { scrollbarLight } from '../../_internal/scrollbar/styles';
 import { inputLight } from '../../input/styles';
@@ -7,14 +5,32 @@ import { commonLight } from '../../_styles/common';
 import { emptyLight } from '../../empty/styles';
 import { buttonLight } from '../../button/styles';
 import { createTheme } from '../../_mixins';
-const self = (vars) => {
-    const { fontWeight, iconColorDisabled, iconColor, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, heightSmall, borderRadius, cardColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, borderColor, hoverColor } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { itemHeightSmall: heightSmall, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
-        fontSizeMedium,
-        fontSizeLarge,
+export const self = (vars) => {
+    const { fontWeight, heightLarge, heightMedium, heightSmall, borderRadius, fontBodySmall, fontBodyMedium, fontBodyLarge, elementsQuaternary, containerPrimary, elementsTertiary, textPrimary, textTertiary, elementsPrimary } = vars;
+    return {
+        extraFontSize: fontBodySmall,
+        width: '440px',
+        itemHeightSmall: heightSmall,
+        itemHeightMedium: heightMedium,
+        itemHeightLarge: heightLarge,
+        fontSizeSmall: fontBodySmall,
+        fontSizeMedium: fontBodyMedium,
+        fontSizeLarge: fontBodyLarge,
         borderRadius,
-        borderColor, listColor: cardColor, headerColor: composite(cardColor, tableHeaderColor), titleTextColor: textColor1, titleTextColorDisabled: textColorDisabled, extraTextColor: textColor2, filterDividerColor: borderColor, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemColorPending: hoverColor, titleFontWeight: fontWeight, iconColor,
-        iconColorDisabled });
+        borderColor: elementsQuaternary,
+        listColor: containerPrimary,
+        headerColor: elementsTertiary,
+        titleTextColor: textPrimary,
+        titleTextColorDisabled: textTertiary,
+        extraTextColor: textPrimary,
+        filterDividerColor: elementsQuaternary,
+        itemTextColor: textPrimary,
+        itemTextColorDisabled: textTertiary,
+        itemColorPending: elementsQuaternary,
+        titleFontWeight: fontWeight,
+        iconColor: elementsPrimary,
+        iconColorDisabled: elementsTertiary
+    };
 };
 const transferLight = createTheme({
     name: 'Transfer',

package/es/list/index.d.ts

@@ -1,3 +1,4 @@
-export { default as UList, listProps } from './src/List';
-export type { ListProps } from './src/List';
+export { default as UList } from './src/List';
+export { listProps } from './src/props';
+export type { ListProps } from './src/props';
 export { default as UListItem } from './src/ListItem';

package/es/list/index.js

@@ -1,2 +1,3 @@
-export { default as UList, listProps } from './src/List';
+export { default as UList } from './src/List';
+export { listProps } from './src/props';
 export { default as UListItem } from './src/ListItem';