@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
143 lines (142 loc) • 4.11 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* The name of the icon to display.
*/
name: {
type: StringConstructor;
default: string;
};
/**
* The fill type of the icon, fill or line
*/
fillType: {
type: StringConstructor;
required: false;
default: string;
validator: (value: string) => boolean;
};
/**
* Descriptive text to be read to screenreaders.
*/
accessibleLabel: {
type: StringConstructor;
default: string;
};
/**
* The html element name used for the icon.
*/
type: {
type: StringConstructor;
default: string;
};
/**
* The size of the icon. Defaults to small.
* `xsmall, small, medium, large, xlarge, xxlarge`
*/
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
/**
* Style variation to give additional meaning.
* Defaults to `passive`.
* Can be `passive, primary, danger, success, warning, brand or inherit`.
* `inherit` will not set any color but instead rely on a container element already
* setting the icon fill.
*/
variation: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
/**
* Overwrite the color of the icon.
*/
color: {
type: StringConstructor;
required: false;
default: string;
};
}>, {}, {}, {
svgTitleId(): string;
nameWithFillType(): string;
}, {
sizeClass(c: string): string;
variationClass(c: string): string;
prefix(string: string): string;
transformSvgElement(svg: SVGElement): SVGElement;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* The name of the icon to display.
*/
name: {
type: StringConstructor;
default: string;
};
/**
* The fill type of the icon, fill or line
*/
fillType: {
type: StringConstructor;
required: false;
default: string;
validator: (value: string) => boolean;
};
/**
* Descriptive text to be read to screenreaders.
*/
accessibleLabel: {
type: StringConstructor;
default: string;
};
/**
* The html element name used for the icon.
*/
type: {
type: StringConstructor;
default: string;
};
/**
* The size of the icon. Defaults to small.
* `xsmall, small, medium, large, xlarge, xxlarge`
*/
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
/**
* Style variation to give additional meaning.
* Defaults to `passive`.
* Can be `passive, primary, danger, success, warning, brand or inherit`.
* `inherit` will not set any color but instead rely on a container element already
* setting the icon fill.
*/
variation: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
/**
* Overwrite the color of the icon.
*/
color: {
type: StringConstructor;
required: false;
default: string;
};
}>> & Readonly<{
onLoaded?: (...args: any[]) => any;
}>, {
name: string;
type: string;
fillType: string;
accessibleLabel: string;
size: string;
variation: string;
color: string;
}, {}, {
InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;