@clubmed/trident-ui
Version:
Shared ClubMed React UI components
869 lines (868 loc) • 24.7 kB
TypeScript
export declare const tailwindPreset: {
content: never[];
plugins: {
handler: import("tailwindcss/types/config").PluginCreator;
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
}[];
corePlugins: {
lineClamp: false;
};
darkMode: "media";
theme: {
screens: {
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
};
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;
white: string;
'white-active': string;
darkGrey: string;
middleGrey: string;
grey: string;
lightGrey: string;
pearl: string;
green: string;
red: string;
orange: 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;
};
spacing: {
0: string;
1: string;
2: string;
4: string;
8: string;
12: string;
16: string;
20: string;
24: string;
32: string;
40: string;
60: string;
80: string;
120: string;
160: string;
};
animation: {
none: string;
spin: string;
loaderDash: string;
wave: string;
ping: string;
pulse: string;
rotatesIn: string;
bounce: string;
toastEnter: string;
toastExit: string;
filling: string;
};
aspectRatio: {
auto: string;
square: string;
horizontal: string;
vertical: string;
video: string;
verticalVideo: string;
};
backdropBlur: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropBrightness: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropContrast: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropGrayscale: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropHueRotate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropInvert: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropSaturate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backdropSepia: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backgroundColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backgroundImage: {
none: string;
'gradient-to-t': string;
'gradient-to-tr': string;
'gradient-to-r': string;
'gradient-to-br': string;
'gradient-to-b': string;
'gradient-to-bl': string;
'gradient-to-l': string;
'gradient-to-tl': string;
};
backgroundOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
backgroundPosition: {
bottom: string;
center: string;
left: string;
'left-bottom': string;
'left-top': string;
right: string;
'right-bottom': string;
'right-top': string;
top: string;
};
backgroundSize: {
auto: string;
cover: string;
contain: string;
};
blur: {
0: string;
none: string;
sm: string;
DEFAULT: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
};
brightness: {
0: string;
50: string;
75: string;
90: string;
95: string;
100: string;
105: string;
110: string;
125: string;
150: string;
200: string;
};
borderColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
borderOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
borderRadius: {
0: string;
4: string;
8: string;
16: string;
pill: string;
full: string;
};
borderSpacing: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
borderWidth: {
DEFAULT: string;
0: string;
2: string;
4: string;
8: string;
};
boxShadow: {
sm: string;
DEFAULT: string;
md: string;
lg: string;
xl: string;
'2xl': string;
inner: string;
none: string;
};
boxShadowColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
caretColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
accentColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
contrast: {
0: string;
50: string;
75: string;
100: string;
125: string;
150: string;
200: string;
};
container: {};
content: {
none: string;
};
cursor: {
auto: string;
default: string;
pointer: string;
wait: string;
text: string;
move: string;
help: string;
'not-allowed': string;
none: string;
'context-menu': string;
progress: string;
cell: string;
crosshair: string;
'vertical-text': string;
alias: string;
copy: string;
'no-drop': string;
grab: string;
grabbing: string;
'all-scroll': string;
'col-resize': string;
'row-resize': string;
'n-resize': string;
'e-resize': string;
's-resize': string;
'w-resize': string;
'ne-resize': string;
'nw-resize': string;
'se-resize': string;
'sw-resize': string;
'ew-resize': string;
'ns-resize': string;
'nesw-resize': string;
'nwse-resize': string;
'zoom-in': string;
'zoom-out': string;
};
divideColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
divideOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
divideWidth: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
dropShadow: {
sm: string;
DEFAULT: string;
md: string[];
lg: string[];
xl: string[];
'2xl': string;
none: string;
};
fill: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
grayscale: {
0: string;
DEFAULT: string;
};
hueRotate: {
0: string;
15: string;
30: string;
60: string;
90: string;
180: string;
};
invert: {
0: string;
DEFAULT: string;
};
flex: {
1: string;
auto: string;
initial: string;
none: string;
};
flexBasis: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
flexGrow: {
0: string;
DEFAULT: string;
};
flexShrink: {
0: string;
DEFAULT: string;
};
fontFamily: {
sans: [string, string, string, string, string];
serif: [string, string, string, string];
};
fontSize: {
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;
};
gap: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
gradientColorStops: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
gridAutoColumns: {
auto: string;
min: string;
max: string;
fr: string;
};
gridAutoRows: {
auto: string;
min: string;
max: string;
fr: string;
};
gridColumn: {
auto: string;
'span-1': string;
'span-2': string;
'span-3': string;
'span-4': string;
'span-5': string;
'span-6': string;
'span-7': string;
'span-8': string;
'span-9': string;
'span-10': string;
'span-11': string;
'span-12': string;
'span-full': string;
};
gridColumnEnd: {
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;
13: string;
};
gridColumnStart: {
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;
13: string;
};
gridRow: {
auto: string;
'span-1': string;
'span-2': string;
'span-3': string;
'span-4': string;
'span-5': string;
'span-6': string;
'span-full': string;
};
gridRowStart: {
auto: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
gridRowEnd: {
auto: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
gridTemplateColumns: {
none: 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;
};
gridTemplateRows: {
none: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
};
height: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
inset: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
keyframes: {
spin: {
to: {
transform: string;
};
};
loaderDash: {
'0%': {
strokeDashoffset: string;
strokeDasharray: string;
};
'50%': {
strokeDashoffset: string;
strokeDasharray: string;
transform: string;
};
'100%': {
transform: string;
};
};
wave: {
'0%': {
transform: string;
};
'10%': {
transform: string;
};
'100%': {
transform: string;
};
};
ping: {
'75%, 100%': {
transform: string;
opacity: string;
};
};
pulse: {
'25%': {
scale: string;
};
'50%': {
scale: string;
};
};
rotatesIn: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
bounce: {
'0%, 100%': {
transform: string;
animationTimingFunction: string;
};
'50%': {
transform: string;
animationTimingFunction: string;
};
};
toastEnter: {
'0%': {
transform: string;
opacity: string;
};
'100%': {
transform: string;
opacity: string;
};
};
toastExit: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
filling: {
'0%': {
transform: string;
};
'100%': {
transform: string;
};
};
};
letterSpacing: {
tighter: string;
tight: string;
normal: string;
wide: string;
wider: string;
widest: string;
};
lineClamp: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
lineHeight: {
none: string;
tight: string;
snug: string;
normal: string;
relaxed: string;
loose: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
listStyleType: {
none: string;
disc: string;
decimal: string;
};
margin: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
maxHeight: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
maxWidth: ({ theme, breakpoints }: import("tailwindcss/types/config").PluginUtils) => {
none: string;
0: string;
360: string;
1220: string;
'1/2': string;
'1/3': string;
full: string;
min: string;
max: string;
fit: string;
prose: string;
};
minHeight: {
0: string;
full: string;
screen: string[];
min: string;
max: string;
fit: string;
};
minWidth: {
0: string;
360: string;
full: string;
min: string;
max: string;
fit: string;
};
objectPosition: {
bottom: string;
center: string;
left: string;
'left-bottom': string;
'left-top': string;
right: string;
'right-bottom': string;
'right-top': string;
top: string;
};
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;
};
order: {
first: string;
last: string;
none: 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;
};
padding: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
placeholderColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
placeholderOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
outlineColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
outlineOffset: {
0: string;
1: string;
2: string;
4: string;
8: string;
};
outlineWidth: {
0: string;
1: string;
2: string;
4: string;
8: string;
};
ringColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
ringOffsetColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
ringOffsetWidth: {
0: string;
1: string;
2: string;
4: string;
8: string;
};
ringOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
ringWidth: {
DEFAULT: string;
0: string;
1: string;
2: string;
4: string;
8: string;
};
rotate: {
0: string;
1: string;
2: string;
3: string;
6: string;
12: string;
45: string;
90: string;
180: string;
};
saturate: {
0: string;
50: string;
100: string;
150: string;
200: string;
};
scale: {
0: string;
50: string;
75: string;
90: string;
95: string;
100: string;
105: string;
110: string;
125: string;
150: string;
};
scrollMargin: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
scrollPadding: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
sepia: {
0: string;
DEFAULT: string;
};
skew: {
0: string;
1: string;
2: string;
3: string;
6: string;
12: string;
};
space: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
stroke: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
strokeWidth: {
0: string;
1: string;
2: string;
};
textColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
textDecorationColor: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
textDecorationThickness: {
auto: string;
'from-font': string;
0: string;
1: string;
2: string;
4: string;
8: string;
};
textUnderlineOffset: {
auto: string;
0: string;
1: string;
2: string;
4: string;
8: string;
};
textIndent: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
textOpacity: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
transformOrigin: {
center: string;
top: string;
'top-right': string;
right: string;
'bottom-right': string;
bottom: string;
'bottom-left': string;
left: string;
'top-left': string;
};
transitionDelay: {
75: string;
100: string;
150: string;
200: string;
300: string;
500: string;
700: string;
1000: string;
};
transitionDuration: {
DEFAULT: string;
75: string;
100: string;
150: string;
200: string;
300: string;
500: string;
700: string;
1000: string;
};
transitionProperty: {
none: string;
all: string;
DEFAULT: string;
colors: string;
opacity: string;
'transform/opacity': string;
shadow: string;
transform: string;
rotate: string;
'bg-size': string;
};
transitionTimingFunction: {
DEFAULT: string;
linear: string;
in: string;
out: string;
'in-out': string;
};
translate: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
width: ({ theme }: import("tailwindcss/types/config").PluginUtils) => any;
willChange: {
auto: string;
scroll: string;
contents: string;
transform: string;
};
zIndex: {
auto: string;
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
};
};
variantOrder: string[];
future: {
hoverOnlyWhenSupported: true;
};
};