@uzum-tech/ui 0.1.1 → 1.0.0

package/es/calendar/src/Calendar.d.ts

@@ -12,6 +12,7 @@ export declare const calendarProps: {
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -31,7 +32,6 @@ export declare const calendarProps: {
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -59,7 +59,7 @@ export declare const calendarProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -246,6 +246,7 @@ export declare const calendarProps: {
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -265,7 +266,6 @@ export declare const calendarProps: {
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -293,7 +293,7 @@ export declare const calendarProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -480,6 +480,7 @@ export declare const calendarProps: {
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -499,7 +500,6 @@ export declare const calendarProps: {
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -527,7 +527,7 @@ export declare const calendarProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -726,6 +726,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -745,7 +746,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -773,7 +773,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -960,6 +960,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -979,7 +980,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1007,7 +1007,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1194,6 +1194,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -1213,7 +1214,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1241,7 +1241,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1469,127 +1469,117 @@ declare const _default: import("vue").DefineComponent<{
     handleNextClick: () => void;
     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;
+            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: {
+            titleFontSize: string;
             borderRadius: string;
             borderColor: string;
             borderColorModal: string;
@@ -1609,7 +1599,6 @@ declare const _default: import("vue").DefineComponent<{
             cellColorModal: string;
             cellColorPopover: string;
             barColor: string;
-            titleFontSize: string;
         };
         peers: {
             Button: import("../../_mixins").Theme<"Button", {
@@ -1638,7 +1627,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1868,6 +1857,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -1887,7 +1877,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1915,7 +1904,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2102,6 +2091,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2121,7 +2111,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2149,7 +2138,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2336,6 +2325,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+        titleFontSize: string;
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2355,7 +2345,6 @@ declare const _default: import("vue").DefineComponent<{
         cellColorModal: string;
         cellColorPopover: string;
         barColor: string;
-        titleFontSize: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2383,7 +2372,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/calendar/styles/light.d.ts

@@ -1,5 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 export declare const self: (vars: ThemeCommonVars) => {
+    titleFontSize: string;
     borderRadius: string;
     borderColor: string;
     borderColorModal: string;
@@ -19,10 +20,10 @@ export declare const self: (vars: ThemeCommonVars) => {
     cellColorModal: string;
     cellColorPopover: string;
     barColor: string;
-    titleFontSize: string;
 };
 export type CalendarThemeVars = ReturnType<typeof self>;
 declare const calendarLight: import("../../_mixins").Theme<"Calendar", {
+    titleFontSize: string;
     borderRadius: string;
     borderColor: string;
     borderColorModal: string;
@@ -42,7 +43,6 @@ declare const calendarLight: import("../../_mixins").Theme<"Calendar", {
     cellColorModal: string;
     cellColorPopover: string;
     barColor: string;
-    titleFontSize: string;
 }, {
     Button: import("../../_mixins").Theme<"Button", {
         heightTiny: string;
@@ -70,7 +70,7 @@ declare const calendarLight: import("../../_mixins").Theme<"Calendar", {
         colorTertiaryHover: string;
         colorTertiaryPressed: string;
         colorTertiaryDisalbed: string;
-        waveColorTerniary: string;
+        waveColorTertiary: string;
         textColorTextTertiary: string;
         colorQuaternary: string;
         colorQuaternaryHover: string;

package/es/calendar/styles/light.js

@@ -1,12 +1,30 @@
-import { composite } from 'seemly';
 import { commonLight } from '../../_styles/common';
-import commonVariables from './_common';
 import { createTheme } from '../../_mixins';
 import { buttonLight } from '../../button/styles';
 export const self = (vars) => {
-    const { borderRadius, fontSize, lineHeight, textColor2, textColor1, textColorDisabled, dividerColor, fontWeightStrong, primaryColor, baseColor, hoverColor, cardColor, modalColor, popoverColor } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { borderRadius, borderColor: composite(cardColor, dividerColor), borderColorModal: composite(modalColor, dividerColor), borderColorPopover: composite(popoverColor, dividerColor), textColor: textColor2, titleFontWeight: fontWeightStrong, titleTextColor: textColor1, dayTextColor: textColorDisabled, fontSize,
-        lineHeight, dateColorCurrent: primaryColor, dateTextColorCurrent: baseColor, cellColorHover: composite(cardColor, hoverColor), cellColorHoverModal: composite(modalColor, hoverColor), cellColorHoverPopover: composite(popoverColor, hoverColor), cellColor: cardColor, cellColorModal: modalColor, cellColorPopover: popoverColor, barColor: primaryColor });
+    const { borderRadius, fontWeightStrong, fontHeadingSmall, elementsQuaternary, textPrimary, textTertiary, fontBodyMedium, lineHeightBodyMedium, brandPrimary500, staticWhite, elementsTertiary, containerPrimary } = vars;
+    return {
+        titleFontSize: fontHeadingSmall,
+        borderRadius,
+        borderColor: elementsQuaternary,
+        borderColorModal: elementsQuaternary,
+        borderColorPopover: elementsQuaternary,
+        textColor: textPrimary,
+        titleFontWeight: fontWeightStrong,
+        titleTextColor: textPrimary,
+        dayTextColor: textTertiary,
+        fontSize: fontBodyMedium,
+        lineHeight: lineHeightBodyMedium,
+        dateColorCurrent: brandPrimary500,
+        dateTextColorCurrent: staticWhite,
+        cellColorHover: elementsTertiary,
+        cellColorHoverModal: elementsTertiary,
+        cellColorHoverPopover: elementsTertiary,
+        cellColor: containerPrimary,
+        cellColorModal: containerPrimary,
+        cellColorPopover: containerPrimary,
+        barColor: brandPrimary500
+    };
 };
 const calendarLight = createTheme({
     name: 'Calendar',