UNPKG

@clubmed/trident-ui

Version:

Shared ClubMed React UI components

763 lines (762 loc) 21.3 kB
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; }; };