@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

package/types/table/table.styles.d.ts

@@ -39,6 +39,13 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -180,6 +187,16 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -198,13 +215,20 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -220,9 +244,18 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -307,6 +340,7 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -682,7 +716,9 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -760,6 +796,32 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -963,6 +1025,16 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1077,6 +1149,13 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -1218,6 +1297,16 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -1236,13 +1325,20 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1258,9 +1354,18 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1345,6 +1450,7 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1720,7 +1826,9 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1798,6 +1906,32 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -2001,6 +2135,16 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2051,6 +2195,13 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -2192,6 +2343,16 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -2210,13 +2371,20 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -2232,9 +2400,18 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -2319,6 +2496,7 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -2694,7 +2872,9 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -2772,6 +2952,32 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -2975,6 +3181,16 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -3089,6 +3305,13 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -3230,6 +3453,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -3248,13 +3481,20 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -3270,9 +3510,18 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -3357,6 +3606,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -3732,7 +3982,9 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -3810,6 +4062,32 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -4013,6 +4291,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -4063,6 +4351,13 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -4204,6 +4499,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -4222,13 +4527,20 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -4244,9 +4556,18 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -4331,6 +4652,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -4706,7 +5028,9 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -4784,6 +5108,32 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -4987,6 +5337,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -5039,6 +5399,13 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -5180,6 +5547,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -5198,13 +5575,20 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -5220,9 +5604,18 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -5307,6 +5700,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -5682,7 +6076,9 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -5760,6 +6156,32 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -5963,6 +6385,16 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -6016,6 +6448,13 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -6157,6 +6596,16 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -6175,13 +6624,20 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -6197,9 +6653,18 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -6284,6 +6749,7 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -6659,7 +7125,9 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -6737,6 +7205,32 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -6940,6 +7434,16 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -6991,6 +7495,13 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -7132,6 +7643,16 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -7150,13 +7671,20 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -7172,9 +7700,18 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -7259,6 +7796,7 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -7634,7 +8172,9 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -7712,7 +8252,33 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
-    normalShadow: (value: {
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
+    normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         boxShadow: string;
@@ -7915,6 +8481,16 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -7966,6 +8542,13 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -8107,6 +8690,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -8125,13 +8718,20 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -8147,9 +8747,18 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -8234,6 +8843,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -8609,7 +9219,9 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -8687,6 +9299,32 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -8890,6 +9528,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -8924,6 +9572,8 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         top: number;
         left: number;
         opacity: number;
+        transform: string;
+        backfaceVisibility: string;
     };
     variants: {
         align: {
@@ -8980,6 +9630,13 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -9121,6 +9778,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -9139,13 +9806,20 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -9161,9 +9835,18 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -9248,6 +9931,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -9623,7 +10307,9 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -9701,6 +10387,32 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -9904,6 +10616,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -9954,6 +10676,13 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -10095,6 +10824,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -10113,13 +10852,20 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -10135,9 +10881,18 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -10222,6 +10977,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -10597,7 +11353,9 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -10675,6 +11433,32 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -10878,6 +11662,16 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -10952,6 +11746,13 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -11093,6 +11894,16 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -11111,13 +11922,20 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -11133,9 +11951,18 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -11220,6 +12047,7 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -11595,7 +12423,9 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -11673,6 +12503,32 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -11876,6 +12732,16 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -11926,6 +12792,13 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -12067,6 +12940,16 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -12085,13 +12968,20 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -12107,9 +12997,18 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -12194,6 +13093,7 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -12569,7 +13469,9 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -12647,6 +13549,32 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -12850,6 +13778,16 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -12904,6 +13842,13 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -13045,6 +13990,16 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -13063,13 +14018,20 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -13085,9 +14047,18 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -13172,6 +14143,7 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -13547,7 +14519,9 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -13625,6 +14599,32 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -13828,6 +14828,16 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -13882,6 +14892,13 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -14023,6 +15040,16 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -14041,13 +15068,20 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -14063,9 +15097,18 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -14150,6 +15193,7 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -14525,7 +15569,9 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -14603,6 +15649,32 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -14806,6 +15878,16 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -14871,6 +15953,13 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -15012,6 +16101,16 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -15030,13 +16129,20 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -15052,9 +16158,18 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -15139,6 +16254,7 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -15514,7 +16630,9 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -15592,6 +16710,32 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -15795,6 +16939,16 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -15850,6 +17004,13 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -15991,6 +17152,16 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -16009,13 +17180,20 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -16031,9 +17209,18 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -16118,6 +17305,7 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -16493,7 +17681,9 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -16571,6 +17761,32 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -16774,6 +17990,16 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {