@atom-learning/components 3.10.0 → 3.11.0

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

@@ -18,9 +18,10 @@ export declare const ToggleGroup: {
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -167,11 +168,6 @@ export declare const ToggleGroup: {
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -180,6 +176,10 @@ export declare const ToggleGroup: {
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -203,6 +203,18 @@ export declare const ToggleGroup: {
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -338,9 +350,10 @@ export declare const ToggleGroup: {
             hover: string;
         }, {
             colors: {
-                textForeground: any;
+                textBold: any;
+                textRegular: any;
                 textSubtle: any;
-                textPlaceholder: any;
+                textMinimal: any;
                 background: any;
                 backgroundAccent: any;
                 grey100: any;
@@ -487,11 +500,6 @@ export declare const ToggleGroup: {
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                primaryLight: any;
-                primary: any;
-                primaryMid: any;
-                primaryDark: any;
-                secondary: any;
                 brandRed: any;
                 brandRedAccent: any;
                 brandGreen: any;
@@ -500,6 +508,10 @@ export declare const ToggleGroup: {
                 brandPurpleAccent: any;
                 brandYellow: any;
                 brandYellowAccent: any;
+                infoLight: any;
+                info: any;
+                infoMid: any;
+                infoDark: any;
                 successLight: any;
                 success: any;
                 successMid: any;
@@ -523,6 +535,18 @@ export declare const ToggleGroup: {
                 glBlueLight: any;
                 glBluePrimary: any;
                 glBlueDark: any;
+                primary100: any;
+                primary200: any;
+                primary300: any;
+                primary400: any;
+                primary500: any;
+                primary600: any;
+                primary700: any;
+                primary800: any;
+                primary900: any;
+                primary1000: any;
+                primary1100: any;
+                primary1200: any;
             };
             space: {
                 "0": any;
@@ -661,9 +685,10 @@ export declare const ToggleGroup: {
             hover: string;
         }, {
             colors: {
-                textForeground: any;
+                textBold: any;
+                textRegular: any;
                 textSubtle: any;
-                textPlaceholder: any;
+                textMinimal: any;
                 background: any;
                 backgroundAccent: any;
                 grey100: any;
@@ -810,11 +835,6 @@ export declare const ToggleGroup: {
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                primaryLight: any;
-                primary: any;
-                primaryMid: any;
-                primaryDark: any;
-                secondary: any;
                 brandRed: any;
                 brandRedAccent: any;
                 brandGreen: any;
@@ -823,6 +843,10 @@ export declare const ToggleGroup: {
                 brandPurpleAccent: any;
                 brandYellow: any;
                 brandYellowAccent: any;
+                infoLight: any;
+                info: any;
+                infoMid: any;
+                infoDark: any;
                 successLight: any;
                 success: any;
                 successMid: any;
@@ -846,6 +870,18 @@ export declare const ToggleGroup: {
                 glBlueLight: any;
                 glBluePrimary: any;
                 glBlueDark: any;
+                primary100: any;
+                primary200: any;
+                primary300: any;
+                primary400: any;
+                primary500: any;
+                primary600: any;
+                primary700: any;
+                primary800: any;
+                primary900: any;
+                primary1000: any;
+                primary1100: any;
+                primary1200: any;
             };
             space: {
                 "0": any;
@@ -986,9 +1022,10 @@ export declare const ToggleGroup: {
             hover: string;
         }, {
             colors: {
-                textForeground: any;
+                textBold: any;
+                textRegular: any;
                 textSubtle: any;
-                textPlaceholder: any;
+                textMinimal: any;
                 background: any;
                 backgroundAccent: any;
                 grey100: any;
@@ -1135,11 +1172,6 @@ export declare const ToggleGroup: {
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                primaryLight: any;
-                primary: any;
-                primaryMid: any;
-                primaryDark: any;
-                secondary: any;
                 brandRed: any;
                 brandRedAccent: any;
                 brandGreen: any;
@@ -1148,6 +1180,10 @@ export declare const ToggleGroup: {
                 brandPurpleAccent: any;
                 brandYellow: any;
                 brandYellowAccent: any;
+                infoLight: any;
+                info: any;
+                infoMid: any;
+                infoDark: any;
                 successLight: any;
                 success: any;
                 successMid: any;
@@ -1171,6 +1207,18 @@ export declare const ToggleGroup: {
                 glBlueLight: any;
                 glBluePrimary: any;
                 glBlueDark: any;
+                primary100: any;
+                primary200: any;
+                primary300: any;
+                primary400: any;
+                primary500: any;
+                primary600: any;
+                primary700: any;
+                primary800: any;
+                primary900: any;
+                primary1000: any;
+                primary1100: any;
+                primary1200: any;
             };
             space: {
                 "0": any;
@@ -1310,9 +1358,10 @@ export declare const ToggleGroup: {
             hover: string;
         }, {
             colors: {
-                textForeground: any;
+                textBold: any;
+                textRegular: any;
                 textSubtle: any;
-                textPlaceholder: any;
+                textMinimal: any;
                 background: any;
                 backgroundAccent: any;
                 grey100: any;
@@ -1459,11 +1508,6 @@ export declare const ToggleGroup: {
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                primaryLight: any;
-                primary: any;
-                primaryMid: any;
-                primaryDark: any;
-                secondary: any;
                 brandRed: any;
                 brandRedAccent: any;
                 brandGreen: any;
@@ -1472,6 +1516,10 @@ export declare const ToggleGroup: {
                 brandPurpleAccent: any;
                 brandYellow: any;
                 brandYellowAccent: any;
+                infoLight: any;
+                info: any;
+                infoMid: any;
+                infoDark: any;
                 successLight: any;
                 success: any;
                 successMid: any;
@@ -1495,6 +1543,18 @@ export declare const ToggleGroup: {
                 glBlueLight: any;
                 glBluePrimary: any;
                 glBlueDark: any;
+                primary100: any;
+                primary200: any;
+                primary300: any;
+                primary400: any;
+                primary500: any;
+                primary600: any;
+                primary700: any;
+                primary800: any;
+                primary900: any;
+                primary1000: any;
+                primary1100: any;
+                primary1200: any;
             };
             space: {
                 "0": any;

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

@@ -20,9 +20,10 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -169,11 +170,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -182,6 +178,10 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -205,6 +205,18 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

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

@@ -31,9 +31,10 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -180,11 +181,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -193,6 +189,10 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -216,6 +216,18 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;

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

@@ -33,9 +33,10 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
         hover: string;
     }, {
         colors: {
-            textForeground: any;
+            textBold: any;
+            textRegular: any;
             textSubtle: any;
-            textPlaceholder: any;
+            textMinimal: any;
             background: any;
             backgroundAccent: any;
             grey100: any;
@@ -182,11 +183,6 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            primaryLight: any;
-            primary: any;
-            primaryMid: any;
-            primaryDark: any;
-            secondary: any;
             brandRed: any;
             brandRedAccent: any;
             brandGreen: any;
@@ -195,6 +191,10 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
             brandPurpleAccent: any;
             brandYellow: any;
             brandYellowAccent: any;
+            infoLight: any;
+            info: any;
+            infoMid: any;
+            infoDark: any;
             successLight: any;
             success: any;
             successMid: any;
@@ -218,6 +218,18 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
             glBlueLight: any;
             glBluePrimary: any;
             glBlueDark: any;
+            primary100: any;
+            primary200: any;
+            primary300: any;
+            primary400: any;
+            primary500: any;
+            primary600: any;
+            primary700: any;
+            primary800: any;
+            primary900: any;
+            primary1000: any;
+            primary1100: any;
+            primary1200: any;
         };
         space: {
             "0": any;
@@ -354,9 +366,10 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -503,11 +516,6 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -516,6 +524,10 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -539,6 +551,18 @@ export declare const TopBarBrandName: import("@stitches/react/types/styled-compo
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;
@@ -673,9 +697,10 @@ export declare const TopBarBrand: import("@stitches/react/types/styled-component
     hover: string;
 }, {
     colors: {
-        textForeground: any;
+        textBold: any;
+        textRegular: any;
         textSubtle: any;
-        textPlaceholder: any;
+        textMinimal: any;
         background: any;
         backgroundAccent: any;
         grey100: any;
@@ -822,11 +847,6 @@ export declare const TopBarBrand: import("@stitches/react/types/styled-component
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
         brandRed: any;
         brandRedAccent: any;
         brandGreen: any;
@@ -835,6 +855,10 @@ export declare const TopBarBrand: import("@stitches/react/types/styled-component
         brandPurpleAccent: any;
         brandYellow: any;
         brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
         successLight: any;
         success: any;
         successMid: any;
@@ -858,6 +882,18 @@ export declare const TopBarBrand: import("@stitches/react/types/styled-component
         glBlueLight: any;
         glBluePrimary: any;
         glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
     };
     space: {
         "0": any;