@clubmed/trident-ui
Version:
Shared ClubMed React UI components
763 lines (762 loc) • 21.3 kB
TypeScript
import { default as tailwindCssTypography } from '@tailwindcss/typography';
export declare const tailwindPreset: {
content: never[];
safelist: {
pattern: RegExp;
variants: string[];
}[];
plugins: ({
handler: import('tailwindcss/types/config').PluginCreator;
config?: Partial<import('tailwindcss/types/config').Config>;
} | typeof tailwindCssTypography)[];
corePlugins: {
lineClamp: true;
};
darkMode: "media";
theme: {
extend: {
blur: {
0: string;
xs: string;
};
containers: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
'6xl': string;
'7xl': string;
};
gridAutoColumns: {
280: string;
360: string;
380: string;
auto: string;
'1/2': string;
'1/3': string;
'2/3': string;
'1/4': string;
'2/4': string;
'3/4': string;
'1/5': string;
'2/5': string;
'3/5': string;
'4/5': string;
'1/6': string;
'2/6': string;
'3/6': string;
'4/6': string;
'5/6': string;
'3/10': string;
'6/10': string;
'7/10': string;
'1/12': string;
'2/12': string;
'3/12': string;
'4/12': string;
'5/12': string;
'6/12': string;
'7/12': string;
'8/12': string;
'9/12': string;
'10/12': string;
'11/12': string;
full: string;
};
transitionTimingFunction: {
DEFAULT: string;
};
typography: ({ theme }: import('tailwindcss/types/config').PluginAPI) => {
DEFAULT: {
css: any;
};
};
};
colors: {
current: string;
transparent: string;
inherit: string;
black: string;
'black-active': string;
ultramarine: string;
'ultramarine-active': string;
lavender: string;
'lavender-active': string;
verdigris: string;
'verdigris-active': string;
sand: string;
'sand-active': string;
lightSand: string;
'lightSand-active': string;
saffron: string;
'saffron-active': string;
sienna: string;
'sienna-active': string;
wave: string;
'wave-active': string;
marygold: string;
'marygold-active': string;
white: string;
'white-active': string;
darkGrey: string;
middleGrey: string;
grey: string;
lightGrey: string;
pearl: string;
green: string;
'green-active': string;
red: string;
'red-active': string;
orange: string;
'orange-active': string;
};
screens: {
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
};
spacing: {
0: string;
1: string;
2: string;
4: string;
6: string;
8: string;
10: string;
12: string;
14: string;
16: string;
20: string;
22: string;
24: string;
28: string;
32: string;
40: string;
44: string;
48: string;
50: string;
52: string;
56: string;
60: string;
64: string;
68: string;
70: string;
80: string;
90: string;
92: string;
100: string;
120: string;
140: string;
160: string;
200: string;
220: string;
240: string;
250: string;
300: string;
360: string;
380: string;
400: string;
420: string;
580: string;
620: string;
640: string;
680: string;
780: string;
820: string;
920: string;
980: string;
1020: string;
1120: string;
1160: string;
1180: string;
1220: string;
1340: string;
};
animation: {
none: string;
backdropFadeIn: string;
backdropFadeOut: string;
backdropSweepIn: string;
backdropSweepOut: string;
boop: string;
bounce: string;
bounceEnter: string;
bounceEnterStrong: string;
bounceExit: string;
filling: string;
loaderDash: string;
ping: string;
pulsation: string;
pulse: string;
rotatesIn: string;
slideDown: string;
slideRightEnter: string;
slideRightExit: string;
slideUp: string;
spin: string;
tick: string;
toastEnter: string;
toastExit: string;
tock: string;
wave: string;
zoomIn: string;
zoomOut: string;
};
animationDelay: {
300: string;
400: string;
500: string;
600: string;
700: string;
};
keyframes: {
boop: {
'0%': {
scale: string;
};
'25%': {
scale: string;
};
'75%': {
scale: string;
};
'100%': {
scale: string;
};
};
bounceEnter: {
'0%': {
opacity: string;
transform: string;
};
'70%': {
opacity: string;
transform: string;
};
'100%': {
opacity: string;
transform: string;
};
};
bounceEnterStrong: {
'0%': {
opacity: string;
transform: string;
};
'70%': {
opacity: string;
transform: string;
};
'100%': {
opacity: string;
transform: string;
};
};
bounceExit: {
'0%': {
opacity: string;
transform: string;
};
'100%': {
opacity: string;
transform: string;
};
};
filling: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
loaderDash: {
'0%': {
strokeDashoffset: string;
strokeDasharray: string;
};
'50%': {
strokeDashoffset: string;
strokeDasharray: string;
transform: string;
};
'100%': {
transform: string;
};
};
pulsation: {
'50%': {
opacity: string;
};
};
pulse: {
'25%': {
scale: string;
};
'50%': {
scale: string;
};
};
rotatesIn: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
slideDown: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
slideRightEnter: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
slideRightExit: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
slideUp: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
spin: {
to: {
transform: string;
};
};
tick: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
tock: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
wave: {
'0%': {
transform: string;
};
'10%': {
transform: string;
};
'100%': {
transform: string;
};
};
backdropFadeIn: {
'0%': {
'backdrop-filter': string;
opacity: string;
};
'100%': {
'backdrop-filter': string;
opacity: string;
};
};
backdropFadeOut: {
'0%': {
'backdrop-filter': string;
opacity: string;
};
'100%': {
'backdrop-filter': string;
opacity: string;
};
};
backdropSweepIn: {
'0%': {
'backdrop-filter': string;
opacity: string;
transform: string;
};
'100%': {
'backdrop-filter': string;
opacity: string;
transform: string;
};
};
backdropSweepOut: {
'0%': {
'backdrop-filter': string;
opacity: string;
transform: string;
};
'100%': {
'backdrop-filter': string;
opacity: string;
transform: string;
};
};
bounce: {
'0%, 100%': {
transform: string;
animationTimingFunction: string;
};
'50%': {
transform: string;
animationTimingFunction: string;
};
};
ping: {
'75%, 100%': {
transform: string;
opacity: string;
};
};
toastEnter: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
toastExit: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
zoomIn: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
zoomOut: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
};
aspectRatio: {
inherit: string;
auto: string;
horizontal: string;
square: string;
vertical: string;
verticalVideo: string;
'vertical-video': string;
video: string;
};
backdropBlur: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
backdropOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
borderColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
borderRadius: {
0: string;
2: string;
4: string;
8: string;
16: string;
22: string;
32: string;
pill: string;
full: string;
};
borderWidth: {
DEFAULT: string;
0: string;
1: string;
2: string;
4: string;
6: string;
8: string;
};
boxShadow: {
sm: string;
DEFAULT: string;
md: string;
lg: string;
xl: string;
'2xl': string;
inner: string;
none: string;
};
columns: {
auto: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
'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;
};
container: {};
dropShadow: {
sm: string;
DEFAULT: string;
md: string[];
lg: string[];
xl: string[];
'2xl': string;
none: string;
};
flexBasis: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
fontFamily: {
sans: [string, string, string, string, string];
serif: [string, string, string, string];
};
fontSize: {
inherit: [string, {
lineHeight: string;
}];
b6: [string, {
lineHeight: string;
}];
b5: [string, {
lineHeight: string;
}];
b4: [string, {
lineHeight: string;
}];
b3: [string, {
lineHeight: string;
}];
b2: [string, {
lineHeight: string;
}];
b1: [string, {
lineHeight: string;
}];
b0: [string, {
lineHeight: string;
}];
h5: [string, {
lineHeight: string;
fontWeight: string;
}];
h4: [string, {
lineHeight: string;
fontWeight: string;
}];
h3: [string, {
lineHeight: string;
fontWeight: string;
}];
h2: [string, {
lineHeight: string;
fontWeight: string;
}];
h1: [string, {
lineHeight: string;
fontWeight: string;
}];
h0: [string, {
lineHeight: string;
fontWeight: string;
}];
};
fontWeight: {
normal: string;
semibold: string;
bold: string;
};
height: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
inset: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
lineClamp: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
maxHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
maxWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
minHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
minWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
opacity: {
0: string;
5: string;
10: string;
20: string;
25: string;
30: string;
40: string;
50: string;
60: string;
70: string;
75: string;
80: string;
90: string;
95: string;
100: string;
};
ringColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
scale: {
0: string;
50: string;
75: string;
90: string;
95: string;
100: string;
105: string;
115: string;
110: string;
125: string;
150: string;
auto: string;
'1/2': string;
'1/3': string;
'2/3': string;
'1/4': string;
'2/4': string;
'3/4': string;
'1/5': string;
'2/5': string;
'3/5': string;
'4/5': string;
'1/6': string;
'2/6': string;
'3/6': string;
'4/6': string;
'5/6': string;
'3/10': string;
'6/10': string;
'7/10': string;
'1/12': string;
'2/12': string;
'3/12': string;
'4/12': string;
'5/12': string;
'6/12': string;
'7/12': string;
'8/12': string;
'9/12': string;
'10/12': string;
'11/12': string;
full: string;
};
transitionDelay: {
75: string;
100: string;
150: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
1000: string;
2000: string;
};
transitionDuration: {
DEFAULT: string;
75: string;
100: string;
150: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
1000: string;
3000: string;
};
transitionProperty: {
DEFAULT: string;
none: string;
all: string;
'bg-size': string;
colors: string;
border: string;
opacity: string;
rotate: string;
transform: string;
'transform/colors': string;
'transform/opacity': string;
'colors/opacity': string;
'opacity/height': string;
};
translate: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
width: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
zIndex: {
auto: string;
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
};
};
variantOrder: string[];
future: {
hoverOnlyWhenSupported: true;
};
};