@ws-ui/ui-components 1.0.3 → 1.0.5

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { default as Qodly } from './Qodly.svg?react';
@@ -2595,6 +2596,11 @@ declare interface HandleProps {
 
 export declare type IconType = (props: JSX.IntrinsicElements['svg']) => JSX.Element;
 
+export declare interface IMultilineMessage {
+    title?: string;
+    messages: string[];
+}
+
 export declare const Input: {
     Root: ({ size, color, isInvalid, isDisabled, className, children, ...props }: InputRootProps) => JSX_2.Element;
     Group: ({ className, children, ...props }: InputGroupProps) => JSX_2.Element;
@@ -2762,6 +2768,72 @@ export declare type NumberSize = {
     height: number;
 };
 
+export declare const Pill: ForwardRefExoticComponent<PillProps & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<PillRootProps & RefAttributes<HTMLDivElement>>;
+    Text: ForwardRefExoticComponent<PillTextProps & RefAttributes<HTMLSpanElement>>;
+    Icon: ForwardRefExoticComponent<PillIconProps & RefAttributes<HTMLSpanElement>>;
+    Button: ForwardRefExoticComponent<PillButtonProps & RefAttributes<HTMLButtonElement>>;
+    Close: ForwardRefExoticComponent<PillCloseProps & RefAttributes<HTMLButtonElement>>;
+};
+
+export declare interface PillButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+}
+
+export declare interface PillCloseProps extends HTMLAttributes<HTMLButtonElement> {
+    onClose?: () => void;
+    'aria-label'?: string;
+    children?: ReactNode;
+}
+
+export declare type PillColor = 'primary' | 'white' | 'positive' | 'warning' | 'negative';
+
+export declare interface PillColorConfig {
+    bg: string;
+    text: string;
+    border: string;
+    buttonHover: string;
+}
+
+export declare interface PillContextValue {
+    size: PillSize;
+    color: PillColor;
+}
+
+export declare interface PillIconProps extends HTMLAttributes<HTMLSpanElement> {
+    label?: string;
+    position?: TooltipPosition;
+    children: ReactNode;
+}
+
+export declare interface PillProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: PillSize;
+    color?: PillColor;
+    label: string;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+    closable?: boolean;
+}
+
+export declare interface PillRootProps extends HTMLAttributes<HTMLDivElement> {
+    size?: PillSize;
+    color?: PillColor;
+    children: ReactNode;
+}
+
+export declare type PillSize = 'sm' | 'md' | 'lg';
+
+export declare interface PillSizeConfig {
+    container: string;
+    text: string;
+    icon: string;
+    iconButton: string;
+}
+
+export declare interface PillTextProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+
 export { Qodly }
 
 export declare const Radio: {
@@ -3012,6 +3084,28 @@ export declare type Size = {
     height: number | string;
 };
 
+export declare const Snackbar: default_2.FC<SnackbarProps>;
+
+export declare type SnackbarCustomIcon = default_2.FC<{
+    className?: string;
+}>;
+
+export declare type SnackbarKind = 'warning' | 'info' | 'danger' | 'message' | 'error';
+
+export declare type SnackbarMessage = string | default_2.ReactElement | default_2.ReactElement[] | IMultilineMessage[];
+
+export declare interface SnackbarProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    kind?: SnackbarKind;
+    message?: SnackbarMessage;
+    markdown?: boolean;
+    snackbarId?: number | string;
+    size?: SnackbarSize;
+    onClose?(): void;
+    customIcon?: SnackbarCustomIcon;
+}
+
+export declare type SnackbarSize = 'sm' | 'md' | 'lg';
+
 export declare interface SubMenuProps {
     label: string;
     icon?: React.ReactNode;