@vention/machine-ui 5.16.0 → 5.17.0

package/package.json

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

package/src/index.d.ts

@@ -32,6 +32,7 @@ export * from "./lib/components/vention-banner/vention-banner";
 export * from "./lib/components/vention-sidebar-item/vention-sidebar-item";
 export * from "./lib/components/vention-icon/vention-icon";
 export * from "./lib/components/vention-combobox/vention-combobox";
+export * from "./lib/components/vention-tags-input/vention-tags-input";
 export * from "./lib/components/vention-tooltip/vention-tooltip";
 export * from "./lib/components/vention-checkbox/vention-checkbox";
 export * from "./lib/components/vention-uploadfile/vention-uploadfile";

package/src/lib/components/shared/styles/input-styles.d.ts

@@ -12,6 +12,7 @@ export declare const getInputPaddingStyles: (size: Sizes, theme: Theme) => {
     paddingLeft: string;
     paddingRight: string;
 };
+export declare function getBorderRadius(): string;
 /**
  * Get the vertical padding style for multiline input
  * @param size The size of the input

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

@@ -32,6 +32,5 @@ export interface VentionButtonProps extends Omit<ButtonProps, "size" | "variant"
     loading?: boolean;
 }
 export declare function getButtonStylingPropertiesGivenProps(variant: VentionButtonProps["variant"] | "simple", size: VentionButtonProps["size"], theme: Theme): StylingProperties;
-export declare function getButtonHeight(size: VentionButtonProps["size"], theme: Theme): string;
 export declare function getButtonIconSize(size: VentionButtonProps["size"]): number;
 export {};

package/src/lib/components/vention-tags-input/vention-tags-input-tag.d.ts

@@ -0,0 +1,13 @@
+import { SyntheticEvent } from "react";
+import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
+export type VentionTagsInputSizes = StrictExtract<Sizes, "small" | "medium" | "large">;
+export interface VentionTagsInputTagProps {
+    label: string;
+    removeLabel: string;
+    disabled: boolean;
+    size: VentionTagsInputSizes;
+    onDelete: (event: SyntheticEvent) => void;
+    dataTestId?: string;
+}
+export declare const VentionTagsInputTag: ({ label, removeLabel, disabled, size, onDelete, dataTestId }: VentionTagsInputTagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getTagHeight: (size: VentionTagsInputSizes) => 24 | 28 | 32;

package/src/lib/components/vention-tags-input/vention-tags-input.d.ts

@@ -0,0 +1,20 @@
+import { VentionTagsInputSizes } from "./vention-tags-input-tag";
+export type { VentionTagsInputSizes };
+export interface VentionTagsInputProps {
+    value: string[];
+    onChange: (tags: string[]) => void;
+    suggestions?: string[];
+    label?: string;
+    placeholder?: string;
+    suggestionsTitle?: string;
+    createOptionLabel?: string;
+    noOptionsMessage?: string;
+    removeTagLabel?: string;
+    disabled?: boolean;
+    size: VentionTagsInputSizes;
+    autoFocus?: boolean;
+    maxVisibleOptions?: number;
+    className?: string;
+    inputDataTestId?: string;
+}
+export declare const VentionTagsInput: ({ value, onChange, suggestions, label, placeholder, suggestionsTitle, createOptionLabel, noOptionsMessage, removeTagLabel, disabled, size, autoFocus, maxVisibleOptions, className, inputDataTestId, }: VentionTagsInputProps) => import("react/jsx-runtime").JSX.Element;