@atom-learning/components 5.14.4 → 5.15.0

package/CHANGELOG.md

@@ -1,12 +1,9 @@
-## [5.14.4](https://github.com/Atom-Learning/components/compare/v5.14.3...v5.14.4) (2026-01-27)
+# [5.15.0](https://github.com/Atom-Learning/components/compare/v5.14.5...v5.15.0) (2026-01-28)
 
 
-### Bug Fixes
+### Features
 
-* bad indentation on md ([9fc3fcb](https://github.com/Atom-Learning/components/commit/9fc3fcb6bec64b2e9903f79ebd79a6c415ec1c65))
-* badge doc ([4c75c0b](https://github.com/Atom-Learning/components/commit/4c75c0b94dd57a940f065026a443d399b74c399d))
-* doc for banner slim ([260bfe6](https://github.com/Atom-Learning/components/commit/260bfe67d7807372cfaec2c9e037cee8fd9f1f7d))
-* update banner regular ([c697f84](https://github.com/Atom-Learning/components/commit/c697f84e11fde06213d7d93ad81e5fbd86f3ca96))
+* replace placekitten, updated box, button, toast docs ([70c282f](https://github.com/Atom-Learning/components/commit/70c282f4f5fda73cc10450c325b43a52b927c4ad))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/accordion/Accordion.d.ts

@@ -206,6 +206,18 @@ declare const StyledRoot: import("@atom-learning/stitches-react/types/styled-com
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/accordion/AccordionContent.d.ts

@@ -203,6 +203,18 @@ declare const StyledContent: import("@atom-learning/stitches-react/types/styled-
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/accordion/AccordionItem.d.ts

@@ -203,6 +203,18 @@ export declare const AccordionItem: import("@atom-learning/stitches-react/types/
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -206,6 +206,18 @@ declare const StyledTrigger: import("@atom-learning/stitches-react/types/styled-
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/action-icon/ActionIcon.d.ts

@@ -212,6 +212,18 @@ declare const StyledButton: import("@atom-learning/stitches-react/types/styled-c
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/alert-dialog/AlertDialog.d.ts

@@ -203,6 +203,18 @@ export declare const AlertDialog: import("@atom-learning/stitches-react/types/st
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -579,6 +591,18 @@ export declare const AlertDialog: import("@atom-learning/stitches-react/types/st
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;

package/dist/components/alert-dialog/AlertDialogContent.d.ts

@@ -205,6 +205,18 @@ declare const StyledAlertDialogContent: import("@atom-learning/stitches-react/ty
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/avatar/Avatar.d.ts

@@ -205,6 +205,18 @@ declare const StyledDiv: import("@atom-learning/stitches-react/types/styled-comp
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -577,6 +589,18 @@ declare const StyledButton: import("@atom-learning/stitches-react/types/styled-c
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/badge/Badge.d.ts

@@ -211,6 +211,18 @@ declare const StyledBadge: import("@atom-learning/stitches-react/types/styled-co
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -585,6 +597,18 @@ declare const StyledBadge: import("@atom-learning/stitches-react/types/styled-co
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -965,6 +989,18 @@ export declare const Badge: React.ForwardRefExoticComponent<TBadgeProps> & {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -1338,6 +1374,18 @@ export declare const Badge: React.ForwardRefExoticComponent<TBadgeProps> & {
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -1716,6 +1764,18 @@ export declare const Badge: React.ForwardRefExoticComponent<TBadgeProps> & {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -2091,6 +2151,18 @@ export declare const Badge: React.ForwardRefExoticComponent<TBadgeProps> & {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;

package/dist/components/badge/BadgeIcon.d.ts

@@ -208,6 +208,18 @@ declare const StyledBadgeIcon: import("@atom-learning/stitches-react/types/style
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -581,6 +593,18 @@ declare const StyledBadgeIcon: import("@atom-learning/stitches-react/types/style
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/badge/BadgeText.d.ts

@@ -211,6 +211,18 @@ declare const StyledBadgeText: import("@atom-learning/stitches-react/types/style
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -585,6 +597,18 @@ declare const StyledBadgeText: import("@atom-learning/stitches-react/types/style
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/banner/BannerContainer.d.ts

@@ -211,6 +211,18 @@ declare const StyledBannerContainer: import("@atom-learning/stitches-react/types
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -583,6 +595,18 @@ declare const StyledBannerContainer: import("@atom-learning/stitches-react/types
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/banner/banner-regular/BannerRegular.d.ts

@@ -209,6 +209,18 @@ export declare const BannerRegular: {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -580,6 +592,18 @@ export declare const BannerRegular: {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -993,6 +1017,18 @@ export declare const BannerRegular: {
                     marsh1000: string;
                     marsh1100: string;
                     marsh1200: string;
+                    coolGrey100: string;
+                    coolGrey200: string;
+                    coolGrey300: string;
+                    coolGrey400: string;
+                    coolGrey500: string;
+                    coolGrey600: string;
+                    coolGrey700: string;
+                    coolGrey800: string;
+                    coolGrey900: string;
+                    coolGrey1000: string;
+                    coolGrey1100: string;
+                    coolGrey1200: string;
                     alpha100: string;
                     alpha150: string;
                     alpha200: string;
@@ -1649,6 +1685,18 @@ export declare const BannerRegular: {
                         marsh1000: string;
                         marsh1100: string;
                         marsh1200: string;
+                        coolGrey100: string;
+                        coolGrey200: string;
+                        coolGrey300: string;
+                        coolGrey400: string;
+                        coolGrey500: string;
+                        coolGrey600: string;
+                        coolGrey700: string;
+                        coolGrey800: string;
+                        coolGrey900: string;
+                        coolGrey1000: string;
+                        coolGrey1100: string;
+                        coolGrey1200: string;
                         alpha100: string;
                         alpha150: string;
                         alpha200: string;

package/dist/components/banner/banner-regular/BannerRegularContent.d.ts

@@ -203,6 +203,18 @@ declare const Container: import("@atom-learning/stitches-react/types/styled-comp
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;
@@ -574,6 +586,18 @@ declare const Container: import("@atom-learning/stitches-react/types/styled-comp
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts

@@ -211,6 +211,18 @@ declare const StyledDismiss: import("@atom-learning/stitches-react/types/styled-
             marsh1000: string;
             marsh1100: string;
             marsh1200: string;
+            coolGrey100: string;
+            coolGrey200: string;
+            coolGrey300: string;
+            coolGrey400: string;
+            coolGrey500: string;
+            coolGrey600: string;
+            coolGrey700: string;
+            coolGrey800: string;
+            coolGrey900: string;
+            coolGrey1000: string;
+            coolGrey1100: string;
+            coolGrey1200: string;
             alpha100: string;
             alpha150: string;
             alpha200: string;
@@ -598,6 +610,18 @@ declare const StyledDismiss: import("@atom-learning/stitches-react/types/styled-
         marsh1000: string;
         marsh1100: string;
         marsh1200: string;
+        coolGrey100: string;
+        coolGrey200: string;
+        coolGrey300: string;
+        coolGrey400: string;
+        coolGrey500: string;
+        coolGrey600: string;
+        coolGrey700: string;
+        coolGrey800: string;
+        coolGrey900: string;
+        coolGrey1000: string;
+        coolGrey1100: string;
+        coolGrey1200: string;
         alpha100: string;
         alpha150: string;
         alpha200: string;

package/dist/components/banner/banner-slim/BannerSlim.d.ts

@@ -216,6 +216,18 @@ export declare const BannerSlim: {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -585,6 +597,18 @@ export declare const BannerSlim: {
                 marsh1000: string;
                 marsh1100: string;
                 marsh1200: string;
+                coolGrey100: string;
+                coolGrey200: string;
+                coolGrey300: string;
+                coolGrey400: string;
+                coolGrey500: string;
+                coolGrey600: string;
+                coolGrey700: string;
+                coolGrey800: string;
+                coolGrey900: string;
+                coolGrey1000: string;
+                coolGrey1100: string;
+                coolGrey1200: string;
                 alpha100: string;
                 alpha150: string;
                 alpha200: string;
@@ -990,6 +1014,18 @@ export declare const BannerSlim: {
                     marsh1000: string;
                     marsh1100: string;
                     marsh1200: string;
+                    coolGrey100: string;
+                    coolGrey200: string;
+                    coolGrey300: string;
+                    coolGrey400: string;
+                    coolGrey500: string;
+                    coolGrey600: string;
+                    coolGrey700: string;
+                    coolGrey800: string;
+                    coolGrey900: string;
+                    coolGrey1000: string;
+                    coolGrey1100: string;
+                    coolGrey1200: string;
                     alpha100: string;
                     alpha150: string;
                     alpha200: string;
@@ -1646,6 +1682,18 @@ export declare const BannerSlim: {
                         marsh1000: string;
                         marsh1100: string;
                         marsh1200: string;
+                        coolGrey100: string;
+                        coolGrey200: string;
+                        coolGrey300: string;
+                        coolGrey400: string;
+                        coolGrey500: string;
+                        coolGrey600: string;
+                        coolGrey700: string;
+                        coolGrey800: string;
+                        coolGrey900: string;
+                        coolGrey1000: string;
+                        coolGrey1100: string;
+                        coolGrey1200: string;
                         alpha100: string;
                         alpha150: string;
                         alpha200: string;