@uzum-tech/ui 0.1.1 → 1.0.0

package/es/typography/src/text.d.ts

@@ -18,6 +18,34 @@ export declare const textProps: {
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Typography", {
+        headerFontSize1: string;
+        headerFontSize2: string;
+        headerFontSize3: string;
+        headerFontSize4: string;
+        headerFontSize5: string;
+        headerFontSize6: string;
+        headerMargin1: string;
+        headerMargin2: string;
+        headerMargin3: string;
+        headerMargin4: string;
+        headerMargin5: string;
+        headerMargin6: string;
+        headerPrefixWidth1: string;
+        headerPrefixWidth2: string;
+        headerPrefixWidth3: string;
+        headerPrefixWidth4: string;
+        headerPrefixWidth5: string;
+        headerPrefixWidth6: string;
+        headerBarWidth1: string;
+        headerBarWidth2: string;
+        headerBarWidth3: string;
+        headerBarWidth4: string;
+        headerBarWidth5: string;
+        headerBarWidth6: string;
+        pMargin: string;
+        liMargin: string;
+        olPadding: string;
+        ulPadding: string;
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -54,6 +82,8 @@ export declare const textProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -82,8 +112,6 @@ export declare const textProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -120,6 +148,8 @@ export declare const textProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -148,8 +178,6 @@ export declare const textProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -186,6 +214,27 @@ export declare const textProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+};
+export type TextProps = ExtractPublicPropTypes<typeof textProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly code: BooleanConstructor;
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "default";
+    };
+    readonly delete: BooleanConstructor;
+    readonly strong: BooleanConstructor;
+    readonly italic: BooleanConstructor;
+    readonly underline: BooleanConstructor;
+    readonly depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
+    readonly tag: StringConstructor;
+    readonly as: {
+        readonly type: StringConstructor;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -214,27 +263,6 @@ export declare const textProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-};
-export type TextProps = ExtractPublicPropTypes<typeof textProps>;
-declare const _default: import("vue").DefineComponent<{
-    readonly code: BooleanConstructor;
-    readonly type: {
-        readonly type: StringConstructor;
-        readonly default: "default";
-    };
-    readonly delete: BooleanConstructor;
-    readonly strong: BooleanConstructor;
-    readonly italic: BooleanConstructor;
-    readonly underline: BooleanConstructor;
-    readonly depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
-    readonly tag: StringConstructor;
-    readonly as: {
-        readonly type: StringConstructor;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -271,6 +299,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -299,8 +329,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -337,6 +365,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -365,8 +395,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -403,34 +431,6 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
-        headerFontSize1: string;
-        headerFontSize2: string;
-        headerFontSize3: string;
-        headerFontSize4: string;
-        headerFontSize5: string;
-        headerFontSize6: string;
-        headerMargin1: string;
-        headerMargin2: string;
-        headerMargin3: string;
-        headerMargin4: string;
-        headerMargin5: string;
-        headerMargin6: string;
-        headerPrefixWidth1: string;
-        headerPrefixWidth2: string;
-        headerPrefixWidth3: string;
-        headerPrefixWidth4: string;
-        headerPrefixWidth5: string;
-        headerPrefixWidth6: string;
-        headerBarWidth1: string;
-        headerBarWidth2: string;
-        headerBarWidth3: string;
-        headerBarWidth4: string;
-        headerBarWidth5: string;
-        headerBarWidth6: string;
-        pMargin: string;
-        liMargin: string;
-        olPadding: string;
-        ulPadding: string;
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
@@ -465,6 +465,34 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Typography", {
+        headerFontSize1: string;
+        headerFontSize2: string;
+        headerFontSize3: string;
+        headerFontSize4: string;
+        headerFontSize5: string;
+        headerFontSize6: string;
+        headerMargin1: string;
+        headerMargin2: string;
+        headerMargin3: string;
+        headerMargin4: string;
+        headerMargin5: string;
+        headerMargin6: string;
+        headerPrefixWidth1: string;
+        headerPrefixWidth2: string;
+        headerPrefixWidth3: string;
+        headerPrefixWidth4: string;
+        headerPrefixWidth5: string;
+        headerPrefixWidth6: string;
+        headerBarWidth1: string;
+        headerBarWidth2: string;
+        headerBarWidth3: string;
+        headerBarWidth4: string;
+        headerBarWidth5: string;
+        headerBarWidth6: string;
+        pMargin: string;
+        liMargin: string;
+        olPadding: string;
+        ulPadding: string;
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -501,6 +529,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -529,8 +559,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -567,6 +595,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -595,8 +625,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -633,34 +661,6 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
-        headerFontSize1: string;
-        headerFontSize2: string;
-        headerFontSize3: string;
-        headerFontSize4: string;
-        headerFontSize5: string;
-        headerFontSize6: string;
-        headerMargin1: string;
-        headerMargin2: string;
-        headerMargin3: string;
-        headerMargin4: string;
-        headerMargin5: string;
-        headerMargin6: string;
-        headerPrefixWidth1: string;
-        headerPrefixWidth2: string;
-        headerPrefixWidth3: string;
-        headerPrefixWidth4: string;
-        headerPrefixWidth5: string;
-        headerPrefixWidth6: string;
-        headerBarWidth1: string;
-        headerBarWidth2: string;
-        headerBarWidth3: string;
-        headerBarWidth4: string;
-        headerBarWidth5: string;
-        headerBarWidth6: string;
-        pMargin: string;
-        liMargin: string;
-        olPadding: string;
-        ulPadding: string;
     }, any>>>;
 }>>, {
     readonly type: string;

package/es/typography/src/ul.d.ts

@@ -2,6 +2,34 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const ulProps: {
     readonly alignText: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
+        headerFontSize1: string;
+        headerFontSize2: string;
+        headerFontSize3: string;
+        headerFontSize4: string;
+        headerFontSize5: string;
+        headerFontSize6: string;
+        headerMargin1: string;
+        headerMargin2: string;
+        headerMargin3: string;
+        headerMargin4: string;
+        headerMargin5: string;
+        headerMargin6: string;
+        headerPrefixWidth1: string;
+        headerPrefixWidth2: string;
+        headerPrefixWidth3: string;
+        headerPrefixWidth4: string;
+        headerPrefixWidth5: string;
+        headerPrefixWidth6: string;
+        headerBarWidth1: string;
+        headerBarWidth2: string;
+        headerBarWidth3: string;
+        headerBarWidth4: string;
+        headerBarWidth5: string;
+        headerBarWidth6: string;
+        pMargin: string;
+        liMargin: string;
+        olPadding: string;
+        ulPadding: string;
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -38,6 +66,8 @@ export declare const ulProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -66,8 +96,6 @@ export declare const ulProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -104,6 +132,8 @@ export declare const ulProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -132,8 +162,6 @@ export declare const ulProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -170,6 +198,12 @@ export declare const ulProps: {
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+};
+export type UlProps = ExtractPublicPropTypes<typeof ulProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly alignText: BooleanConstructor;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -198,12 +232,6 @@ export declare const ulProps: {
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-};
-export type UlProps = ExtractPublicPropTypes<typeof ulProps>;
-declare const _default: import("vue").DefineComponent<{
-    readonly alignText: BooleanConstructor;
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -240,6 +268,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -268,8 +298,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -306,6 +334,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -334,8 +364,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -372,6 +400,23 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+}, {
+    mergedClsPrefix: import("vue").Ref<string>;
+    cssVars: import("vue").ComputedRef<{
+        '--u-bezier': string;
+        '--u-font-size': string;
+        '--u-line-height': string;
+        '--u-text-color': string;
+        '--u-li-margin': string;
+        '--u-ol-padding': string;
+        '--u-ul-padding': string;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly alignText: BooleanConstructor;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -400,23 +445,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-}, {
-    mergedClsPrefix: import("vue").Ref<string>;
-    cssVars: import("vue").ComputedRef<{
-        '--u-bezier': string;
-        '--u-font-size': string;
-        '--u-line-height': string;
-        '--u-text-color': string;
-        '--u-li-margin': string;
-        '--u-ol-padding': string;
-        '--u-ul-padding': string;
-    }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
-    onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly alignText: BooleanConstructor;
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -453,6 +481,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -481,8 +511,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -519,6 +547,8 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         headerFontSize1: string;
         headerFontSize2: string;
         headerFontSize3: string;
@@ -547,8 +577,6 @@ declare const _default: import("vue").DefineComponent<{
         liMargin: string;
         olPadding: string;
         ulPadding: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
         blockquotePrefixColor: string;
@@ -585,34 +613,6 @@ declare const _default: import("vue").DefineComponent<{
         codeTextColor: string;
         codeColor: string;
         codeBorder: string;
-        headerFontSize1: string;
-        headerFontSize2: string;
-        headerFontSize3: string;
-        headerFontSize4: string;
-        headerFontSize5: string;
-        headerFontSize6: string;
-        headerMargin1: string;
-        headerMargin2: string;
-        headerMargin3: string;
-        headerMargin4: string;
-        headerMargin5: string;
-        headerMargin6: string;
-        headerPrefixWidth1: string;
-        headerPrefixWidth2: string;
-        headerPrefixWidth3: string;
-        headerPrefixWidth4: string;
-        headerPrefixWidth5: string;
-        headerPrefixWidth6: string;
-        headerBarWidth1: string;
-        headerBarWidth2: string;
-        headerBarWidth3: string;
-        headerBarWidth4: string;
-        headerBarWidth5: string;
-        headerBarWidth6: string;
-        pMargin: string;
-        liMargin: string;
-        olPadding: string;
-        ulPadding: string;
     }, any>>>;
 }>>, {
     readonly alignText: boolean;

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

@@ -1,6 +1,34 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
+    headerFontSize1: string;
+    headerFontSize2: string;
+    headerFontSize3: string;
+    headerFontSize4: string;
+    headerFontSize5: string;
+    headerFontSize6: string;
+    headerMargin1: string;
+    headerMargin2: string;
+    headerMargin3: string;
+    headerMargin4: string;
+    headerMargin5: string;
+    headerMargin6: string;
+    headerPrefixWidth1: string;
+    headerPrefixWidth2: string;
+    headerPrefixWidth3: string;
+    headerPrefixWidth4: string;
+    headerPrefixWidth5: string;
+    headerPrefixWidth6: string;
+    headerBarWidth1: string;
+    headerBarWidth2: string;
+    headerBarWidth3: string;
+    headerBarWidth4: string;
+    headerBarWidth5: string;
+    headerBarWidth6: string;
+    pMargin: string;
+    liMargin: string;
+    olPadding: string;
+    ulPadding: string;
     aTextColor: string;
     blockquoteTextColor: string;
     blockquotePrefixColor: string;
@@ -37,34 +65,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     codeTextColor: string;
     codeColor: string;
     codeBorder: string;
-    headerFontSize1: string;
-    headerFontSize2: string;
-    headerFontSize3: string;
-    headerFontSize4: string;
-    headerFontSize5: string;
-    headerFontSize6: string;
-    headerMargin1: string;
-    headerMargin2: string;
-    headerMargin3: string;
-    headerMargin4: string;
-    headerMargin5: string;
-    headerMargin6: string;
-    headerPrefixWidth1: string;
-    headerPrefixWidth2: string;
-    headerPrefixWidth3: string;
-    headerPrefixWidth4: string;
-    headerPrefixWidth5: string;
-    headerPrefixWidth6: string;
-    headerBarWidth1: string;
-    headerBarWidth2: string;
-    headerBarWidth3: string;
-    headerBarWidth4: string;
-    headerBarWidth5: string;
-    headerBarWidth6: string;
-    pMargin: string;
-    liMargin: string;
-    olPadding: string;
-    ulPadding: string;
 };
 export type TypographyThemeVars = ReturnType<typeof self>;
 declare const typographyLight: Theme<'Typography', TypographyThemeVars>;

package/es/typography/styles/light.js

@@ -1,8 +1,72 @@
-import commonVars from './_common';
 import { commonLight } from '../../_styles/common';
 export 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({}, commonVars), { 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'
+    };
 };
 const typographyLight = {
     name: 'Typography',