@vention/machine-ui 3.33.7 → 3.35.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "3.33.7",
+  "version": "3.35.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-banner/vention-banner.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
+import { Theme } from "@mui/material";
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
 export interface VentionBannerProps {
     size?: StrictExtract<Sizes, "large">;
-    accent?: "strong";
+    accent?: "medium" | "strong";
     color: "warning" | "negative" | "positive" | "operational";
     startAdornment?: React.ReactNode;
     title: string;
@@ -14,7 +15,9 @@ export declare const VentionBanner: ({ size, accent, color, startAdornment, titl
 /**
  * Compute banner background and text color based on the `color` prop
  */
-export declare function useBannerColorStyles(color: "warning" | "negative" | "positive" | "operational", theme: any): {
+export declare function useBannerColorStyles(color: VentionBannerProps["color"], accent: VentionBannerProps["accent"], theme: Theme): {
     backgroundColor: string;
+    outlineColor: string;
+    iconColor: string;
     textColor: string;
 };

package/src/lib/components/vention-button/vention-dropdown-button/vention-dropdown-button.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import { ButtonProps } from "@mui/material";
 import { Sizes, StrictExtract } from "../../../theme/machine-ui-theme";
-import { IconType } from "../../vention-icon/vention-icon";
 export interface VentionDropdownButtonProps extends Omit<ButtonProps, "size" | "variant" | "color"> {
     variant?: "simple" | "outline" | "shaded";
     size?: StrictExtract<Sizes, "small" | "medium" | "large">;
-    iconType: IconType;
+    icon?: React.ReactNode;
     stroke?: number | string;
     disabled?: boolean;
     className?: string;
@@ -14,4 +13,4 @@ export interface VentionDropdownButtonProps extends Omit<ButtonProps, "size" | "
     contentColor?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const VentionDropdownButton: ({ variant, size, className, disabled, onClick, iconType, badgeText, label, stroke, contentColor, ...other }: VentionDropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VentionDropdownButton: ({ variant, size, className, disabled, onClick, icon, badgeText, label, stroke, contentColor, ...other }: VentionDropdownButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/vention-icon/vention-icon.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 import { IconType, DuotoneIconType } from "./_generated/icon-types";
 export type { IconType, DuotoneIconType };
+export declare const IconSizes: {
+    readonly small: 16;
+    readonly medium: 20;
+    readonly large: 24;
+};
 interface VentionIconProps {
     type: IconType | DuotoneIconType;
     size?: number;

package/src/lib/components/vention-modal-banner/vention-modal-banner.d.ts

@@ -1,13 +1,12 @@
-import React from "react";
-import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
+import { VentionBannerProps } from "../vention-banner/vention-banner";
 export interface VentionModalBannerProps {
-    size?: StrictExtract<Sizes, "large">;
-    accent?: "strong";
-    color: "warning" | "negative" | "positive" | "operational";
-    icon?: React.ReactNode;
-    title: string;
-    description: string;
-    endAdornment?: React.ReactNode;
+    size?: VentionBannerProps["size"];
+    accent?: VentionBannerProps["accent"];
+    color: VentionBannerProps["color"];
+    icon?: VentionBannerProps["startAdornment"];
+    title: VentionBannerProps["title"];
+    description: VentionBannerProps["description"];
+    endAdornment?: VentionBannerProps["endAdornment"];
     maxWidth?: number;
 }
 /**