@atom-learning/components 5.12.1 → 5.13.0-beta.0

package/dist/components/stepper/StepperStepBullet.d.ts

@@ -28,6 +28,8 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -398,6 +400,8 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/stepper/StepperStepContainer.d.ts

@@ -28,6 +28,8 @@ export declare const StepperStepContainer: import("@atom-learning/stitches-react
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -401,6 +403,8 @@ export declare const StepperStepContainer: import("@atom-learning/stitches-react
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -30,6 +30,8 @@ export declare const StepperStepLabel: import("@atom-learning/stitches-react/typ
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -376,7 +378,7 @@ export declare const StepperStepLabel: import("@atom-learning/stitches-react/typ
         };
     }> | undefined;
 }, "as"> & {
-    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }>, {
     direction?: "horizontal" | "vertical" | undefined;
     status?: "success" | "default" | "active" | "viewed" | "completed" | "reviewed" | undefined;
@@ -404,6 +406,8 @@ export declare const StepperStepLabel: import("@atom-learning/stitches-react/typ
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/switch/Switch.d.ts

@@ -26,6 +26,8 @@ declare const StyledSwitch: import("@atom-learning/stitches-react/types/styled-c
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

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

@@ -27,6 +27,8 @@ declare const StyledTable: import("@atom-learning/stitches-react/types/styled-co
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -409,6 +411,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
                     textMinimal: string;
                     background: string;
                     backgroundAccent: string;
+                    black: string;
+                    white: string;
                     grey100: string;
                     grey200: string;
                     grey300: string;
@@ -781,6 +785,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1150,6 +1156,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1519,6 +1527,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -1868,7 +1878,7 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
         ({ theme, isSticky, ...rest }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
             ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
         }, "css" | "theme" | "isSticky"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-            theme?: "light" | "white" | "primary" | "primaryDark" | "primaryLight" | undefined;
+            theme?: "white" | "light" | "primary" | "primaryDark" | "primaryLight" | undefined;
             isSticky?: boolean | "true" | undefined;
         }, {
             sm: string;
@@ -1895,6 +1905,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
                     textMinimal: string;
                     background: string;
                     backgroundAccent: string;
+                    black: string;
+                    white: string;
                     grey100: string;
                     grey200: string;
                     grey300: string;
@@ -2267,6 +2279,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -2639,6 +2653,8 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "re
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;

package/dist/components/table/Table.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as f}from"../../stitches.js";import{TableBody as p}from"./TableBody.js";import{TableCell as b}from"./TableCell.js";import{TableFooter as c}from"./TableFooter.js";import{TableFooterCell as h}from"./TableFooterCell.js";import{TableHeader as C}from"./TableHeader.js";import{TableHeaderCell as u}from"./TableHeaderCell.js";import{TableRow as $}from"./TableRow.js";import{TableStickyColumnsContainer as t}from"./TableStickyColumnsContainer.js";const y=f("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",position:"relative",zIndex:0,variants:{size:{md:{"& td, & th":{height:"$4",padding:"$1 $3"}},lg:{"& td, & th":{height:"$5",padding:"$2 $3"}},xl:{"& td, & th":{height:"$6",padding:"$4 $3"}}},corners:{round:{"& th":{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},"& tr:last-child":{"& td:first-child":{borderBottomLeftRadius:"$0"},"& td:last-child":{borderBottomRightRadius:"$0"}}},square:{}}}}),i=e.forwardRef(({size:l="md",corners:a="round",numberOfStickyColumns:r=0,scrollContainerCss:s,scrollContainerkey:d,...n},m)=>{const o=e.createElement(y,{ref:m,size:l,corners:a,...n});return r?e.createElement(t,{key:d,css:s,numberOfStickyColumns:r},o):o}),T=Object.assign(i,{Body:p,Cell:b,Footer:c,FooterCell:h,Header:C,HeaderCell:u,Row:$,StickyColumnsContainer:t});i.displayName="Table";export{T as Table};
+import*as e from"react";import{styled as p}from"../../stitches.js";import{TableBody as c}from"./TableBody.js";import{TableCell as b}from"./TableCell.js";import{TableFooter as f}from"./TableFooter.js";import{TableFooterCell as C}from"./TableFooterCell.js";import{TableHeader as $}from"./TableHeader.js";import{TableHeaderCell as h}from"./TableHeaderCell.js";import{TableRow as g}from"./TableRow.js";import{TableStickyColumnsContainer as t}from"./TableStickyColumnsContainer.js";const u=p("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",position:"relative",zIndex:0,variants:{size:{md:{"& td, & th":{height:"$4",padding:"$1 $3"}},lg:{"& td, & th":{height:"$5",padding:"0  0 0 $3","&:last-child":{pr:"$3"}}},xl:{"& th":{height:"$5",padding:"0  0 0 $3","&:last-child":{pr:"$3"}},"& td":{height:"$6",padding:"0  0 0 $3","&:last-child":{pr:"$3"}}}},corners:{round:{borderRadius:"$3"},square:{}}}}),l=e.forwardRef(({size:a="md",corners:i="round",numberOfStickyColumns:r=0,scrollContainerCss:n,scrollContainerkey:s,...d},m)=>{const o=e.createElement(u,{ref:m,size:a,corners:i,...d});return r?e.createElement(t,{key:s,css:n,numberOfStickyColumns:r},o):o}),y=Object.assign(l,{Body:c,Cell:b,Footer:f,FooterCell:C,Header:$,HeaderCell:h,Row:g,StickyColumnsContainer:t});l.displayName="Table";export{y as Table};
 //# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$sans',\n  fontSize: '$sm',\n  width: '100%',\n  position: 'relative',\n  zIndex: 0,\n  variants: {\n    size: {\n      md: {\n        '& td, & th': {\n          height: '$4',\n          padding: '$1 $3'\n        }\n      },\n      lg: {\n        '& td, & th': {\n          height: '$5',\n          padding: '$2 $3'\n        }\n      },\n      xl: {\n        '& td, & th': {\n          height: '$6',\n          padding: '$4 $3'\n        }\n      }\n    },\n    corners: {\n      round: {\n        '& th': {\n          '&:first-of-type': { borderTopLeftRadius: '$0' },\n          '&:last-of-type': { borderTopRightRadius: '$0' }\n        },\n        '& tr:last-child': {\n          '& td:first-child': { borderBottomLeftRadius: '$0' },\n          '& td:last-child': { borderBottomRightRadius: '$0' }\n        }\n      },\n      square: {}\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCss?: CSS\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCss,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          css={scrollContainerCss}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableComponent","React","size","corners","numberOfStickyColumns","scrollContainerCss","scrollContainerkey","rest","ref","tableComponent","TableStickyColumnsContainer","Table","TableBody","TableCell","TableFooter","TableFooterCell","TableHeader","TableHeaderCell","TableRow"],"mappings":"6dAaA,MAAMA,EAAcC,EAAO,QAAS,CAClC,eAAgB,WAChB,cAAe,EACf,WAAY,QACZ,SAAU,MACV,MAAO,OACP,SAAU,WACV,OAAQ,EACR,SAAU,CACR,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,aAAc,CACZ,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,aAAc,CACZ,OAAQ,KACR,QAAS,OACX,CACF,CACF,EACA,QAAS,CACP,MAAO,CACL,OAAQ,CACN,kBAAmB,CAAE,oBAAqB,IAAK,EAC/C,iBAAkB,CAAE,qBAAsB,IAAK,CACjD,EACA,kBAAmB,CACjB,mBAAoB,CAAE,uBAAwB,IAAK,EACnD,kBAAmB,CAAE,wBAAyB,IAAK,CACrD,CACF,EACA,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EASKC,EAAiBC,EAAM,WAC3B,CACE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,KACGC,CACL,EACAC,IACG,CACH,MAAMC,EACJR,EAAA,cAACH,EAAA,CAAY,IAAKU,EAAK,KAAMN,EAAM,QAASC,EAAU,GAAGI,CAAAA,CAAM,EAGjE,OAAIH,EAEAH,EAAA,cAACS,EAAA,CACC,IAAKJ,EACL,IAAKD,EACL,sBAAuBD,CAEtBK,EAAAA,CACH,EAIGA,CACT,CACF,EAEaE,EAAQ,OAAO,OAAOX,EAAgB,CACjD,KAAMY,EACN,KAAMC,EACN,OAAQC,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYC,EACZ,IAAKC,EACL,uBAAwBR,CAC1B,CAAC,EAEDV,EAAe,YAAc"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$sans',\n  fontSize: '$sm',\n  width: '100%',\n  position: 'relative',\n  zIndex: 0,\n  variants: {\n    size: {\n      md: {\n        '& td, & th': {\n          height: '$4',\n          padding: '$1 $3'\n        }\n      },\n      lg: {\n        '& td, & th': {\n          height: '$5',\n          padding: '0  0 0 $3',\n          '&:last-child': {\n            pr: '$3'\n          }\n        }\n      },\n      xl: {\n        '& th': {\n          height: '$5',\n          padding: '0  0 0 $3',\n          '&:last-child': {\n            pr: '$3'\n          }\n        },\n        '& td': {\n          height: '$6',\n          padding: '0  0 0 $3',\n          '&:last-child': {\n            pr: '$3'\n          }\n        }\n      }\n    },\n    corners: {\n      round: {\n        borderRadius: '$3'\n      },\n      square: {}\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCss?: CSS\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCss,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          css={scrollContainerCss}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"names":["StyledTable","styled","TableComponent","React","size","corners","numberOfStickyColumns","scrollContainerCss","scrollContainerkey","rest","ref","tableComponent","TableStickyColumnsContainer","Table","TableBody","TableCell","TableFooter","TableFooterCell","TableHeader","TableHeaderCell","TableRow"],"mappings":"6dAaA,MAAMA,EAAcC,EAAO,QAAS,CAClC,eAAgB,WAChB,cAAe,EACf,WAAY,QACZ,SAAU,MACV,MAAO,OACP,SAAU,WACV,OAAQ,EACR,SAAU,CACR,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,OAAQ,KACR,QAAS,OACX,CACF,EACA,GAAI,CACF,aAAc,CACZ,OAAQ,KACR,QAAS,YACT,eAAgB,CACd,GAAI,IACN,CACF,CACF,EACA,GAAI,CACF,OAAQ,CACN,OAAQ,KACR,QAAS,YACT,eAAgB,CACd,GAAI,IACN,CACF,EACA,OAAQ,CACN,OAAQ,KACR,QAAS,YACT,eAAgB,CACd,GAAI,IACN,CACF,CACF,CACF,EACA,QAAS,CACP,MAAO,CACL,aAAc,IAChB,EACA,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EASKC,EAAiBC,EAAM,WAC3B,CACE,CACE,KAAAC,EAAO,KACP,QAAAC,EAAU,QACV,sBAAAC,EAAwB,EACxB,mBAAAC,EACA,mBAAAC,KACGC,CACL,EACAC,IACG,CACH,MAAMC,EACJR,EAAA,cAACH,EAAA,CAAY,IAAKU,EAAK,KAAMN,EAAM,QAASC,EAAU,GAAGI,CAAM,CAAA,EAGjE,OAAIH,EAEAH,EAAA,cAACS,EAAA,CACC,IAAKJ,EACL,IAAKD,EACL,sBAAuBD,CAEtBK,EAAAA,CACH,EAIGA,CACT,CACF,EAEaE,EAAQ,OAAO,OAAOX,EAAgB,CACjD,KAAMY,EACN,KAAMC,EACN,OAAQC,EACR,WAAYC,EACZ,OAAQC,EACR,WAAYC,EACZ,IAAKC,EACL,uBAAwBR,CAC1B,CAAC,EAEDV,EAAe,YAAc"}

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

@@ -25,6 +25,8 @@ declare const StyledTableBody: import("@atom-learning/stitches-react/types/style
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

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

@@ -22,6 +22,8 @@ export declare const TableCell: import("@atom-learning/stitches-react/types/styl
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/table/TableCell.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("td",{borderBottom:"1px solid $grey200",boxSizing:"border-box",color:"$grey800",fontFamily:"$body",lineHeight:1.5,textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"600"}});e.displayName="TableCell";export{e as TableCell};
+import{styled as l}from"../../stitches.js";const e=l("td",{borderTop:"1px solid $grey100",boxSizing:"border-box",color:"$grey800",fontFamily:"$body",lineHeight:1.5,textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"600"}});e.displayName="TableCell";export{e as TableCell};
 //# sourceMappingURL=TableCell.js.map

package/dist/components/table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableCell = styled('td', {\n  borderBottom: '1px solid $grey200',\n  boxSizing: 'border-box',\n  color: '$grey800',\n  fontFamily: '$body',\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&:first-child': { fontWeight: '600' }\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"2CAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,aAAc,qBACd,UAAW,aACX,MAAO,WACP,WAAY,QACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,gBAAiB,CAAE,WAAY,KAAM,CACvC,CAAC,EAEDD,EAAU,YAAc"}
+{"version":3,"file":"TableCell.js","sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableCell = styled('td', {\n  borderTop: '1px solid $grey100',\n  boxSizing: 'border-box',\n  color: '$grey800',\n  fontFamily: '$body',\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&:first-child': { fontWeight: '600' }\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"2CAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,UAAW,qBACX,UAAW,aACX,MAAO,WACP,WAAY,QACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,gBAAiB,CAAE,WAAY,KAAM,CACvC,CAAC,EAEDD,EAAU,YAAc"}

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

@@ -22,6 +22,8 @@ export declare const TableFooter: import("@atom-learning/stitches-react/types/st
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

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

@@ -22,6 +22,8 @@ export declare const TableFooterCell: import("@atom-learning/stitches-react/type
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

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

@@ -7,7 +7,7 @@ export declare const TABLE_HEADER_THEMES: {
     readonly WHITE: "white";
 };
 declare const StyledTableHeader: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"thead", {
-    theme?: "light" | "white" | "primary" | "primaryDark" | "primaryLight" | undefined;
+    theme?: "white" | "light" | "primary" | "primaryDark" | "primaryLight" | undefined;
     isSticky?: boolean | "true" | undefined;
 }, {
     sm: string;
@@ -33,6 +33,8 @@ declare const StyledTableHeader: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

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

@@ -22,6 +22,8 @@ export declare const TableHeaderCell: import("@atom-learning/stitches-react/type
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/table/TableHeaderCell.js

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";const e=l("th",{borderBottom:"1px solid $grey200",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,textAlign:"left",verticalAlign:"middle","&[colspan]":{textAlign:"center"}});e.displayName="TableHeaderCell";export{e as TableHeaderCell};
+import{styled as l}from"../../stitches.js";const e=l("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,textAlign:"left",verticalAlign:"middle","&[colspan]":{textAlign:"center"}});e.displayName="TableHeaderCell";export{e as TableHeaderCell};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/components/table/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableHeaderCell = styled('th', {\n  borderBottom: '1px solid $grey200',\n  color: 'white',\n  fontFamily: '$body',\n  fontWeight: 600,\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&[colspan]': {\n    textAlign: 'center'\n  }\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"2CAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,aAAc,qBACd,MAAO,QACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,aAAc,CACZ,UAAW,QACb,CACF,CAAC,EAEDD,EAAgB,YAAc"}
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableHeaderCell = styled('th', {\n  color: 'white',\n  fontFamily: '$body',\n  fontWeight: 600,\n  lineHeight: 1.5,\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&[colspan]': {\n    textAlign: 'center'\n  }\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"2CAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,MAAO,QACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,UAAW,OACX,cAAe,SACf,aAAc,CACZ,UAAW,QACb,CACF,CAAC,EAEDD,EAAgB,YAAc"}

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

@@ -23,6 +23,8 @@ declare const StyledRow: import("@atom-learning/stitches-react/types/styled-comp
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tabs/Tabs.d.ts

@@ -23,6 +23,8 @@ export declare const Tabs: import("@atom-learning/stitches-react/types/styled-co
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -393,6 +395,8 @@ export declare const Tabs: import("@atom-learning/stitches-react/types/styled-co
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -767,6 +771,8 @@ export declare const Tabs: import("@atom-learning/stitches-react/types/styled-co
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1139,6 +1145,8 @@ export declare const Tabs: import("@atom-learning/stitches-react/types/styled-co
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;

package/dist/components/tabs/TabsContent.d.ts

@@ -22,6 +22,8 @@ export declare const TabsContent: import("@atom-learning/stitches-react/types/st
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tabs/TabsTrigger.d.ts

@@ -24,6 +24,8 @@ export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<impo
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;

package/dist/components/tabs/TabsTriggerList.d.ts

@@ -24,6 +24,8 @@ declare const StyledTriggerList: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/text/Text.d.ts

@@ -65,6 +65,8 @@ export declare const StyledText: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/textarea/Textarea.d.ts

@@ -26,6 +26,8 @@ declare const StyledTextarea: import("@atom-learning/stitches-react/types/styled
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tile/Tile.d.ts

@@ -28,6 +28,8 @@ export declare const StyledTile: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tile/TileGroup.d.ts

@@ -28,6 +28,8 @@ export declare const TileGroup: import("@atom-learning/stitches-react/types/styl
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tile-interactive/TileInteractive.d.ts

@@ -31,6 +31,8 @@ declare const StyledTileInteractive: import("@atom-learning/stitches-react/types
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -402,6 +404,8 @@ declare const StyledTileInteractive: import("@atom-learning/stitches-react/types
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts

@@ -31,6 +31,8 @@ declare const StyledTileToggleGroupItem: import("@atom-learning/stitches-react/t
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -403,6 +405,8 @@ declare const StyledTileToggleGroupItem: import("@atom-learning/stitches-react/t
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -774,6 +778,8 @@ declare const StyledTileToggleGroupItem: import("@atom-learning/stitches-react/t
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/toast/Toast.d.ts

@@ -29,6 +29,8 @@ export declare const StyledToast: import("@atom-learning/stitches-react/types/st
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -399,6 +401,8 @@ export declare const StyledToast: import("@atom-learning/stitches-react/types/st
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/toggle-group/ToggleGroupButton.d.ts

@@ -25,6 +25,8 @@ export declare const StyledButton: import("@atom-learning/stitches-react/types/s
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -397,6 +399,8 @@ export declare const StyledButton: import("@atom-learning/stitches-react/types/s
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/toggle-group/ToggleGroupItem.d.ts

@@ -25,6 +25,8 @@ export declare const StyledItem: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;
@@ -396,6 +398,8 @@ export declare const ToggleGroupItem: import("@atom-learning/stitches-react/type
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/toggle-group/ToggleGroupRoot.d.ts

@@ -35,6 +35,8 @@ export declare const StyledRoot: import("@atom-learning/stitches-react/types/sty
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;

package/dist/components/toggle-group/index.d.ts

@@ -25,6 +25,8 @@ export declare const ToggleGroup: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;
@@ -397,6 +399,8 @@ export declare const ToggleGroup: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -771,6 +775,8 @@ export declare const ToggleGroup: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1150,6 +1156,8 @@ export declare const ToggleGroup: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1495,7 +1503,7 @@ export declare const ToggleGroup: {
                 marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-    }, "gap" | "wrap"> & ((Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
+    }, "gap" | "wrap"> & (((Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
         disableDeselect?: boolean;
     }, "direction" | "css" | "theme" | "isFullWidth" | "hasGap"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
         isFullWidth?: boolean | "true" | "false" | undefined;
@@ -1527,6 +1535,8 @@ export declare const ToggleGroup: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -1904,6 +1914,8 @@ export declare const ToggleGroup: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -2252,5 +2264,5 @@ export declare const ToggleGroup: {
     })) & {
         orientation?: "horizontal" | "vertical";
         isFullWidth?: boolean;
-    }>;
+    })>;
 };

package/dist/components/tooltip/Tooltip.d.ts

@@ -32,6 +32,8 @@ export declare const Tooltip: {
                 textMinimal: string;
                 background: string;
                 backgroundAccent: string;
+                black: string;
+                white: string;
                 grey100: string;
                 grey200: string;
                 grey300: string;
@@ -402,6 +404,8 @@ export declare const Tooltip: {
             textMinimal: string;
             background: string;
             backgroundAccent: string;
+            black: string;
+            white: string;
             grey100: string;
             grey200: string;
             grey300: string;

package/dist/components/tooltip/TooltipContent.d.ts

@@ -26,6 +26,8 @@ declare const StyledContent: import("@atom-learning/stitches-react/types/styled-
         textMinimal: string;
         background: string;
         backgroundAccent: string;
+        black: string;
+        white: string;
         grey100: string;
         grey200: string;
         grey300: string;