@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
259 lines (258 loc) • 9.44 kB
TypeScript
import { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';
import { NeonResponsive } from '@/model/common/responsive/NeonResponsive';
/**
* <p>
* INTERNAL USE ONLY: <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it.
* NOTE: do not use this component directly, prefer to use the <a href="/layout/card-list">NeonCardList</a> setting
* selectable=true. NeonCardList uses NeonSelectableCard internally.
* </p>
*/
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* The selected state of the card
*/
modelValue: {
type: BooleanConstructor;
required: true;
};
/**
* The selection color. This will be used for the checkbox as well as borders & the background color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the card.
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>, {
active: import("vue").Ref<boolean, boolean>;
clicked: () => void;
NeonResponsive: typeof NeonResponsive;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* The selected state of the card
*/
modelValue: {
type: BooleanConstructor;
required: true;
};
/**
* The selection color. This will be used for the checkbox as well as borders & the background color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the card.
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
color: NeonFunctionalColor;
disabled: boolean;
}, {}, {
NeonCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
orientation: {
type: () => import("../../../../neon").NeonOrientation;
default: import("../../../../neon").NeonOrientation;
};
size: {
type: () => import("../../../../neon").NeonSize;
default: import("../../../../neon").NeonSize;
};
horizontalBorders: {
type: BooleanConstructor;
default: boolean;
};
horizontalBreakpoint: {
type: () => NeonResponsive;
default: NeonResponsive;
};
noBreak: {
type: BooleanConstructor;
default: boolean;
};
}>, {
attrs: {
[x: string]: unknown;
};
NeonOrientation: typeof import("../../../../neon").NeonOrientation;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
orientation: {
type: () => import("../../../../neon").NeonOrientation;
default: import("../../../../neon").NeonOrientation;
};
size: {
type: () => import("../../../../neon").NeonSize;
default: import("../../../../neon").NeonSize;
};
horizontalBorders: {
type: BooleanConstructor;
default: boolean;
};
horizontalBreakpoint: {
type: () => NeonResponsive;
default: NeonResponsive;
};
noBreak: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
size: import("../../../../neon").NeonSize;
orientation: import("../../../../neon").NeonOrientation;
horizontalBorders: boolean;
horizontalBreakpoint: NeonResponsive;
noBreak: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
NeonCardHeader: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
NeonSwitch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: BooleanConstructor;
required: true;
};
label: {
type: StringConstructor;
default: null;
};
indeterminate: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: () => import("../../../../neon").NeonSize;
default: () => import("../../../../neon").NeonSize;
};
color: {
type: () => NeonFunctionalColor;
default: () => NeonFunctionalColor;
};
switchStyle: {
type: () => import("../../../../neon").NeonSwitchStyle;
default: () => import("../../../../neon").NeonSwitchStyle;
};
labelPosition: {
type: () => import("../../../../neon").NeonHorizontalPosition;
default: () => import("../../../../neon").NeonHorizontalPosition;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>, {
checkbox: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
sanitizedAttributes: import("vue").ComputedRef<{
[x: string]: unknown;
}>;
toggleSwitch: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "indeterminate-change")[], "update:modelValue" | "indeterminate-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: BooleanConstructor;
required: true;
};
label: {
type: StringConstructor;
default: null;
};
indeterminate: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: () => import("../../../../neon").NeonSize;
default: () => import("../../../../neon").NeonSize;
};
color: {
type: () => NeonFunctionalColor;
default: () => NeonFunctionalColor;
};
switchStyle: {
type: () => import("../../../../neon").NeonSwitchStyle;
default: () => import("../../../../neon").NeonSwitchStyle;
};
labelPosition: {
type: () => import("../../../../neon").NeonHorizontalPosition;
default: () => import("../../../../neon").NeonHorizontalPosition;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onIndeterminate-change"?: ((...args: any[]) => any) | undefined;
}>, {
color: NeonFunctionalColor;
label: string;
disabled: boolean;
size: import("../../../../neon").NeonSize;
indeterminate: boolean;
switchStyle: import("../../../../neon").NeonSwitchStyle;
labelPosition: import("../../../../neon").NeonHorizontalPosition;
}, {}, {
NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
id: {
type: StringConstructor;
default: null;
};
color: {
type: () => NeonFunctionalColor;
default: null;
};
inverse: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>, {
sanitizedAttributes: import("vue").ComputedRef<{
[x: string]: unknown;
}>;
icon: import("vue").ComputedRef<string | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
id: {
type: StringConstructor;
default: null;
};
color: {
type: () => NeonFunctionalColor;
default: null;
};
inverse: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
color: NeonFunctionalColor;
id: string;
inverse: boolean;
disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;