@uzum-tech/ui 1.3.1 → 1.4.0

package/lib/mention/src/utils.js

@@ -6,7 +6,9 @@
  * Here I modified it to make it works when input is scrolled.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setElementPositionBasedOnCaret = exports.getRelativePosition = exports.getAbsolutePosition = void 0;
+exports.getAbsolutePosition = getAbsolutePosition;
+exports.getRelativePosition = getRelativePosition;
+exports.setElementPositionBasedOnCaret = setElementPositionBasedOnCaret;
 const _utils_1 = require("../../_utils");
 /**
  * Returns the Absolute (relative to the inner window size) position of the caret in the given element.
@@ -21,7 +23,6 @@ function getAbsolutePosition(element) {
         height: caretRelPost.height
     };
 }
-exports.getAbsolutePosition = getAbsolutePosition;
 /**
  * Returns the relative position of the caret in the given element.
  * @param element Input (has to be type='text') or Text Area.
@@ -39,12 +40,12 @@ function getRelativePosition(element, options = {
     // into their shorthand (e.g. padding-top, padding-bottom etc. -> padding),
     // so we have to list every single property explicitly.
     const properties = [
-        'direction',
+        'direction', // RTL support
         'boxSizing',
-        'width',
+        'width', // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does
         'height',
         'overflowX',
-        'overflowY',
+        'overflowY', // copy the scrollbar for IE
         'borderTopWidth',
         'borderRightWidth',
         'borderBottomWidth',
@@ -66,7 +67,7 @@ function getRelativePosition(element, options = {
         'textAlign',
         'textTransform',
         'textIndent',
-        'textDecoration',
+        'textDecoration', // might not make a difference, but better be safe
         'letterSpacing',
         'wordSpacing',
         'tabSize',
@@ -175,7 +176,6 @@ function getRelativePosition(element, options = {
     }
     return relativePosition;
 }
-exports.getRelativePosition = getRelativePosition;
 /**
  * sets the top and left css style of the element based on the absolute position of the caretElements caret,
  * @param offset offsets the position.
@@ -207,4 +207,3 @@ function setElementPositionBasedOnCaret(element, caretElement, offset = { top: 0
     }
     return pos;
 }
-exports.setElementPositionBasedOnCaret = setElementPositionBasedOnCaret;

package/lib/mention/styles/light.d.ts

@@ -47,12 +47,18 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
     }>;

package/lib/menu/src/Menu.d.ts

@@ -55,11 +55,11 @@ export declare const menuProps: {
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -79,7 +79,7 @@ export declare const menuProps: {
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -698,11 +698,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -722,7 +722,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -1297,118 +1297,7 @@ declare const _default: import("vue").DefineComponent<{
     activePath: import("vue").ComputedRef<Key[]>;
     tmNodes: import("vue").ComputedRef<import("treemate").TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>[]>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemColorHoverInverted: string;
             itemColorActiveInverted: string;
@@ -1638,7 +1527,7 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<any> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-    showOption: (key?: import("./interface").Key | undefined) => void;
+    showOption: (key?: import("./interface").Key) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -1690,11 +1579,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -1714,7 +1603,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly dropdownProps: PropType<DropdownProps>;
     readonly accordion: BooleanConstructor;
     readonly nodeProps: PropType<MenuNodeProps>;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -2280,21 +2169,21 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }>>, {
-    readonly options: MenuMixedOption[];
-    readonly mode: "horizontal" | "vertical";
-    readonly show: boolean;
+    readonly mode: "vertical" | "horizontal";
     readonly disabled: boolean;
     readonly iconSize: number;
-    readonly keyField: string;
+    readonly show: boolean;
     readonly labelField: string;
+    readonly keyField: string;
     readonly defaultValue: Key | null;
+    readonly options: MenuMixedOption[];
     readonly childrenField: string;
     readonly defaultExpandAll: boolean;
     readonly indent: number;
     readonly inverted: boolean;
+    readonly collapsed: boolean | undefined;
     readonly disabledField: string;
     readonly accordion: boolean;
-    readonly collapsed: boolean | undefined;
     readonly collapsedWidth: number;
     readonly collapsedIconSize: number;
     readonly watchProps: ("defaultValue" | "defaultExpandedKeys")[];

package/lib/menu/src/MenuOption.d.ts

@@ -49,118 +49,7 @@ export declare const UMenuOption: import("vue").DefineComponent<{
     maxIconSize: import("vue").ComputedRef<number>;
     activeIconSize: import("vue").ComputedRef<number>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemColorHoverInverted: string;
             itemColorActiveInverted: string;
@@ -412,7 +301,7 @@ export declare const UMenuOption: import("vue").DefineComponent<{
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
     readonly extra: PropType<string | (() => import("vue").VNodeChild)>;
 }>>, {
-    readonly root: boolean;
     readonly disabled: boolean;
     readonly isGroup: boolean;
+    readonly root: boolean;
 }, {}>;

package/lib/menu/src/MenuOptionGroup.d.ts

@@ -65,6 +65,6 @@ export declare const UMenuOptionGroup: import("vue").DefineComponent<{
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
     readonly extra: PropType<string | (() => import("vue").VNodeChild)>;
 }>>, {
-    readonly root: boolean;
     readonly isGroup: boolean;
+    readonly root: boolean;
 }, {}>;

package/lib/menu/src/Submenu.d.ts

@@ -66,118 +66,7 @@ export declare const USubmenu: import("vue").DefineComponent<{
 }, {
     menuProps: import("./Menu").MenuSetupProps;
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemColorHoverInverted: string;
             itemColorActiveInverted: string;
@@ -452,9 +341,9 @@ export declare const USubmenu: import("vue").DefineComponent<{
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 }>>, {
-    readonly root: boolean;
     readonly disabled: boolean;
     readonly isGroup: boolean;
     readonly tmNodes: TmNode[];
+    readonly root: boolean;
     readonly rawNodes: MenuMixedOption[];
 }, {}>;

package/lib/menu/src/use-menu-child.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuChild = void 0;
+exports.useMenuChild = useMenuChild;
 const vue_1 = require("vue");
 const context_1 = require("./context");
 const ICON_MARGIN_RIGHT = 8;
@@ -81,4 +81,3 @@ function useMenuChild(props) {
         USubmenu
     };
 }
-exports.useMenuChild = useMenuChild;

package/lib/menu/src/useCheckDeprecated.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCheckDeprecated = void 0;
+exports.useCheckDeprecated = useCheckDeprecated;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 function useCheckDeprecated(props) {
@@ -25,4 +25,3 @@ function useCheckDeprecated(props) {
         }
     });
 }
-exports.useCheckDeprecated = useCheckDeprecated;

package/lib/menu/src/utils.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemRenderer = exports.isDividerNode = exports.isIgnoredNode = void 0;
+exports.isIgnoredNode = isIgnoredNode;
+exports.isDividerNode = isDividerNode;
+exports.itemRenderer = itemRenderer;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 // eslint-disable-next-line import/no-cycle
@@ -18,11 +20,9 @@ const submenuPropKeys = (0, _utils_1.keysOf)(Submenu_1.submenuProps);
 function isIgnoredNode(rawNode) {
     return rawNode.type === 'divider' || rawNode.type === 'render';
 }
-exports.isIgnoredNode = isIgnoredNode;
 function isDividerNode(rawNode) {
     return rawNode.type === 'divider';
 }
-exports.isDividerNode = isDividerNode;
 function itemRenderer(tmNode, menuProps) {
     const { rawNode } = tmNode;
     const { show } = rawNode;
@@ -57,4 +57,3 @@ function itemRenderer(tmNode, menuProps) {
         }));
     }
 }
-exports.itemRenderer = itemRenderer;

package/lib/menu/styles/light.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = exports.createPartialInvertedVars = void 0;
+exports.self = void 0;
+exports.createPartialInvertedVars = createPartialInvertedVars;
 const styles_1 = require("../../tooltip/styles");
 const styles_2 = require("../../dropdown/styles");
 const common_1 = require("../../_styles/common");
@@ -45,7 +46,6 @@ function createPartialInvertedVars(color, activeItemColor, activeTextColor, grou
         groupTextColorInverted: groupTextColor
     };
 }
-exports.createPartialInvertedVars = createPartialInvertedVars;
 const self = (vars) => {
     const { textSecondary, borderRadiusSmall, textTertiary, containerPrimary, textPrimary, elementsPrimary, elementsQuaternary, fontBodyMedium, brandPrimary500, containerSecondary } = vars;
     return Object.assign({ borderRadius: borderRadiusSmall, color: '#0000', groupTextColor: textTertiary, itemColorHover: containerSecondary, itemColorActive: containerPrimary, itemColorActiveHover: containerPrimary, itemColorActiveCollapsed: containerPrimary, itemTextColor: textPrimary, itemTextColorHover: textPrimary, itemTextColorActive: brandPrimary500, itemTextColorActiveHover: brandPrimary500, itemTextColorChildActive: brandPrimary500, itemTextColorChildActiveHover: brandPrimary500, itemTextColorHorizontal: textPrimary, itemTextColorHoverHorizontal: textPrimary, itemTextColorActiveHorizontal: brandPrimary500, itemTextColorActiveHoverHorizontal: brandPrimary500, itemTextColorChildActiveHorizontal: brandPrimary500, itemTextColorChildActiveHoverHorizontal: brandPrimary500, itemIconColor: textPrimary, itemIconColorHover: textPrimary, itemIconColorActive: brandPrimary500, itemIconColorActiveHover: brandPrimary500, itemIconColorChildActive: brandPrimary500, itemIconColorChildActiveHover: brandPrimary500, itemIconColorCollapsed: textPrimary, itemIconColorHorizontal: textPrimary, itemIconColorHoverHorizontal: textPrimary, itemIconColorActiveHorizontal: brandPrimary500, itemIconColorActiveHoverHorizontal: brandPrimary500, itemIconColorChildActiveHorizontal: brandPrimary500, itemIconColorChildActiveHoverHorizontal: brandPrimary500, itemHeight: '40px', arrowColor: elementsPrimary, arrowColorHover: elementsPrimary, arrowColorActive: brandPrimary500, arrowColorActiveHover: brandPrimary500, arrowColorChildActive: brandPrimary500, arrowColorChildActiveHover: brandPrimary500, colorInverted: '#0000', borderColorHorizontal: elementsQuaternary, fontSize: fontBodyMedium, dividerColor: elementsQuaternary }, createPartialInvertedVars(textSecondary, elementsPrimary, brandPrimary500, textSecondary));

package/lib/message/src/Message.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-    placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    placement: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     render: PropType<MessageRenderMessage>;
     icon: PropType<() => VNodeChild>;

package/lib/message/src/MessageEnvironment.d.ts

@@ -67,9 +67,9 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     type: import("./types").MessageType;
-    duration: number;
     showIcon: boolean;
     closable: boolean;
+    duration: number;
     keepAliveOnHover: boolean;
 }, {}>;
 export default _default;