@atom-learning/components 1.14.2 → 1.15.0

package/CHANGELOG.md

@@ -1,11 +1,11 @@
-## [1.14.2](https://github.com/Atom-Learning/components/compare/v1.14.1...v1.14.2) (2022-06-09)
+# [1.15.0](https://github.com/Atom-Learning/components/compare/v1.14.2...v1.15.0) (2022-06-09)
 
 
-### Bug Fixes
+### Features
 
-* add Portal to AlertDialog.Content ([012690f](https://github.com/Atom-Learning/components/commit/012690fe4521cb9bd21d0f97f492c13e407eb100))
-* alertdialog z-index ([4e0d1c4](https://github.com/Atom-Learning/components/commit/4e0d1c422e7f82a35a1a7622a985a770bcb61684))
-* alertdialog z-index ([60a6d91](https://github.com/Atom-Learning/components/commit/60a6d91bee7b12a8ffb9f74f2aee808cb3ee1628))
+* changing appearance to striped boolean ([02dcb28](https://github.com/Atom-Learning/components/commit/02dcb288a226275bc3a0c388e344e186aa54a74e))
+* table theme neutral ([504cd81](https://github.com/Atom-Learning/components/commit/504cd8157d11e73503cbcc2c1ec88fc05db2248d))
+* update theme naming ([cc75f0b](https://github.com/Atom-Learning/components/commit/cc75f0ba9ede6ee4597975a04099e318133c148d))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

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

@@ -1,4 +1,7 @@
-export declare const TableBody: import("@stitches/react/types/styled-component").StyledComponent<"tbody", {}, {
+import * as React from 'react';
+declare const StyledTableBody: import("@stitches/react/types/styled-component").StyledComponent<"tbody", {
+    striped?: boolean | "true" | "false" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -263,3 +266,6 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
         };
     };
 }>>;
+declare type TableBodyProps = React.ComponentProps<typeof StyledTableBody>;
+export declare const TableBody: React.FC<TableBodyProps>;
+export {};

package/dist/components/table/TableBody.js

@@ -1 +1 @@
-import{styled as d}from"../../stitches.js";const o=d("tbody",{});o.displayName="TableBody";export{o as TableBody};
+import{styled as d}from"../../stitches.js";import{createElement as l}from"react";import{TableRow as r}from"./TableRow.js";const a=d("tbody",{variants:{striped:{true:{[`${r}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),e=({striped:t=!0,...o})=>l(a,{striped:t,...o});e.displayName="TableBody";export{e as TableBody};

package/dist/components/table/TableCell.js

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const StyledTableHeader: import("@stitches/react/types/styled-component").StyledComponent<"thead", {
-    theme?: "primary" | "primaryDark" | undefined;
+    theme?: "primary" | "primaryDark" | "light" | undefined;
 }, {
     sm: string;
     md: string;

package/dist/components/table/TableHeader.js

@@ -1 +1 @@
-import t from"react";import{styled as i}from"../../stitches.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";const l=i("thead",{variants:{theme:{primary:{[`${r}`]:{bg:"$primary"}},primaryDark:{[`${r}`]:{bg:"$primaryDark"}}}}}),e=({theme:a="primaryDark",...m})=>t.createElement(l,{theme:a,...m});e.displayName="TableHeader";export{e as TableHeader};
+import l from"react";import{styled as m}from"../../stitches.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";const o=m("thead",{variants:{theme:{primary:{[`${r}`]:{bg:"$primary"}},primaryDark:{[`${r}`]:{bg:"$primaryDark"}},light:{[`${r}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),a=({theme:e="primaryDark",...t})=>l.createElement(o,{theme:e,...t});a.displayName="TableHeader";export{a as TableHeader};