@atom-learning/components 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/components/top-bar/TopBar.d.ts

@@ -207,26 +207,11 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -595,26 +580,11 @@ export declare const TopBar: {
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -780,7 +750,9 @@ export declare const TopBar: {
     };
     BrandName: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-    }, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+    }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+        weight?: "normal" | "bold" | undefined;
+        family?: "display" | "mono" | "body" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
         noCapsize?: boolean | "true" | undefined;
     }, {
@@ -988,26 +960,11 @@ export declare const TopBar: {
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1369,26 +1326,11 @@ export declare const TopBar: {
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -1756,26 +1698,11 @@ export declare const TopBar: {
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;

package/dist/components/top-bar/TopBarBrand.d.ts

@@ -11,7 +11,9 @@ export declare const TopBarBrandLogo: {
 };
 export declare const TopBarBrandName: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-}, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+}, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+    weight?: "normal" | "bold" | undefined;
+    family?: "display" | "mono" | "body" | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
     noCapsize?: boolean | "true" | undefined;
 }, {
@@ -219,26 +221,11 @@ export declare const TopBarBrandName: import("@atom-learning/stitches-react/type
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -600,26 +587,11 @@ export declare const TopBarBrandName: import("@atom-learning/stitches-react/type
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -979,26 +951,11 @@ export declare const TopBarBrand: import("@atom-learning/stitches-react/types/st
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/top-bar/TopBarBrand.js

@@ -1,2 +1,2 @@
-import n from"react";import{styled as o}from"../../stitches.js";import{Image as l}from"../image/Image.js";import{Text as m}from"../text/Text.js";const r=({src:t,alt:a="Atom Learning logo",css:e})=>n.createElement(l,{className:"topbar-brand-logo",src:t,alt:a,css:{mr:"$3",mb:"5px",...e}});r.toString=()=>".topbar-brand-logo";const c=o(m,{color:"$tonal400"}),s=o("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}});export{s as TopBarBrand,r as TopBarBrandLogo,c as TopBarBrandName};
+import n from"react";import{styled as o}from"../../stitches.js";import{Image as m}from"../image/Image.js";import{Text as c}from"../text/Text.js";const r=({src:t,alt:e="Atom Learning logo",css:a})=>n.createElement(m,{className:"topbar-brand-logo",src:t,alt:e,css:{mr:"$3",mb:"5px",...a}});r.toString=()=>".topbar-brand-logo";const l=o(c,{color:"$grey800"}),s=o("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$grey800","&:hover, &:focus":{textDecoration:"none"}});export{s as TopBarBrand,r as TopBarBrandLogo,l as TopBarBrandName};
 //# sourceMappingURL=TopBarBrand.js.map

package/dist/components/top-bar/TopBarBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBarBrand.js","sources":["../../../src/components/top-bar/TopBarBrand.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { Image } from '../image'\nimport { Text } from '../text'\n\ntype TopBarBrandLogoProps = {\n  src: string\n  alt?: string\n  css?: CSS\n}\n\nexport const TopBarBrandLogo = ({\n  src,\n  alt = 'Atom Learning logo',\n  css\n}: TopBarBrandLogoProps): JSX.Element => {\n  return (\n    <Image\n      className=\"topbar-brand-logo\"\n      src={src}\n      alt={alt}\n      css={{\n        mr: '$3',\n        mb: '5px',\n        ...css\n      }}\n    />\n  )\n}\n\nTopBarBrandLogo.toString = () => '.topbar-brand-logo'\n\nexport const TopBarBrandName = styled(Text, {\n  color: '$tonal400'\n})\n\nexport const TopBarBrand = styled('a', {\n  display: 'flex',\n  alignItems: 'center',\n  textDecoration: 'none',\n  color: '$tonal400',\n  '&:hover, &:focus': { textDecoration: 'none' }\n})\n"],"names":["TopBarBrandLogo","src","alt","css","React","Image","TopBarBrandName","styled","Text","TopBarBrand"],"mappings":"iJAaO,MAAMA,EAAkB,CAAC,CAC9B,IAAAC,EACA,IAAAC,EAAM,qBACN,IAAAC,CACF,IAEIC,EAAA,cAACC,EAAA,CACC,UAAU,oBACV,IAAKJ,EACL,IAAKC,EACL,IAAK,CACH,GAAI,KACJ,GAAI,MACJ,GAAGC,CACL,CAAA,CACF,EAIJH,EAAgB,SAAW,IAAM,2BAEpBM,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,WACT,CAAC,EAEYC,EAAcF,EAAO,IAAK,CACrC,QAAS,OACT,WAAY,SACZ,eAAgB,OAChB,MAAO,YACP,mBAAoB,CAAE,eAAgB,MAAO,CAC/C,CAAC"}
+{"version":3,"file":"TopBarBrand.js","sources":["../../../src/components/top-bar/TopBarBrand.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { Image } from '../image'\nimport { Text } from '../text'\n\ntype TopBarBrandLogoProps = {\n  src: string\n  alt?: string\n  css?: CSS\n}\n\nexport const TopBarBrandLogo = ({\n  src,\n  alt = 'Atom Learning logo',\n  css\n}: TopBarBrandLogoProps): JSX.Element => {\n  return (\n    <Image\n      className=\"topbar-brand-logo\"\n      src={src}\n      alt={alt}\n      css={{\n        mr: '$3',\n        mb: '5px',\n        ...css\n      }}\n    />\n  )\n}\n\nTopBarBrandLogo.toString = () => '.topbar-brand-logo'\n\nexport const TopBarBrandName = styled(Text, {\n  color: '$grey800'\n})\n\nexport const TopBarBrand = styled('a', {\n  display: 'flex',\n  alignItems: 'center',\n  textDecoration: 'none',\n  color: '$grey800',\n  '&:hover, &:focus': { textDecoration: 'none' }\n})\n"],"names":["TopBarBrandLogo","src","alt","css","React","Image","TopBarBrandName","styled","Text","TopBarBrand"],"mappings":"iJAaO,MAAMA,EAAkB,CAAC,CAC9B,IAAAC,EACA,IAAAC,EAAM,qBACN,IAAAC,CACF,IAEIC,EAAA,cAACC,EAAA,CACC,UAAU,oBACV,IAAKJ,EACL,IAAKC,EACL,IAAK,CACH,GAAI,KACJ,GAAI,MACJ,GAAGC,CACL,CAAA,CACF,EAIJH,EAAgB,SAAW,IAAM,2BAEpBM,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,UACT,CAAC,EAEYC,EAAcF,EAAO,IAAK,CACrC,QAAS,OACT,WAAY,SACZ,eAAgB,OAChB,MAAO,WACP,mBAAoB,CAAE,eAAgB,MAAO,CAC/C,CAAC"}

package/dist/components/tree/Tree.d.ts

@@ -211,26 +211,11 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -886,26 +871,11 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -1275,26 +1245,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -1951,26 +1906,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -2332,26 +2272,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -2713,26 +2638,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -3100,26 +3010,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -3785,26 +3680,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -4176,26 +4056,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -4561,26 +4426,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -4944,26 +4794,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -5122,7 +4957,9 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
     }) => JSX.Element;
     Text: (props: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
         ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
-    }, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+    }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
+        weight?: "normal" | "bold" | undefined;
+        family?: "display" | "mono" | "body" | undefined;
         size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
         noCapsize?: boolean | "true" | undefined;
     }, {
@@ -5330,26 +5167,11 @@ export declare const Tree: React.ForwardRefExoticComponent<Omit<{
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;

package/dist/components/tree/TreeCollapsible.d.ts

@@ -209,26 +209,11 @@ export declare const TreeCollapsible: React.ForwardRefExoticComponent<Omit<impor
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;

package/dist/components/tree/TreeCollapsibleContent.d.ts

@@ -204,26 +204,11 @@ declare const StyledTreeCollapsibleContent: import("@atom-learning/stitches-reac
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/tree/TreeIcon.d.ts

@@ -208,26 +208,11 @@ declare const StyledTreeIcon: import("@atom-learning/stitches-react/types/styled
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -590,26 +575,11 @@ declare const StyledTreeIcon: import("@atom-learning/stitches-react/types/styled
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;