kirarin
Version:
Kirarin Text & Image & etc... :)
124 lines (117 loc) • 2.9 kB
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactElement } from 'react';
declare const lifetimes: {
kirakira: number;
yurayura: number;
powan: number;
baloon: number;
};
type AnimationType = keyof typeof lifetimes;
declare const COLORS_KIRA: string[];
declare const COLORS_HEART: string[];
declare const COLORS_UNICORN: string[];
declare const COLORS_RAINBOW: string[];
declare const COLORS_VIVID: string[];
/**
* Kirarin Props
*/
interface Props$2 {
children: React.ReactNode;
animation?: AnimationType;
particle?: React.ReactNode;
colors?: string[];
sizePx?: {
min: number;
max: number;
};
posXPercents?: {
min: number;
max: number;
}[];
posYPercents?: {
min: number;
max: number;
}[];
frequencyMs?: {
min: number;
max: number;
};
first?: number;
strong?: boolean;
disabled?: boolean;
className?: string;
disableStyleInjection?: boolean;
}
/**
* 何かをきらきらさせる
* sparkle something
*
* @example
* ```tsx
* <Kirarin>きらきら</Kirarin>
* ```
*/
declare function Kirarin({ colors, animation, particle, sizePx, posXPercents, posYPercents, frequencyMs, strong, disabled, first, children, className, disableStyleInjection, ...others }: Props$2 & React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
interface Props$1 {
children: React.ReactNode;
sizePx?: {
min: number;
max: number;
};
posXPercents?: {
min: number;
max: number;
}[];
posYPercents?: {
min: number;
max: number;
}[];
frequencyMs?: {
min: number;
max: number;
};
first?: number;
strong?: boolean;
}
/**
* 何かをハートフルにさせる
* heartful something
*
* @example
* ```tsx
* <HeartPowan>ぽわ〜ん</HeartPowan>
* ```
*/
declare function HeartPowan({ posXPercents, posYPercents, sizePx, frequencyMs, strong, first, children, ...others }: Props$1): react_jsx_runtime.JSX.Element;
interface Props {
children: React.ReactNode;
sizePx?: {
min: number;
max: number;
};
posXPercents?: {
min: number;
max: number;
}[];
posYPercents?: {
min: number;
max: number;
}[];
frequencyMs?: {
min: number;
max: number;
};
first?: number;
strong?: boolean;
}
/**
* 何かをゆらゆらハートにさせる
* yurayura heart something
*
* @example
* ```tsx
* <HeartYuraYura>ゆら〜ん</HeartYuraYura>
* ```
*/
declare function HeartYuraYura({ posXPercents, posYPercents, sizePx, frequencyMs, strong, first, children, ...others }: Props): ReactElement;
export { COLORS_HEART, COLORS_KIRA, COLORS_RAINBOW, COLORS_UNICORN, COLORS_VIVID, HeartPowan, HeartYuraYura, Kirarin, Kirarin as default };