From 0c17a82cbb188e7fc4f8f59df55ba0cc31c5cefd Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Tue, 20 Jul 2021 16:57:39 +0300
Subject: [PATCH 1/7] feature: toast link support

---
 package.json                                  |  2 +-
 src/components/Toast/Toast.jsx                |  1 +
 src/components/Toast/ToastButton.jsx          | 33 +++++++
 src/components/Toast/ToastLink.jsx            | 25 +++++
 src/components/Toast/ToastLink.scss           |  9 ++
 .../Toast/__stories__/toast.stories.js        | 94 ++++++++++++++-----
 6 files changed, 141 insertions(+), 23 deletions(-)
 create mode 100644 src/components/Toast/ToastButton.jsx
 create mode 100644 src/components/Toast/ToastLink.jsx
 create mode 100644 src/components/Toast/ToastLink.scss

diff --git a/package.json b/package.json
index e83309c48e..5b13be633f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.3.57",
+  "version": "0.3.58",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {
diff --git a/src/components/Toast/Toast.jsx b/src/components/Toast/Toast.jsx
index 3abac153c1..9d91f22c3c 100644
--- a/src/components/Toast/Toast.jsx
+++ b/src/components/Toast/Toast.jsx
@@ -45,6 +45,7 @@ const Toast = ({ open, autoHideDuration, type, icon, hideIcon, action, children,
   const timerAutoHide = useRef();
   const setAutoHideTimer = useCallback(
     duration => {
+      debugger;
       if (!onClose || duration == null) {
         return;
       }
diff --git a/src/components/Toast/ToastButton.jsx b/src/components/Toast/ToastButton.jsx
new file mode 100644
index 0000000000..ca9861df04
--- /dev/null
+++ b/src/components/Toast/ToastButton.jsx
@@ -0,0 +1,33 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import React from "react";
+import cx from "classnames";
+import Button from "../Button/Button";
+
+const ToastButton = ({ className, ...buttonProps }) => {
+  return (
+    <Button
+      {...buttonProps}
+      className={cx("monday-style-toast_button", className)}
+      size={Button.sizes.SMALL}
+      color={Button.colors.ON_PRIMARY_COLOR}
+    />
+  );
+};
+
+// eslint-disable-next-line no-unused-vars
+const { size: _sizePropsType, ...buttonPropsTypes } = Button.propTypes;
+ToastButton.propTypes = {
+  ...buttonPropsTypes
+};
+
+// eslint-disable-next-line no-unused-vars
+const { size: _sizeDefaultProp, ...linkDefaultPropTypes } = Button.defaultProps;
+ToastButton.defaultProps = {
+  ...linkDefaultPropTypes,
+  size: Button.sizes.SMALL,
+  kind: Button.kinds.TERTIARY,
+  marginLeft: false,
+  isDarkBackground: false
+};
+
+export default ToastButton;
diff --git a/src/components/Toast/ToastLink.jsx b/src/components/Toast/ToastLink.jsx
new file mode 100644
index 0000000000..29bdda69fb
--- /dev/null
+++ b/src/components/Toast/ToastLink.jsx
@@ -0,0 +1,25 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import React from "react";
+import cx from "classnames";
+import Link from "../Link/Link";
+import "./ToastLink.scss";
+
+const ToastLink = ({ className, ...linkProps }) => {
+  const classNames = cx("monday-style-toast_link", className);
+
+  return <Link {...linkProps} componentClassName={classNames} />;
+};
+
+// eslint-disable-next-line no-unused-vars
+const { componentClassName: _componentClassNamePropsType, ...linkPropsTypes } = Link.propTypes;
+ToastLink.propTypes = {
+  ...linkPropsTypes
+};
+
+// eslint-disable-next-line no-unused-vars
+const { componentClassName: _componentClassNameDefaultProp, ...linkDefaultPropTypes } = Link.defaultProps;
+ToastLink.defaultProps = {
+  ...linkDefaultPropTypes
+};
+
+export default ToastLink;
diff --git a/src/components/Toast/ToastLink.scss b/src/components/Toast/ToastLink.scss
new file mode 100644
index 0000000000..9ebd043ef2
--- /dev/null
+++ b/src/components/Toast/ToastLink.scss
@@ -0,0 +1,9 @@
+@import "../../styles/global-css-settings.scss";
+@import "../../styles/themes.scss";
+
+.monday-style-toast_link {
+  @include theme-prop(color, text-color-on-primary);
+  text-decoration: underline;
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
\ No newline at end of file
diff --git a/src/components/Toast/__stories__/toast.stories.js b/src/components/Toast/__stories__/toast.stories.js
index 7c13e4df98..866f9b0ed9 100644
--- a/src/components/Toast/__stories__/toast.stories.js
+++ b/src/components/Toast/__stories__/toast.stories.js
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { number, select, boolean } from "@storybook/addon-knobs";
 import { TOAST_TYPES } from "../ToastConstants";
 import Toast from "../Toast";
@@ -6,6 +6,8 @@ import Button from "../../Button/Button";
 import Icon from "../../Icon/Icon";
 import Send from "../../Icon/Icons/components/Send";
 import { StoryStateColumn, StoryStateRow } from "../../storybook-helpers";
+import ToastButton from "../ToastButton";
+import ToastLink from "../ToastLink";
 
 export const Toasts = () => {
   const sendIconElement = (
@@ -27,35 +29,83 @@ export const Toasts = () => {
     hideIcon: boolean("hideIcon", false)
   };
   const [toastOpen, setToastOpen] = useState(false);
+  const [toastOpenButton, setToastOpenButton] = useState(false);
+  const [toastOpenLink, setToastOpenLink] = useState(false);
+  const [toastOpenLinkButton, setToastOpenLinkButton] = useState(false);
+
   const toggleToast = () => setToastOpen(open => !open);
   const closeToast = () => setToastOpen(false);
+  const toggleToastButton = () => setToastOpenButton(open => !open);
+  const closeToastButton = () => setToastOpenButton(false);
+  const toggleToastLink = () => setToastOpenLink(open => !open);
+  const closeToastLink = () => setToastOpenLink(false);
+  const toggleToastLinkButton = () => setToastOpenLinkButton(open => !open);
+  const closeToastLinkButton = () => setToastOpenLinkButton(false);
   let icon = knobs.icon;
   if (knobs.icon === "send") {
     icon = sendIconElement;
   }
   return (
     <section>
-      <StoryStateRow>
-        <StoryStateColumn>
-          <Button onClick={() => toggleToast()}>Toggle Toast!</Button>
-          <Toast
-            open={toastOpen}
-            onClose={() => closeToast()}
-            action={
-              <Button size={Button.sizes.SMALL} kind={Button.kinds.SECONDARY} color={Button.colors.ON_PRIMARY_COLOR}>
-                Undo 5
-              </Button>
-            }
-            type={knobs.type}
-            icon={icon}
-            closeable={knobs.closeable}
-            autoHideDuration={knobs.autoHideDuration}
-            hideIcon={knobs.hideIcon}
-          >
-            Something Happened
-          </Toast>
-        </StoryStateColumn>
-      </StoryStateRow>
+      <StoryStateColumn>
+        <Button onClick={() => toggleToast()}>Toggle Toast!</Button>
+        <Toast
+          open={toastOpen}
+          onClose={() => closeToast()}
+          type={knobs.type}
+          icon={icon}
+          closeable={knobs.closeable}
+          autoHideDuration={knobs.autoHideDuration}
+          hideIcon={knobs.hideIcon}
+        >
+          Something Happened
+        </Toast>
+      </StoryStateColumn>
+      <StoryStateColumn>
+        <Button onClick={() => toggleToastButton()}>Toggle toast with button!</Button>
+        <Toast
+          open={toastOpenButton}
+          onClose={() => closeToastButton()}
+          action={<ToastButton>Undo 5</ToastButton>}
+          type={knobs.type}
+          icon={icon}
+          closeable={knobs.closeable}
+          autoHideDuration={knobs.autoHideDuration}
+          hideIcon={knobs.hideIcon}
+        >
+          Something Happened
+        </Toast>
+      </StoryStateColumn>
+      <StoryStateColumn>
+        <Button onClick={() => toggleToastLink()}>Toggle Toast with link!</Button>
+        <Toast
+          open={toastOpenLink}
+          onClose={() => closeToastLink()}
+          action={<ToastLink text="Lorem ipsum" href="https://monday.com" />}
+          type={knobs.type}
+          icon={icon}
+          closeable={knobs.closeable}
+          autoHideDuration={knobs.autoHideDuration}
+          hideIcon={knobs.hideIcon}
+        >
+          Something Happened
+        </Toast>
+      </StoryStateColumn>
+      <StoryStateColumn>
+        <Button onClick={() => toggleToastLinkButton()}>Toggle Toast with link and button!</Button>
+        <Toast
+          open={toastOpenLinkButton}
+          onClose={() => closeToastLinkButton()}
+          action={[<ToastLink text="Lorem ipsum" href="https://monday.com" />, <ToastButton>Undo 5</ToastButton>]}
+          type={knobs.type}
+          icon={icon}
+          closeable={knobs.closeable}
+          autoHideDuration={knobs.autoHideDuration}
+          hideIcon={knobs.hideIcon}
+        >
+          Something Happened
+        </Toast>
+      </StoryStateColumn>
     </section>
   );
 };

From 763bf9d8fb56f34ad042302da6d1f5c31c48a60d Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 09:10:49 +0300
Subject: [PATCH 2/7] feature: toast link supportnand combo link& button
 support

---
 src/components/Toast/Toast.scss      | 8 +++++++-
 src/components/Toast/ToastButton.jsx | 4 ++--
 src/components/Toast/ToastLink.jsx   | 2 +-
 src/components/Toast/ToastLink.scss  | 2 +-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Toast/Toast.scss b/src/components/Toast/Toast.scss
index b5d68bf037..10db4f5d3d 100644
--- a/src/components/Toast/Toast.scss
+++ b/src/components/Toast/Toast.scss
@@ -15,7 +15,7 @@
   padding: $spacing-small;
   align-items: center;
   display: flex;
-  min-width: 390px;
+  min-width: 200px;
   border-radius: $border-radius-small;
 
   &-icon {
@@ -36,6 +36,12 @@
   &-action {
     padding-right: $spacing-small;
     margin-left: $spacing-large;
+    display: flex;
+    &_button, &_link {
+      &:not(:first-child) {
+        margin-left: $spacing-medium;
+      }
+    }
   }
 
   &--type {
diff --git a/src/components/Toast/ToastButton.jsx b/src/components/Toast/ToastButton.jsx
index ca9861df04..355ab0b45b 100644
--- a/src/components/Toast/ToastButton.jsx
+++ b/src/components/Toast/ToastButton.jsx
@@ -7,7 +7,7 @@ const ToastButton = ({ className, ...buttonProps }) => {
   return (
     <Button
       {...buttonProps}
-      className={cx("monday-style-toast_button", className)}
+      className={cx("monday-style-toast-action_button", className)}
       size={Button.sizes.SMALL}
       color={Button.colors.ON_PRIMARY_COLOR}
     />
@@ -25,7 +25,7 @@ const { size: _sizeDefaultProp, ...linkDefaultPropTypes } = Button.defaultProps;
 ToastButton.defaultProps = {
   ...linkDefaultPropTypes,
   size: Button.sizes.SMALL,
-  kind: Button.kinds.TERTIARY,
+  kind: Button.kinds.SECONDARY,
   marginLeft: false,
   isDarkBackground: false
 };
diff --git a/src/components/Toast/ToastLink.jsx b/src/components/Toast/ToastLink.jsx
index 29bdda69fb..d6e1340a8f 100644
--- a/src/components/Toast/ToastLink.jsx
+++ b/src/components/Toast/ToastLink.jsx
@@ -5,7 +5,7 @@ import Link from "../Link/Link";
 import "./ToastLink.scss";
 
 const ToastLink = ({ className, ...linkProps }) => {
-  const classNames = cx("monday-style-toast_link", className);
+  const classNames = cx("monday-style-toast-action_link", className);
 
   return <Link {...linkProps} componentClassName={classNames} />;
 };
diff --git a/src/components/Toast/ToastLink.scss b/src/components/Toast/ToastLink.scss
index 9ebd043ef2..f03ce1391c 100644
--- a/src/components/Toast/ToastLink.scss
+++ b/src/components/Toast/ToastLink.scss
@@ -1,7 +1,7 @@
 @import "../../styles/global-css-settings.scss";
 @import "../../styles/themes.scss";
 
-.monday-style-toast_link {
+.monday-style-toast-action_link {
   @include theme-prop(color, text-color-on-primary);
   text-decoration: underline;
   -webkit-font-smoothing: auto;

From 556e7ac92dea9494a06af29f81d55e45106046cc Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 13:20:47 +0300
Subject: [PATCH 3/7] feature: toast link supportnand combo link& button
 support css: fix margin bugs

---
 src/components/Toast/Toast.jsx                    |  1 +
 src/components/Toast/Toast.scss                   | 12 +++++++-----
 src/components/Toast/__stories__/toast.stories.js |  5 +++--
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/Toast/Toast.jsx b/src/components/Toast/Toast.jsx
index 05237ea9df..3ec0d5a4ff 100644
--- a/src/components/Toast/Toast.jsx
+++ b/src/components/Toast/Toast.jsx
@@ -81,6 +81,7 @@ const Toast = ({ open, autoHideDuration, type, icon, hideIcon, action, children,
         {action && <div className="monday-style-toast-action">{action}</div>}
         {closeable && (
           <Button
+            className="monday-style-toast_close-button"
             onClick={handleClose}
             size={Button.sizes.SMALL}
             kind={Button.kinds.TERTIARY}
diff --git a/src/components/Toast/Toast.scss b/src/components/Toast/Toast.scss
index 10db4f5d3d..a7c4cbe62a 100644
--- a/src/components/Toast/Toast.scss
+++ b/src/components/Toast/Toast.scss
@@ -25,6 +25,7 @@
   }
 
   &-content {
+    display: inline-flex;
     line-height: 22px;
     font-size: 14px;
     flex-grow: 1;
@@ -34,13 +35,10 @@
   }
 
   &-action {
-    padding-right: $spacing-small;
-    margin-left: $spacing-large;
+    margin-left: $spacing-medium;
     display: flex;
     &_button, &_link {
-      &:not(:first-child) {
-        margin-left: $spacing-medium;
-      }
+      margin-left: $spacing-small;
     }
   }
 
@@ -72,6 +70,10 @@
       animation-name: toast-pop-out;
     }
   }
+
+  &_close-button {
+    margin-left: $spacing-small;
+  }
 }
 
 @keyframes toast-pop-in {
diff --git a/src/components/Toast/__stories__/toast.stories.js b/src/components/Toast/__stories__/toast.stories.js
index 67c316bfe4..da6df2b35a 100644
--- a/src/components/Toast/__stories__/toast.stories.js
+++ b/src/components/Toast/__stories__/toast.stories.js
@@ -81,7 +81,6 @@ export const Sandbox = () => {
         <Toast
           open={toastOpenLink}
           onClose={() => closeToastLink()}
-          action={<ToastLink text="Lorem ipsum" href="https://monday.com" />}
           type={knobs.type}
           icon={icon}
           closeable={knobs.closeable}
@@ -89,6 +88,7 @@ export const Sandbox = () => {
           hideIcon={knobs.hideIcon}
         >
           Something Happened
+          <ToastLink text="Lorem ipsum" href="https://monday.com" />
         </Toast>
       </StoryStateColumn>
       <StoryStateColumn>
@@ -96,7 +96,7 @@ export const Sandbox = () => {
         <Toast
           open={toastOpenLinkButton}
           onClose={() => closeToastLinkButton()}
-          action={[<ToastLink text="Lorem ipsum" href="https://monday.com" />, <ToastButton>Undo 5</ToastButton>]}
+          action={<ToastButton>Undo 5</ToastButton>}
           type={knobs.type}
           icon={icon}
           closeable={knobs.closeable}
@@ -104,6 +104,7 @@ export const Sandbox = () => {
           hideIcon={knobs.hideIcon}
         >
           Something Happened
+          <ToastLink text="Lorem ipsum" href="https://monday.com" />
         </Toast>
       </StoryStateColumn>
     </section>

From ff678d84b92cfb308e82d57be273e367b60ddd95 Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 13:43:50 +0300
Subject: [PATCH 4/7] feature: support toast links

---
 package.json                                           | 2 +-
 src/components/Toast/{ => ToastButton}/ToastButton.jsx | 2 +-
 src/components/Toast/{ => ToastLink}/ToastLink.jsx     | 2 +-
 src/components/Toast/{ => ToastLink}/ToastLink.scss    | 4 ++--
 src/components/Toast/__stories__/toast.stories.js      | 4 ++--
 src/published-components.js                            | 2 ++
 6 files changed, 9 insertions(+), 7 deletions(-)
 rename src/components/Toast/{ => ToastButton}/ToastButton.jsx (95%)
 rename src/components/Toast/{ => ToastLink}/ToastLink.jsx (95%)
 rename src/components/Toast/{ => ToastLink}/ToastLink.scss (66%)

diff --git a/package.json b/package.json
index 5b13be633f..c82737b9c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.3.58",
+  "version": "0.3.59",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {
diff --git a/src/components/Toast/ToastButton.jsx b/src/components/Toast/ToastButton/ToastButton.jsx
similarity index 95%
rename from src/components/Toast/ToastButton.jsx
rename to src/components/Toast/ToastButton/ToastButton.jsx
index 355ab0b45b..d5d16e8bca 100644
--- a/src/components/Toast/ToastButton.jsx
+++ b/src/components/Toast/ToastButton/ToastButton.jsx
@@ -1,7 +1,7 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import React from "react";
 import cx from "classnames";
-import Button from "../Button/Button";
+import Button from "../../Button/Button";
 
 const ToastButton = ({ className, ...buttonProps }) => {
   return (
diff --git a/src/components/Toast/ToastLink.jsx b/src/components/Toast/ToastLink/ToastLink.jsx
similarity index 95%
rename from src/components/Toast/ToastLink.jsx
rename to src/components/Toast/ToastLink/ToastLink.jsx
index d6e1340a8f..cd3dcf3259 100644
--- a/src/components/Toast/ToastLink.jsx
+++ b/src/components/Toast/ToastLink/ToastLink.jsx
@@ -1,7 +1,7 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import React from "react";
 import cx from "classnames";
-import Link from "../Link/Link";
+import Link from "../../Link/Link";
 import "./ToastLink.scss";
 
 const ToastLink = ({ className, ...linkProps }) => {
diff --git a/src/components/Toast/ToastLink.scss b/src/components/Toast/ToastLink/ToastLink.scss
similarity index 66%
rename from src/components/Toast/ToastLink.scss
rename to src/components/Toast/ToastLink/ToastLink.scss
index f03ce1391c..6caaf66b48 100644
--- a/src/components/Toast/ToastLink.scss
+++ b/src/components/Toast/ToastLink/ToastLink.scss
@@ -1,5 +1,5 @@
-@import "../../styles/global-css-settings.scss";
-@import "../../styles/themes.scss";
+@import "../../../styles/global-css-settings.scss";
+@import "../../../styles/themes.scss";
 
 .monday-style-toast-action_link {
   @include theme-prop(color, text-color-on-primary);
diff --git a/src/components/Toast/__stories__/toast.stories.js b/src/components/Toast/__stories__/toast.stories.js
index da6df2b35a..6a8ada558f 100644
--- a/src/components/Toast/__stories__/toast.stories.js
+++ b/src/components/Toast/__stories__/toast.stories.js
@@ -5,8 +5,8 @@ import Button from "../../Button/Button";
 import Icon from "../../Icon/Icon";
 import Send from "../../Icon/Icons/components/Send";
 import { StoryStateColumn, StoryStateRow } from "../../storybook-helpers";
-import ToastButton from "../ToastButton";
-import ToastLink from "../ToastLink";
+import ToastButton from "../ToastButton/ToastButton";
+import ToastLink from "../ToastLink/ToastLink";
 
 export const Sandbox = () => {
   const sendIconElement = (
diff --git a/src/published-components.js b/src/published-components.js
index 4828b48eaf..e10a9dc909 100644
--- a/src/published-components.js
+++ b/src/published-components.js
@@ -41,6 +41,8 @@ const publishedComponents = {
   Search: "/src/components/Search/Search.jsx",
   TextField: "/src/components/TextField/TextField.jsx",
   Toast: "/src/components/Toast/Toast.jsx",
+  ToastButton: "/src/components/Toast/ToastButton/ToastButton.jsx",
+  ToastLink: "/src/components/Toast/ToastLink/ToastLink.jsx",
   Tooltip: "/src/components/Tooltip/Tooltip.jsx",
   Button: "/src/components/Button/Button.jsx",
   Loader: "/src/components/Loader/Loader.jsx",

From a0e967dbb3c0909bbe40a091f2df7d6b7fe9e49a Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 13:44:31 +0300
Subject: [PATCH 5/7] chore: undo debugger;

---
 src/components/Toast/Toast.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Toast/Toast.jsx b/src/components/Toast/Toast.jsx
index 3ec0d5a4ff..674fbdda38 100644
--- a/src/components/Toast/Toast.jsx
+++ b/src/components/Toast/Toast.jsx
@@ -44,7 +44,6 @@ const Toast = ({ open, autoHideDuration, type, icon, hideIcon, action, children,
   const timerAutoHide = useRef();
   const setAutoHideTimer = useCallback(
     duration => {
-      debugger;
       if (!onClose || duration == null) {
         return;
       }

From 803363269cb8283059595ff13c24213e6cc25651 Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 13:47:12 +0300
Subject: [PATCH 6/7] style: space fix

---
 src/components/Toast/ToastLink/ToastLink.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Toast/ToastLink/ToastLink.jsx b/src/components/Toast/ToastLink/ToastLink.jsx
index cd3dcf3259..8b2d530015 100644
--- a/src/components/Toast/ToastLink/ToastLink.jsx
+++ b/src/components/Toast/ToastLink/ToastLink.jsx
@@ -6,7 +6,6 @@ import "./ToastLink.scss";
 
 const ToastLink = ({ className, ...linkProps }) => {
   const classNames = cx("monday-style-toast-action_link", className);
-
   return <Link {...linkProps} componentClassName={classNames} />;
 };
 

From 355a516b30d595be4f1138dd0417948317960d0d Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Wed, 21 Jul 2021 15:07:05 +0300
Subject: [PATCH 7/7] add components to index

---
 src/components/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/index.js b/src/components/index.js
index cc3416d7f3..ff0918fafa 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -30,6 +30,8 @@ export { default as Checkbox } from "./Checkbox/Checkbox";
 export { default as DialogContentContainer } from "./DialogContentContainer/DialogContentContainer";
 export { default as Dropdown } from "./Dropdown/Dropdown";
 export { default as Toast } from "./Toast/Toast";
+export { default as ToastButton } from "./Toast/ToastButton/ToastButton";
+export { default as ToastLink } from "./Toast/ToastLink/ToastLink";
 export { default as Banner } from "./Banner/Banner";
 export { default as ButtonGroup } from "./ButtonGroup/ButtonGroup";