@ownclouders/design-system
Version:
ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components
260 lines (259 loc) • 8.15 kB
TypeScript
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
/**
* Name of the public link used as an accessible label
*/
name: {
type: StringConstructor;
required: true;
};
/**
* Accessibility label used as alt. Use only in case the avatar is used alone.
* In case the avatar is used next to username or display name leave empty.
* If not specified, avatar will get `aria-hidden="true"`.
**/
accessibleLabel: {
type: StringConstructor;
required: false;
default: string;
};
/**
* Describes the width of the avatar
*/
width: {
type: NumberConstructor;
required: false;
default: number;
};
/**
* Describes the size of the avatar icon e.g.(small)
*/
iconSize: {
type: StringConstructor;
required: false;
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
/**
* Name of the public link used as an accessible label
*/
name: {
type: StringConstructor;
required: true;
};
/**
* Accessibility label used as alt. Use only in case the avatar is used alone.
* In case the avatar is used next to username or display name leave empty.
* If not specified, avatar will get `aria-hidden="true"`.
**/
accessibleLabel: {
type: StringConstructor;
required: false;
default: string;
};
/**
* Describes the width of the avatar
*/
width: {
type: NumberConstructor;
required: false;
default: number;
};
/**
* Describes the size of the avatar icon e.g.(small)
*/
iconSize: {
type: StringConstructor;
required: false;
default: string;
};
}>> & Readonly<{}>, {
accessibleLabel: string;
width: number;
iconSize: string;
}, {}, {
OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
icon: {
type: StringConstructor;
required: false;
default: any;
};
iconColor: {
type: StringConstructor;
required: false;
default: string;
};
iconFillType: {
type: StringConstructor;
required: false;
default: string;
};
iconSize: {
type: StringConstructor;
required: false;
default: string;
};
background: {
type: StringConstructor;
required: false;
default: string;
};
accessibleLabel: {
type: StringConstructor;
required: false;
default: string;
};
width: {
type: NumberConstructor;
required: false;
default: number;
};
}>, {}, {}, {
avatarWidth(): string;
hasIcon(): boolean;
backgroundColor(): string;
pickBackgroundColor(): string;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
icon: {
type: StringConstructor;
required: false;
default: any;
};
iconColor: {
type: StringConstructor;
required: false;
default: string;
};
iconFillType: {
type: StringConstructor;
required: false;
default: string;
};
iconSize: {
type: StringConstructor;
required: false;
default: string;
};
background: {
type: StringConstructor;
required: false;
default: string;
};
accessibleLabel: {
type: StringConstructor;
required: false;
default: string;
};
width: {
type: NumberConstructor;
required: false;
default: number;
};
}>> & Readonly<{}>, {
accessibleLabel: string;
icon: string;
iconColor: string;
background: string;
width: number;
iconFillType: string;
iconSize: string;
}, {}, {
OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
name: {
type: StringConstructor;
default: string;
};
fillType: {
type: StringConstructor;
required: false;
default: string;
validator: (value: string) => boolean;
};
accessibleLabel: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
variation: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
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<{
name: {
type: StringConstructor;
default: string;
};
fillType: {
type: StringConstructor;
required: false;
default: string;
validator: (value: string) => boolean;
};
accessibleLabel: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
variation: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
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>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;