@atom-learning/components 1.0.0-rc.3 → 1.0.1

package/dist/components/table/Table.d.ts

@@ -23,6 +23,7 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, import("@stitches/react/types/css-util").CSS<{
     sm: string;
@@ -30,6 +31,7 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, {
     colors: {
@@ -136,64 +138,148 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
         "3": any;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react").PropertyValue<"background">) => {
-        background: import("@stitches/react").PropertyValue<"background">;
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
     };
-    inset: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        top: string | number | import("@stitches/react").ScaleValue<"space">;
-        right: string | number | import("@stitches/react").ScaleValue<"space">;
-        bottom: string | number | import("@stitches/react").ScaleValue<"space">;
-        left: string | number | import("@stitches/react").ScaleValue<"space">;
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    size: (value: string | number | import("@stitches/react").ScaleValue<"size">) => {
-        height: string | number | import("@stitches/react").ScaleValue<"size">;
-        width: string | number | import("@stitches/react").ScaleValue<"size">;
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
     };
-    p: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react").ScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react").ScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
 }>>;
 declare type TableProps = React.ComponentProps<typeof StyledTable>;

package/dist/components/table/TableBody.d.ts

@@ -4,6 +4,7 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, import("@stitches/react/types/css-util").CSS<{
     sm: string;
@@ -11,6 +12,7 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, {
     colors: {
@@ -117,63 +119,147 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
         "3": any;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react").PropertyValue<"background">) => {
-        background: import("@stitches/react").PropertyValue<"background">;
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
     };
-    inset: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        top: string | number | import("@stitches/react").ScaleValue<"space">;
-        right: string | number | import("@stitches/react").ScaleValue<"space">;
-        bottom: string | number | import("@stitches/react").ScaleValue<"space">;
-        left: string | number | import("@stitches/react").ScaleValue<"space">;
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    size: (value: string | number | import("@stitches/react").ScaleValue<"size">) => {
-        height: string | number | import("@stitches/react").ScaleValue<"size">;
-        width: string | number | import("@stitches/react").ScaleValue<"size">;
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
     };
-    p: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react").ScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react").ScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
 }>>;

package/dist/components/table/TableCell.d.ts

@@ -4,6 +4,7 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, import("@stitches/react/types/css-util").CSS<{
     sm: string;
@@ -11,6 +12,7 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
     lg: string;
     xl: string;
     reducedMotion: string;
+    allowMotion: string;
     hover: string;
 }, {
     colors: {
@@ -117,63 +119,147 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
         "3": any;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: import("@stitches/react").PropertyValue<"background">) => {
-        background: import("@stitches/react").PropertyValue<"background">;
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
     };
-    inset: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        top: string | number | import("@stitches/react").ScaleValue<"space">;
-        right: string | number | import("@stitches/react").ScaleValue<"space">;
-        bottom: string | number | import("@stitches/react").ScaleValue<"space">;
-        left: string | number | import("@stitches/react").ScaleValue<"space">;
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    size: (value: string | number | import("@stitches/react").ScaleValue<"size">) => {
-        height: string | number | import("@stitches/react").ScaleValue<"size">;
-        width: string | number | import("@stitches/react").ScaleValue<"size">;
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
     };
-    p: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react").ScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react").ScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react").ScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react").ScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react").ScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react").ScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
     };
 }>>;

package/dist/components/table/TableCell.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";const o=t("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal300",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","tr:nth-child(even) &":{bg:"$tonal50"}});o.displayName="TableCell";export{o as TableCell};
+import{styled as t}from"../../stitches.js";const o=t("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","tr:nth-child(even) &":{bg:"$tonal50"}});o.displayName="TableCell";export{o as TableCell};