UNPKG

@clubmed/trident-ui

Version:

Shared ClubMed React UI components

869 lines (868 loc) 24.7 kB
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; }; };