@wikimedia/codex
Version:
Codex Design System for Wikimedia
118 lines (117 loc) • 4.25 kB
TypeScript
import { PropType } from 'vue';
import { StatusType } from '../../types';
import { Icon } from '@wikimedia/codex-icons';
/**
* A non-interactive item that provides information.
*/
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* Status type.
*
* @values 'notice', 'warning', 'error', 'success'
*/
status: {
type: PropType<StatusType>;
default: string;
validator: import("../../types").StringTypeValidator<"notice" | "warning" | "error" | "success">;
};
/**
* Custom icon to use for "notice" chips. Chips with other status types
* (warning, etc) do not allow custom icons and will ignore this option.
*/
icon: {
type: PropType<Icon>;
default: null;
};
}>, {
rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
computedIcon: import("vue").ComputedRef<Icon | undefined>;
tooltipContent: import("vue").ComputedRef<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}> | null>;
textElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* Status type.
*
* @values 'notice', 'warning', 'error', 'success'
*/
status: {
type: PropType<StatusType>;
default: string;
validator: import("../../types").StringTypeValidator<"notice" | "warning" | "error" | "success">;
};
/**
* Custom icon to use for "notice" chips. Chips with other status types
* (warning, etc) do not allow custom icons and will ignore this option.
*/
icon: {
type: PropType<Icon>;
default: null;
};
}>> & Readonly<{}>, {
icon: Icon;
status: "notice" | "warning" | "error" | "success";
}, {}, {
CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
icon: {
type: PropType<Icon>;
required: true;
};
iconLabel: {
type: StringConstructor;
default: string;
};
lang: {
type: PropType<string | null>;
default: null;
};
dir: {
type: PropType<import("../../types").HTMLDirection | null>;
default: null;
};
size: {
type: PropType<import("../../types").IconSize>;
default: string;
validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">;
};
}>, {
rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
rootClasses: import("vue").ComputedRef<{
[x: string]: boolean;
'cdx-icon--flipped': boolean;
}>;
iconSvg: import("vue").ComputedRef<string>;
iconPath: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
icon: {
type: PropType<Icon>;
required: true;
};
iconLabel: {
type: StringConstructor;
default: string;
};
lang: {
type: PropType<string | null>;
default: null;
};
dir: {
type: PropType<import("../../types").HTMLDirection | null>;
default: null;
};
size: {
type: PropType<import("../../types").IconSize>;
default: string;
validator: import("../../types").StringTypeValidator<"medium" | "small" | "x-small">;
};
}>> & Readonly<{}>, {
lang: string | null;
iconLabel: string;
dir: import("../../types").HTMLDirection | null;
size: "medium" | "small" | "x-small";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {
tooltip: import("vue").Directive;
}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;