@clubmed/trident-ui 1.4.0-rc.1 → 1.5.0-beta.1

package/tailwind/tailwind.preset.d.ts

@@ -1,16 +1,39 @@
+import { default as tailwindCssTypography } from '@tailwindcss/typography';
 export declare const tailwindPreset: {
     content: never[];
-    plugins: {
+    safelist: {
+        pattern: RegExp;
+        variants: string[];
+    }[];
+    plugins: ({
         handler: import('tailwindcss/types/config').PluginCreator;
         config?: Partial<import('tailwindcss/types/config').Config>;
-    }[];
+    } | typeof tailwindCssTypography)[];
     corePlugins: {
-        lineClamp: false;
+        lineClamp: true;
     };
     darkMode: "media";
     theme: {
-        extends: {
+        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;
@@ -45,6 +68,14 @@ export declare const tailwindPreset: {
                 '11/12': string;
                 full: string;
             };
+            transitionTimingFunction: {
+                DEFAULT: string;
+            };
+            typography: ({ theme }: import('tailwindcss/types/config').PluginAPI) => {
+                DEFAULT: {
+                    css: any;
+                };
+            };
         };
         colors: {
             current: string;
@@ -125,19 +156,24 @@ export declare const tailwindPreset: {
             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;
@@ -146,30 +182,31 @@ export declare const tailwindPreset: {
         };
         animation: {
             none: string;
+            backdropFadeIn: string;
+            backdropFadeOut: string;
+            backdropSweepIn: string;
+            backdropSweepOut: string;
+            boop: string;
             bounce: string;
             bounceEnter: string;
             bounceEnterStrong: string;
             bounceExit: string;
-            toastEnter: string;
-            toastExit: string;
             filling: string;
-            spin: string;
             loaderDash: string;
-            wave: 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;
-            boop: string;
-            backdropFadeIn: string;
-            backdropFadeOut: string;
-            backdropSweepIn: string;
-            backdropSweepOut: string;
+            wave: string;
             zoomIn: string;
             zoomOut: string;
         };
@@ -181,6 +218,20 @@ export declare const tailwindPreset: {
             700: string;
         };
         keyframes: {
+            boop: {
+                '0%': {
+                    scale: string;
+                };
+                '25%': {
+                    scale: string;
+                };
+                '75%': {
+                    scale: string;
+                };
+                '100%': {
+                    scale: string;
+                };
+            };
             bounceEnter: {
                 '0%': {
                     opacity: string;
@@ -241,6 +292,11 @@ export declare const tailwindPreset: {
                     transform: string;
                 };
             };
+            pulsation: {
+                '50%': {
+                    opacity: string;
+                };
+            };
             pulse: {
                 '25%': {
                     scale: string;
@@ -325,95 +381,81 @@ export declare const tailwindPreset: {
                     transform: string;
                 };
             };
-            boop: {
+            backdropFadeIn: {
                 '0%': {
-                    scale: string;
-                };
-                '25%': {
-                    scale: string;
-                };
-                '75%': {
-                    scale: string;
+                    'backdrop-filter': string;
+                    opacity: string;
                 };
                 '100%': {
-                    scale: string;
-                };
-            };
-            ping: {
-                '75%, 100%': {
-                    transform: string;
+                    'backdrop-filter': string;
                     opacity: string;
                 };
             };
-            bounce: {
-                '0%, 100%': {
-                    transform: string;
-                    animationTimingFunction: string;
-                };
-                '50%': {
-                    transform: string;
-                    animationTimingFunction: string;
-                };
-            };
-            toastEnter: {
+            backdropFadeOut: {
                 '0%': {
-                    transform: string;
+                    'backdrop-filter': string;
                     opacity: string;
                 };
                 '100%': {
-                    transform: string;
+                    'backdrop-filter': string;
                     opacity: string;
                 };
             };
-            toastExit: {
+            backdropSweepIn: {
                 '0%': {
+                    'backdrop-filter': string;
+                    opacity: string;
                     transform: string;
                 };
                 '100%': {
+                    'backdrop-filter': string;
+                    opacity: string;
                     transform: string;
                 };
             };
-            backdropFadeIn: {
+            backdropSweepOut: {
                 '0%': {
                     'backdrop-filter': string;
                     opacity: string;
+                    transform: string;
                 };
                 '100%': {
                     'backdrop-filter': string;
                     opacity: string;
+                    transform: string;
                 };
             };
-            backdropFadeOut: {
-                '0%': {
-                    'backdrop-filter': string;
-                    opacity: string;
+            bounce: {
+                '0%, 100%': {
+                    transform: string;
+                    animationTimingFunction: string;
                 };
-                '100%': {
-                    'backdrop-filter': string;
+                '50%': {
+                    transform: string;
+                    animationTimingFunction: string;
+                };
+            };
+            ping: {
+                '75%, 100%': {
+                    transform: string;
                     opacity: string;
                 };
             };
-            backdropSweepIn: {
+            toastEnter: {
                 '0%': {
-                    'backdrop-filter': string;
-                    opacity: string;
                     transform: string;
+                    opacity: string;
                 };
                 '100%': {
-                    'backdrop-filter': string;
-                    opacity: string;
                     transform: string;
+                    opacity: string;
                 };
             };
-            backdropSweepOut: {
+            toastExit: {
                 '0%': {
-                    'backdrop-filter': string;
-                    opacity: string;
                     transform: string;
                 };
                 '100%': {
-                    'backdrop-filter': string;
-                    opacity: string;
                     transform: string;
                 };
             };
@@ -439,26 +481,17 @@ export declare const tailwindPreset: {
             };
         };
         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;
-        blur: {
-            DEFAULT: string;
-            0: string;
-            none: string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            '2xl': string;
-            '3xl': string;
-        };
+        backdropOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
         borderColor: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
         borderRadius: {
             0: string;
@@ -473,8 +506,8 @@ export declare const tailwindPreset: {
         };
         borderWidth: {
             DEFAULT: string;
-            1: string;
             0: string;
+            1: string;
             2: string;
             4: string;
             6: string;
@@ -528,6 +561,7 @@ export declare const tailwindPreset: {
             '2xl': string;
             none: string;
         };
+        flexBasis: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
         fontFamily: {
             sans: [string, string, string, string, string];
             serif: [string, string, string, string];
@@ -598,22 +632,6 @@ export declare const tailwindPreset: {
             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;
-        };
         maxHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
         maxWidth: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
         minHeight: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
@@ -636,25 +654,6 @@ export declare const tailwindPreset: {
             100: string;
         };
         ringColor: ({ 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;
-        };
         scale: {
             0: string;
             50: string;
@@ -742,6 +741,7 @@ export declare const tailwindPreset: {
             '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;
@@ -754,405 +754,6 @@ export declare const tailwindPreset: {
             4: string;
             5: string;
         };
-        transformOrigin: {
-            center: string;
-            top: string;
-            'top-right': string;
-            right: string;
-            'bottom-right': string;
-            bottom: string;
-            'bottom-left': string;
-            left: string;
-            'top-left': string;
-        };
-        transitionTimingFunction: {
-            DEFAULT: string;
-            linear: string;
-            in: string;
-            out: string;
-            'in-out': string;
-        };
-        willChange: {
-            auto: string;
-            scroll: string;
-            contents: string;
-            transform: string;
-        };
-        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;
-        };
-        brightness: {
-            0: string;
-            50: string;
-            75: string;
-            90: string;
-            95: string;
-            100: string;
-            105: string;
-            110: string;
-            125: string;
-            150: string;
-            200: string;
-        };
-        borderOpacity: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
-        borderSpacing: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
-        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;
-        };
-        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;
-        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;
-        };
-        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;
-        };
-        letterSpacing: {
-            tighter: string;
-            tight: string;
-            normal: string;
-            wide: string;
-            wider: string;
-            widest: string;
-        };
-        listStyleType: {
-            none: string;
-            disc: string;
-            decimal: string;
-        };
-        objectPosition: {
-            bottom: string;
-            center: string;
-            left: string;
-            'left-bottom': string;
-            'left-top': string;
-            right: string;
-            'right-bottom': string;
-            'right-top': string;
-            top: string;
-        };
-        margin: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
-        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;
-        };
-        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;
-        saturate: {
-            0: string;
-            50: string;
-            100: string;
-            150: string;
-            200: string;
-        };
-        scrollMargin: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
-        scrollPadding: ({ theme }: import('tailwindcss/types/config').PluginUtils) => any;
-        sepia: {
-            0: string;
-            DEFAULT: string;
-        };
-        size: ({ theme }: any) => any;
-        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;
     };
     variantOrder: string[];
     future: {