@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
785 lines • 13.7 kB
TypeScript
//#region src/theme/tokens/index.d.ts
declare const tokens: {
animations: {};
aspectRatios: {
wide: string;
bronze: string;
golden: string;
landscape: string;
portrait: string;
silver: string;
square: string;
ultrawide: string;
};
blurs: {
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
"4xl": string;
};
borders: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
breakpoints: {
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
};
colors: {
black: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
blackAlpha: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
white: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
whiteAlpha: {
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;
};
blue: {
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;
};
emerald: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
flashy: {
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;
};
gray: {
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;
};
indigo: {
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;
};
orange: {
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;
};
purple: {
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;
};
rose: {
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;
};
teal: {
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;
};
yellow: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
};
durations: {
fastest: string;
faster: string;
fast: string;
moderate: string;
slow: string;
slower: string;
slowest: string;
};
easings: {
ease: string;
"ease-in": string;
"ease-in-out": string;
"ease-in-smooth": string;
"ease-out": string;
};
fonts: {
body: string;
heading: string;
mono: string;
};
fontSizes: {
"2xs": string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
"4xl": string;
"5xl": string;
"6xl": string;
"7xl": string;
"8xl": string;
"9xl": string;
};
fontWeights: {
hairline: number;
thin: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
};
gradients: {};
keyframes: {
bounce: {
"0%, 100%": {
animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
transform: "translateY(-25%)";
};
"50%": {
animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
transform: "none";
};
};
ping: {
"75%, 100%": {
opacity: "0";
transform: "scale({animation-scale, 2})";
};
};
pulse: {
"50%": {
opacity: "0.5";
};
};
spin: {
from: {
transform: "rotate(0deg)";
};
to: {
transform: "rotate(360deg)";
};
};
"bg-position": {
from: {
bgPosition: "{animation-from, 1rem} 0";
};
to: {
bgPosition: "{animation-to, 0} 0";
};
};
position: {
from: {
insetBlockStart: "{animation-from-y}";
insetInlineStart: "{animation-from-x}";
};
to: {
insetBlockStart: "{animation-to-y}";
insetInlineStart: "{animation-to-x}";
};
};
translate: {
from: {
translate: string;
};
to: {
translate: string;
};
};
"fade-in": {
from: {
opacity: "{animation-from-opacity, 0}";
};
to: {
opacity: "{animation-to-opacity, 1}";
};
};
"fade-out": {
from: {
opacity: "{animation-from-opacity, 1}";
};
to: {
opacity: "{animation-to-opacity, 0}";
};
};
"scale-in": {
from: {
scale: "{animation-from-scale, 0.95}";
};
to: {
scale: "{animation-to-scale, 1}";
};
};
"scale-out": {
from: {
scale: "{animation-from-scale, 1}";
};
to: {
scale: "{animation-to-scale, 0.95}";
};
};
"collapse-height": {
from: {
height: "{animation-height}";
};
to: {
height: "0";
};
};
"collapse-width": {
from: {
width: "{animation-width}";
};
to: {
width: "0";
};
};
"expand-height": {
from: {
height: "0";
};
to: {
height: "{animation-height}";
};
};
"expand-width": {
from: {
width: "0";
};
to: {
width: "{animation-width}";
};
};
"slide-from-bottom-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-left-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-right-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-top-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-bottom-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-left-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-right-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-top-full": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-bottom": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-left": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-right": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-from-top": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-bottom": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-left": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-right": {
from: {
translate: string;
};
to: {
translate: string;
};
};
"slide-to-top": {
from: {
translate: string;
};
to: {
translate: string;
};
};
};
letterSpacings: {
tighter: string;
tight: string;
wide: string;
wider: string;
widest: string;
};
lineHeights: {
shorter: number;
short: number;
moderate: number;
tall: number;
taller: number;
};
radii: {
"2xs": string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
"4xl": string;
full: string;
};
shadows: {
xs: [string, string];
sm: [string, string];
md: [string, string];
lg: [string, string];
xl: [string, string];
"2xl": [string, string];
inner: [string, string];
inset: [string, string];
};
sizes: {
0.5: string;
1: string;
1.5: string;
2: string;
2.5: string;
3: string;
3.5: string;
4: string;
4.5: string;
5: string;
5.5: string;
6: string;
6.5: string;
7: string;
7.5: string;
8: string;
9: string;
10: string;
11: string;
12: string;
13: string;
14: string;
15: string;
16: string;
20: string;
24: string;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
56: string;
60: string;
64: string;
68: string;
72: string;
76: string;
80: string;
84: string;
88: string;
92: string;
96: string;
px: string;
};
spaces: {
0.5: string;
1: string;
1.5: string;
2: string;
2.5: string;
3: string;
3.5: string;
4: string;
4.5: string;
5: string;
5.5: string;
6: string;
6.5: string;
7: string;
7.5: string;
8: string;
9: string;
10: string;
11: string;
12: string;
13: string;
14: string;
15: string;
16: string;
20: string;
24: string;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
56: string;
60: string;
64: string;
68: string;
72: string;
76: string;
80: string;
84: string;
88: string;
92: string;
96: string;
px: string;
};
zIndices: {
yamcha: number;
kurillin: number;
nappa: number;
guldo: number;
jeice: number;
burter: number;
recoome: number;
ginyu: number;
dodoria: number;
zarbon: number;
freeza: number;
vegeta: number;
sonGoku: number;
beerus: number;
};
};
//#endregion
export { tokens };
//# sourceMappingURL=index.d.ts.map