1582 lines
34 KiB
TypeScript
1582 lines
34 KiB
TypeScript
//#region src/theme/animate.d.ts
|
|
declare const animation: {
|
|
keyframes: {
|
|
pulse: string;
|
|
bounce: string;
|
|
spin: string;
|
|
ping: string;
|
|
'bounce-alt': string;
|
|
flash: string;
|
|
'pulse-alt': string;
|
|
'rubber-band': string;
|
|
'shake-x': string;
|
|
'shake-y': string;
|
|
'head-shake': string;
|
|
swing: string;
|
|
tada: string;
|
|
wobble: string;
|
|
jello: string;
|
|
'heart-beat': string;
|
|
hinge: string;
|
|
'jack-in-the-box': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
flip: string;
|
|
'flip-in-x': string;
|
|
'flip-in-y': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
'rotate-in': string;
|
|
'rotate-in-down-left': string;
|
|
'rotate-in-down-right': string;
|
|
'rotate-in-up-left': string;
|
|
'rotate-in-up-right': string;
|
|
'rotate-out': string;
|
|
'rotate-out-down-left': string;
|
|
'rotate-out-down-right': string;
|
|
'rotate-out-up-left': string;
|
|
'rotate-out-up-right': string;
|
|
'roll-in': string;
|
|
'roll-out': string;
|
|
'zoom-in': string;
|
|
'zoom-in-down': string;
|
|
'zoom-in-left': string;
|
|
'zoom-in-right': string;
|
|
'zoom-in-up': string;
|
|
'zoom-out': string;
|
|
'zoom-out-down': string;
|
|
'zoom-out-left': string;
|
|
'zoom-out-right': string;
|
|
'zoom-out-up': string;
|
|
'bounce-in': string;
|
|
'bounce-in-down': string;
|
|
'bounce-in-left': string;
|
|
'bounce-in-right': string;
|
|
'bounce-in-up': string;
|
|
'bounce-out': string;
|
|
'bounce-out-down': string;
|
|
'bounce-out-left': string;
|
|
'bounce-out-right': string;
|
|
'bounce-out-up': string;
|
|
'slide-in-down': string;
|
|
'slide-in-left': string;
|
|
'slide-in-right': string;
|
|
'slide-in-up': string;
|
|
'slide-out-down': string;
|
|
'slide-out-left': string;
|
|
'slide-out-right': string;
|
|
'slide-out-up': string;
|
|
'fade-in': string;
|
|
'fade-in-down': string;
|
|
'fade-in-down-big': string;
|
|
'fade-in-left': string;
|
|
'fade-in-left-big': string;
|
|
'fade-in-right': string;
|
|
'fade-in-right-big': string;
|
|
'fade-in-up': string;
|
|
'fade-in-up-big': string;
|
|
'fade-in-top-left': string;
|
|
'fade-in-top-right': string;
|
|
'fade-in-bottom-left': string;
|
|
'fade-in-bottom-right': string;
|
|
'fade-out': string;
|
|
'fade-out-down': string;
|
|
'fade-out-down-big': string;
|
|
'fade-out-left': string;
|
|
'fade-out-left-big': string;
|
|
'fade-out-right': string;
|
|
'fade-out-right-big': string;
|
|
'fade-out-up': string;
|
|
'fade-out-up-big': string;
|
|
'fade-out-top-left': string;
|
|
'fade-out-top-right': string;
|
|
'fade-out-bottom-left': string;
|
|
'fade-out-bottom-right': string;
|
|
'back-in-up': string;
|
|
'back-in-down': string;
|
|
'back-in-right': string;
|
|
'back-in-left': string;
|
|
'back-out-up': string;
|
|
'back-out-down': string;
|
|
'back-out-right': string;
|
|
'back-out-left': string;
|
|
};
|
|
durations: {
|
|
pulse: string;
|
|
'heart-beat': string;
|
|
'bounce-in': string;
|
|
'bounce-out': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
hinge: string;
|
|
};
|
|
timingFns: {
|
|
pulse: string;
|
|
ping: string;
|
|
'head-shake': string;
|
|
'heart-beat': string;
|
|
'pulse-alt': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
};
|
|
properties: {
|
|
'bounce-alt': {
|
|
'transform-origin': string;
|
|
};
|
|
jello: {
|
|
'transform-origin': string;
|
|
};
|
|
swing: {
|
|
'transform-origin': string;
|
|
};
|
|
flip: {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-in-x': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-in-y': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-out-x': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-out-y': {
|
|
'backface-visibility': string;
|
|
};
|
|
'rotate-in': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-down-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-down-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-up-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-up-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-down-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-down-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-up-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-up-right': {
|
|
'transform-origin': string;
|
|
};
|
|
hinge: {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-down': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-up': {
|
|
'transform-origin': string;
|
|
};
|
|
};
|
|
counts: {
|
|
spin: string;
|
|
ping: string;
|
|
pulse: string;
|
|
'pulse-alt': string;
|
|
bounce: string;
|
|
'bounce-alt': string;
|
|
};
|
|
category: {
|
|
pulse: string;
|
|
bounce: string;
|
|
spin: string;
|
|
ping: string;
|
|
'bounce-alt': string;
|
|
flash: string;
|
|
'pulse-alt': string;
|
|
'rubber-band': string;
|
|
'shake-x': string;
|
|
'shake-y': string;
|
|
'head-shake': string;
|
|
swing: string;
|
|
tada: string;
|
|
wobble: string;
|
|
jello: string;
|
|
'heart-beat': string;
|
|
hinge: string;
|
|
'jack-in-the-box': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
flip: string;
|
|
'flip-in-x': string;
|
|
'flip-in-y': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
'rotate-in': string;
|
|
'rotate-in-down-left': string;
|
|
'rotate-in-down-right': string;
|
|
'rotate-in-up-left': string;
|
|
'rotate-in-up-right': string;
|
|
'rotate-out': string;
|
|
'rotate-out-down-left': string;
|
|
'rotate-out-down-right': string;
|
|
'rotate-out-up-left': string;
|
|
'rotate-out-up-right': string;
|
|
'roll-in': string;
|
|
'roll-out': string;
|
|
'zoom-in': string;
|
|
'zoom-in-down': string;
|
|
'zoom-in-left': string;
|
|
'zoom-in-right': string;
|
|
'zoom-in-up': string;
|
|
'zoom-out': string;
|
|
'zoom-out-down': string;
|
|
'zoom-out-left': string;
|
|
'zoom-out-right': string;
|
|
'zoom-out-up': string;
|
|
'bounce-in': string;
|
|
'bounce-in-down': string;
|
|
'bounce-in-left': string;
|
|
'bounce-in-right': string;
|
|
'bounce-in-up': string;
|
|
'bounce-out': string;
|
|
'bounce-out-down': string;
|
|
'bounce-out-left': string;
|
|
'bounce-out-right': string;
|
|
'bounce-out-up': string;
|
|
'slide-in-down': string;
|
|
'slide-in-left': string;
|
|
'slide-in-right': string;
|
|
'slide-in-up': string;
|
|
'slide-out-down': string;
|
|
'slide-out-left': string;
|
|
'slide-out-right': string;
|
|
'slide-out-up': string;
|
|
'fade-in': string;
|
|
'fade-in-down': string;
|
|
'fade-in-down-big': string;
|
|
'fade-in-left': string;
|
|
'fade-in-left-big': string;
|
|
'fade-in-right': string;
|
|
'fade-in-right-big': string;
|
|
'fade-in-up': string;
|
|
'fade-in-up-big': string;
|
|
'fade-in-top-left': string;
|
|
'fade-in-top-right': string;
|
|
'fade-in-bottom-left': string;
|
|
'fade-in-bottom-right': string;
|
|
'fade-out': string;
|
|
'fade-out-down': string;
|
|
'fade-out-down-big': string;
|
|
'fade-out-left': string;
|
|
'fade-out-left-big': string;
|
|
'fade-out-right': string;
|
|
'fade-out-right-big': string;
|
|
'fade-out-up': string;
|
|
'fade-out-up-big': string;
|
|
'fade-out-top-left': string;
|
|
'fade-out-top-right': string;
|
|
'fade-out-bottom-left': string;
|
|
'fade-out-bottom-right': string;
|
|
'back-in-up': string;
|
|
'back-in-down': string;
|
|
'back-in-right': string;
|
|
'back-in-left': string;
|
|
'back-out-up': string;
|
|
'back-out-down': string;
|
|
'back-out-right': string;
|
|
'back-out-left': string;
|
|
};
|
|
};
|
|
//#endregion
|
|
//#region src/theme/aria.d.ts
|
|
declare const aria: {
|
|
busy: string;
|
|
checked: string;
|
|
disabled: string;
|
|
expanded: string;
|
|
hidden: string;
|
|
pressed: string;
|
|
readonly: string;
|
|
required: string;
|
|
selected: string;
|
|
};
|
|
//#endregion
|
|
//#region src/theme/default.d.ts
|
|
declare const theme: {
|
|
font: {
|
|
sans: string;
|
|
serif: string;
|
|
mono: string;
|
|
};
|
|
colors: {
|
|
black: string;
|
|
white: string;
|
|
slate: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
gray: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
zinc: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
neutral: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
stone: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
mauve: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
olive: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
mist: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
taupe: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
red: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
orange: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
amber: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
yellow: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
lime: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
green: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
emerald: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
teal: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
cyan: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
sky: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
blue: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
indigo: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
violet: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
purple: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
fuchsia: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
pink: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
rose: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
light: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
dark: {
|
|
50: string;
|
|
100: string;
|
|
200: string;
|
|
300: string;
|
|
400: string;
|
|
500: string;
|
|
600: string;
|
|
700: string;
|
|
800: string;
|
|
900: string;
|
|
950: string;
|
|
};
|
|
};
|
|
spacing: {
|
|
DEFAULT: string;
|
|
xs: string;
|
|
sm: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
'5xl': string;
|
|
'6xl': string;
|
|
'7xl': string;
|
|
'8xl': string;
|
|
'9xl': string;
|
|
};
|
|
breakpoint: {
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
verticalBreakpoint: {
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
text: {
|
|
xs: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
sm: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
base: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
lg: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
xl: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'2xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'3xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'4xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'5xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'6xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'7xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'8xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'9xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
};
|
|
fontWeight: {
|
|
thin: string;
|
|
extralight: string;
|
|
light: string;
|
|
normal: string;
|
|
medium: string;
|
|
semibold: string;
|
|
bold: string;
|
|
extrabold: string;
|
|
black: string;
|
|
};
|
|
tracking: {
|
|
tighter: string;
|
|
tight: string;
|
|
normal: string;
|
|
wide: string;
|
|
wider: string;
|
|
widest: string;
|
|
};
|
|
leading: {
|
|
none: string;
|
|
tight: string;
|
|
snug: string;
|
|
normal: string;
|
|
relaxed: string;
|
|
loose: string;
|
|
};
|
|
textStrokeWidth: Record<string, string> | undefined;
|
|
radius: {
|
|
DEFAULT: string;
|
|
none: string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
};
|
|
shadow: {
|
|
DEFAULT: string[];
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string[];
|
|
md: string[];
|
|
lg: string[];
|
|
xl: string[];
|
|
'2xl': string;
|
|
none: string;
|
|
inner: string;
|
|
};
|
|
insetShadow: {
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string;
|
|
none: string;
|
|
};
|
|
dropShadow: {
|
|
DEFAULT: string[];
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
textShadow: {
|
|
none: string;
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string[];
|
|
md: string[];
|
|
lg: string[];
|
|
};
|
|
ease: {
|
|
linear: string;
|
|
in: string;
|
|
out: string;
|
|
'in-out': string;
|
|
DEFAULT: string;
|
|
};
|
|
animation: {
|
|
keyframes: {
|
|
pulse: string;
|
|
bounce: string;
|
|
spin: string;
|
|
ping: string;
|
|
'bounce-alt': string;
|
|
flash: string;
|
|
'pulse-alt': string;
|
|
'rubber-band': string;
|
|
'shake-x': string;
|
|
'shake-y': string;
|
|
'head-shake': string;
|
|
swing: string;
|
|
tada: string;
|
|
wobble: string;
|
|
jello: string;
|
|
'heart-beat': string;
|
|
hinge: string;
|
|
'jack-in-the-box': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
flip: string;
|
|
'flip-in-x': string;
|
|
'flip-in-y': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
'rotate-in': string;
|
|
'rotate-in-down-left': string;
|
|
'rotate-in-down-right': string;
|
|
'rotate-in-up-left': string;
|
|
'rotate-in-up-right': string;
|
|
'rotate-out': string;
|
|
'rotate-out-down-left': string;
|
|
'rotate-out-down-right': string;
|
|
'rotate-out-up-left': string;
|
|
'rotate-out-up-right': string;
|
|
'roll-in': string;
|
|
'roll-out': string;
|
|
'zoom-in': string;
|
|
'zoom-in-down': string;
|
|
'zoom-in-left': string;
|
|
'zoom-in-right': string;
|
|
'zoom-in-up': string;
|
|
'zoom-out': string;
|
|
'zoom-out-down': string;
|
|
'zoom-out-left': string;
|
|
'zoom-out-right': string;
|
|
'zoom-out-up': string;
|
|
'bounce-in': string;
|
|
'bounce-in-down': string;
|
|
'bounce-in-left': string;
|
|
'bounce-in-right': string;
|
|
'bounce-in-up': string;
|
|
'bounce-out': string;
|
|
'bounce-out-down': string;
|
|
'bounce-out-left': string;
|
|
'bounce-out-right': string;
|
|
'bounce-out-up': string;
|
|
'slide-in-down': string;
|
|
'slide-in-left': string;
|
|
'slide-in-right': string;
|
|
'slide-in-up': string;
|
|
'slide-out-down': string;
|
|
'slide-out-left': string;
|
|
'slide-out-right': string;
|
|
'slide-out-up': string;
|
|
'fade-in': string;
|
|
'fade-in-down': string;
|
|
'fade-in-down-big': string;
|
|
'fade-in-left': string;
|
|
'fade-in-left-big': string;
|
|
'fade-in-right': string;
|
|
'fade-in-right-big': string;
|
|
'fade-in-up': string;
|
|
'fade-in-up-big': string;
|
|
'fade-in-top-left': string;
|
|
'fade-in-top-right': string;
|
|
'fade-in-bottom-left': string;
|
|
'fade-in-bottom-right': string;
|
|
'fade-out': string;
|
|
'fade-out-down': string;
|
|
'fade-out-down-big': string;
|
|
'fade-out-left': string;
|
|
'fade-out-left-big': string;
|
|
'fade-out-right': string;
|
|
'fade-out-right-big': string;
|
|
'fade-out-up': string;
|
|
'fade-out-up-big': string;
|
|
'fade-out-top-left': string;
|
|
'fade-out-top-right': string;
|
|
'fade-out-bottom-left': string;
|
|
'fade-out-bottom-right': string;
|
|
'back-in-up': string;
|
|
'back-in-down': string;
|
|
'back-in-right': string;
|
|
'back-in-left': string;
|
|
'back-out-up': string;
|
|
'back-out-down': string;
|
|
'back-out-right': string;
|
|
'back-out-left': string;
|
|
};
|
|
durations: {
|
|
pulse: string;
|
|
'heart-beat': string;
|
|
'bounce-in': string;
|
|
'bounce-out': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
hinge: string;
|
|
};
|
|
timingFns: {
|
|
pulse: string;
|
|
ping: string;
|
|
'head-shake': string;
|
|
'heart-beat': string;
|
|
'pulse-alt': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
};
|
|
properties: {
|
|
'bounce-alt': {
|
|
'transform-origin': string;
|
|
};
|
|
jello: {
|
|
'transform-origin': string;
|
|
};
|
|
swing: {
|
|
'transform-origin': string;
|
|
};
|
|
flip: {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-in-x': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-in-y': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-out-x': {
|
|
'backface-visibility': string;
|
|
};
|
|
'flip-out-y': {
|
|
'backface-visibility': string;
|
|
};
|
|
'rotate-in': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-down-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-down-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-up-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-in-up-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-down-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-down-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-up-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'rotate-out-up-right': {
|
|
'transform-origin': string;
|
|
};
|
|
hinge: {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-down': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-left': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-right': {
|
|
'transform-origin': string;
|
|
};
|
|
'zoom-out-up': {
|
|
'transform-origin': string;
|
|
};
|
|
};
|
|
counts: {
|
|
spin: string;
|
|
ping: string;
|
|
pulse: string;
|
|
'pulse-alt': string;
|
|
bounce: string;
|
|
'bounce-alt': string;
|
|
};
|
|
category: {
|
|
pulse: string;
|
|
bounce: string;
|
|
spin: string;
|
|
ping: string;
|
|
'bounce-alt': string;
|
|
flash: string;
|
|
'pulse-alt': string;
|
|
'rubber-band': string;
|
|
'shake-x': string;
|
|
'shake-y': string;
|
|
'head-shake': string;
|
|
swing: string;
|
|
tada: string;
|
|
wobble: string;
|
|
jello: string;
|
|
'heart-beat': string;
|
|
hinge: string;
|
|
'jack-in-the-box': string;
|
|
'light-speed-in-left': string;
|
|
'light-speed-in-right': string;
|
|
'light-speed-out-left': string;
|
|
'light-speed-out-right': string;
|
|
flip: string;
|
|
'flip-in-x': string;
|
|
'flip-in-y': string;
|
|
'flip-out-x': string;
|
|
'flip-out-y': string;
|
|
'rotate-in': string;
|
|
'rotate-in-down-left': string;
|
|
'rotate-in-down-right': string;
|
|
'rotate-in-up-left': string;
|
|
'rotate-in-up-right': string;
|
|
'rotate-out': string;
|
|
'rotate-out-down-left': string;
|
|
'rotate-out-down-right': string;
|
|
'rotate-out-up-left': string;
|
|
'rotate-out-up-right': string;
|
|
'roll-in': string;
|
|
'roll-out': string;
|
|
'zoom-in': string;
|
|
'zoom-in-down': string;
|
|
'zoom-in-left': string;
|
|
'zoom-in-right': string;
|
|
'zoom-in-up': string;
|
|
'zoom-out': string;
|
|
'zoom-out-down': string;
|
|
'zoom-out-left': string;
|
|
'zoom-out-right': string;
|
|
'zoom-out-up': string;
|
|
'bounce-in': string;
|
|
'bounce-in-down': string;
|
|
'bounce-in-left': string;
|
|
'bounce-in-right': string;
|
|
'bounce-in-up': string;
|
|
'bounce-out': string;
|
|
'bounce-out-down': string;
|
|
'bounce-out-left': string;
|
|
'bounce-out-right': string;
|
|
'bounce-out-up': string;
|
|
'slide-in-down': string;
|
|
'slide-in-left': string;
|
|
'slide-in-right': string;
|
|
'slide-in-up': string;
|
|
'slide-out-down': string;
|
|
'slide-out-left': string;
|
|
'slide-out-right': string;
|
|
'slide-out-up': string;
|
|
'fade-in': string;
|
|
'fade-in-down': string;
|
|
'fade-in-down-big': string;
|
|
'fade-in-left': string;
|
|
'fade-in-left-big': string;
|
|
'fade-in-right': string;
|
|
'fade-in-right-big': string;
|
|
'fade-in-up': string;
|
|
'fade-in-up-big': string;
|
|
'fade-in-top-left': string;
|
|
'fade-in-top-right': string;
|
|
'fade-in-bottom-left': string;
|
|
'fade-in-bottom-right': string;
|
|
'fade-out': string;
|
|
'fade-out-down': string;
|
|
'fade-out-down-big': string;
|
|
'fade-out-left': string;
|
|
'fade-out-left-big': string;
|
|
'fade-out-right': string;
|
|
'fade-out-right-big': string;
|
|
'fade-out-up': string;
|
|
'fade-out-up-big': string;
|
|
'fade-out-top-left': string;
|
|
'fade-out-top-right': string;
|
|
'fade-out-bottom-left': string;
|
|
'fade-out-bottom-right': string;
|
|
'back-in-up': string;
|
|
'back-in-down': string;
|
|
'back-in-right': string;
|
|
'back-in-left': string;
|
|
'back-out-up': string;
|
|
'back-out-down': string;
|
|
'back-out-right': string;
|
|
'back-out-left': string;
|
|
};
|
|
};
|
|
blur: {
|
|
DEFAULT: string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
};
|
|
perspective: {
|
|
dramatic: string;
|
|
near: string;
|
|
normal: string;
|
|
midrange: string;
|
|
distant: string;
|
|
};
|
|
property: {
|
|
none: string;
|
|
all: string;
|
|
colors: string;
|
|
opacity: string;
|
|
shadow: string;
|
|
transform: string;
|
|
readonly DEFAULT: string;
|
|
};
|
|
default: {
|
|
transition: {
|
|
duration: string;
|
|
timingFunction: string;
|
|
};
|
|
font: {
|
|
family: string;
|
|
featureSettings: string;
|
|
variationSettings: string;
|
|
};
|
|
monoFont: {
|
|
family: string;
|
|
featureSettings: string;
|
|
variationSettings: string;
|
|
};
|
|
};
|
|
container: {
|
|
'3xs': string;
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
'5xl': string;
|
|
'6xl': string;
|
|
'7xl': string;
|
|
prose: string;
|
|
};
|
|
aria: {
|
|
busy: string;
|
|
checked: string;
|
|
disabled: string;
|
|
expanded: string;
|
|
hidden: string;
|
|
pressed: string;
|
|
readonly: string;
|
|
required: string;
|
|
selected: string;
|
|
};
|
|
media: {
|
|
portrait: string;
|
|
landscape: string;
|
|
os_dark: string;
|
|
os_light: string;
|
|
motion_ok: string;
|
|
motion_not_ok: string;
|
|
high_contrast: string;
|
|
low_contrast: string;
|
|
opacity_ok: string;
|
|
opacity_not_ok: string;
|
|
use_data_ok: string;
|
|
use_data_not_ok: string;
|
|
touch: string;
|
|
stylus: string;
|
|
pointer: string;
|
|
mouse: string;
|
|
hd_color: string;
|
|
};
|
|
supports: {
|
|
grid: string;
|
|
};
|
|
};
|
|
//#endregion
|
|
//#region src/theme/filters.d.ts
|
|
declare const blur: {
|
|
DEFAULT: string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
};
|
|
//#endregion
|
|
//#region src/theme/types.d.ts
|
|
interface Colors {
|
|
[key: string]: Colors & {
|
|
DEFAULT?: string;
|
|
} | string;
|
|
}
|
|
interface ThemeAnimation {
|
|
keyframes?: Record<string, string>;
|
|
durations?: Record<string, string>;
|
|
timingFns?: Record<string, string>;
|
|
properties?: Record<string, object>;
|
|
counts?: Record<string, string | number>;
|
|
category?: Record<string, string>;
|
|
}
|
|
interface Theme {
|
|
font?: Record<string, string>;
|
|
colors?: Colors;
|
|
spacing?: Record<string, string>;
|
|
breakpoint?: Record<string, string>;
|
|
verticalBreakpoint?: Record<string, string>;
|
|
container?: Record<string, string>;
|
|
text?: Record<string, {
|
|
fontSize?: string;
|
|
lineHeight?: string;
|
|
letterSpacing?: string;
|
|
}>;
|
|
fontWeight?: Record<string, string>;
|
|
tracking?: Record<string, string>;
|
|
leading?: Record<string, string>;
|
|
radius?: Record<string, string>;
|
|
shadow?: Record<string, string | string[]>;
|
|
insetShadow?: Record<string, string | string[]>;
|
|
dropShadow?: Record<string, string | string[]>;
|
|
textShadow?: Record<string, string | string[]>;
|
|
ease?: Record<string, string>;
|
|
animate?: Record<string, string>;
|
|
blur?: Record<string, string>;
|
|
perspective?: Record<string, string>;
|
|
textStrokeWidth?: Record<string, string>;
|
|
property?: Record<string, string>;
|
|
default?: Record<string, Record<string, string>>;
|
|
animation?: ThemeAnimation;
|
|
duration?: Record<string, string>;
|
|
containers?: {
|
|
center?: boolean;
|
|
padding?: string | Record<string, string>;
|
|
maxWidth?: Record<string, string>;
|
|
};
|
|
aria?: Record<string, string>;
|
|
data?: Record<string, string>;
|
|
media?: Record<string, string>;
|
|
supports?: Record<string, string>;
|
|
}
|
|
//#endregion
|
|
//#region src/theme/font.d.ts
|
|
declare const font: {
|
|
sans: string;
|
|
serif: string;
|
|
mono: string;
|
|
};
|
|
declare const text: {
|
|
xs: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
sm: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
base: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
lg: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
xl: {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'2xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'3xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'4xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'5xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'6xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'7xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'8xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
'9xl': {
|
|
fontSize: string;
|
|
lineHeight: string;
|
|
};
|
|
};
|
|
declare const fontWeight: {
|
|
thin: string;
|
|
extralight: string;
|
|
light: string;
|
|
normal: string;
|
|
medium: string;
|
|
semibold: string;
|
|
bold: string;
|
|
extrabold: string;
|
|
black: string;
|
|
};
|
|
declare const tracking: {
|
|
tighter: string;
|
|
tight: string;
|
|
normal: string;
|
|
wide: string;
|
|
wider: string;
|
|
widest: string;
|
|
};
|
|
declare const leading: {
|
|
none: string;
|
|
tight: string;
|
|
snug: string;
|
|
normal: string;
|
|
relaxed: string;
|
|
loose: string;
|
|
};
|
|
declare const textStrokeWidth: Theme['textStrokeWidth'];
|
|
//#endregion
|
|
//#region src/theme/media.d.ts
|
|
declare const media: {
|
|
portrait: string;
|
|
landscape: string;
|
|
os_dark: string;
|
|
os_light: string;
|
|
motion_ok: string;
|
|
motion_not_ok: string;
|
|
high_contrast: string;
|
|
low_contrast: string;
|
|
opacity_ok: string;
|
|
opacity_not_ok: string;
|
|
use_data_ok: string;
|
|
use_data_not_ok: string;
|
|
touch: string;
|
|
stylus: string;
|
|
pointer: string;
|
|
mouse: string;
|
|
hd_color: string;
|
|
};
|
|
//#endregion
|
|
//#region src/theme/misc.d.ts
|
|
declare const spacing: {
|
|
DEFAULT: string;
|
|
xs: string;
|
|
sm: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
'5xl': string;
|
|
'6xl': string;
|
|
'7xl': string;
|
|
'8xl': string;
|
|
'9xl': string;
|
|
};
|
|
declare const radius: {
|
|
DEFAULT: string;
|
|
none: string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
};
|
|
declare const shadow: {
|
|
DEFAULT: string[];
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string[];
|
|
md: string[];
|
|
lg: string[];
|
|
xl: string[];
|
|
'2xl': string;
|
|
none: string;
|
|
inner: string;
|
|
};
|
|
declare const insetShadow: {
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string;
|
|
none: string;
|
|
};
|
|
declare const dropShadow: {
|
|
DEFAULT: string[];
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
declare const textShadow: {
|
|
none: string;
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string[];
|
|
md: string[];
|
|
lg: string[];
|
|
};
|
|
declare const perspective: {
|
|
dramatic: string;
|
|
near: string;
|
|
normal: string;
|
|
midrange: string;
|
|
distant: string;
|
|
};
|
|
/** For reset css */
|
|
declare const defaults: {
|
|
transition: {
|
|
duration: string;
|
|
timingFunction: string;
|
|
};
|
|
font: {
|
|
family: string;
|
|
featureSettings: string;
|
|
variationSettings: string;
|
|
};
|
|
monoFont: {
|
|
family: string;
|
|
featureSettings: string;
|
|
variationSettings: string;
|
|
};
|
|
};
|
|
//#endregion
|
|
//#region src/theme/size.d.ts
|
|
declare const container: {
|
|
'3xs': string;
|
|
'2xs': string;
|
|
xs: string;
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
'3xl': string;
|
|
'4xl': string;
|
|
'5xl': string;
|
|
'6xl': string;
|
|
'7xl': string;
|
|
prose: string;
|
|
};
|
|
declare const breakpoint: {
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
declare const verticalBreakpoint: {
|
|
sm: string;
|
|
md: string;
|
|
lg: string;
|
|
xl: string;
|
|
'2xl': string;
|
|
};
|
|
//#endregion
|
|
//#region src/theme/supports.d.ts
|
|
declare const supports: {
|
|
grid: string;
|
|
};
|
|
//#endregion
|
|
//#region src/theme/transition.d.ts
|
|
declare const ease: {
|
|
linear: string;
|
|
in: string;
|
|
out: string;
|
|
'in-out': string;
|
|
DEFAULT: string;
|
|
};
|
|
declare const property: {
|
|
none: string;
|
|
all: string;
|
|
colors: string;
|
|
opacity: string;
|
|
shadow: string;
|
|
transform: string;
|
|
readonly DEFAULT: string;
|
|
};
|
|
//#endregion
|
|
export { Theme as C, aria as D, theme as E, animation as O, Colors as S, blur as T, fontWeight as _, container as a, textStrokeWidth as b, dropShadow as c, radius as d, shadow as f, font as g, media as h, breakpoint as i, insetShadow as l, textShadow as m, property as n, verticalBreakpoint as o, spacing as p, supports as r, defaults as s, ease as t, perspective as u, leading as v, ThemeAnimation as w, tracking as x, text as y }; |