@activecollab/components 1.0.91 → 1.0.94

package/dist/index.js

@@ -314,7 +314,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$X = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$Y = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Button component
@@ -328,7 +328,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$X);
+        args = _objectWithoutProperties(_ref, _excluded$Y);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$1, _extends({
       disabled: disabled,
@@ -381,12 +381,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
 
-  var _excluded$W = ["className", "disabled"];
+  var _excluded$X = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$W);
+        rest = _objectWithoutProperties(_ref, _excluded$X);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
@@ -419,11 +419,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$V = ["children", "className"];
+  var _excluded$W = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$V);
+        rest = _objectWithoutProperties(_ref, _excluded$W);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
@@ -449,7 +449,7 @@
     }, [refA, refB]);
   }
 
-  var _excluded$U = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
+  var _excluded$V = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         anchorEl = _ref.anchorEl,
@@ -462,7 +462,7 @@
         initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
         _ref$strategy = _ref.strategy,
         strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
-        rest = _objectWithoutProperties(_ref, _excluded$U);
+        rest = _objectWithoutProperties(_ref, _excluded$V);
 
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -642,11 +642,11 @@
     house: 1000
   };
 
-  var _excluded$T = ["children"];
+  var _excluded$U = ["children"];
 
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$T);
+        props = _objectWithoutProperties(_ref, _excluded$U);
 
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
@@ -910,7 +910,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$S = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$T = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -941,7 +941,7 @@
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         className = _ref.className,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$S);
+        props = _objectWithoutProperties(_ref, _excluded$T);
 
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
@@ -965,12 +965,12 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$R = ["weight", "children"];
+  var _excluded$S = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$R);
+        props = _objectWithoutProperties(_ref, _excluded$S);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
@@ -1011,7 +1011,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 
-  var _excluded$Q = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+  var _excluded$R = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
         icon = _ref.icon,
@@ -1021,7 +1021,7 @@
         tooltipText = _ref.tooltipText,
         onClearAll = _ref.onClearAll,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$Q);
+        args = _objectWithoutProperties(_ref, _excluded$R);
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames__default["default"]("tw-flex ac-font box-sizing", className)
@@ -1359,7 +1359,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
 
-  var _excluded$P = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$Q = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
         onChange = _ref.onChange,
@@ -1381,7 +1381,7 @@
         _ref$fixedWeeks = _ref.fixedWeeks,
         fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
         defaultModifiers = _ref.modifiers,
-        rest = _objectWithoutProperties(_ref, _excluded$P);
+        rest = _objectWithoutProperties(_ref, _excluded$Q);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1726,12 +1726,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$O = ["className", "disableBackgroundColor"];
+  var _excluded$P = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
         _ref$disableBackgroun = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-        rest = _objectWithoutProperties(_ref, _excluded$O);
+        rest = _objectWithoutProperties(_ref, _excluded$P);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
@@ -1746,7 +1746,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
-  var _excluded$N = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
+  var _excluded$O = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -1763,7 +1763,7 @@
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
         onClick = _ref.onClick,
-        rest = _objectWithoutProperties(_ref, _excluded$N);
+        rest = _objectWithoutProperties(_ref, _excluded$O);
 
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
@@ -1837,7 +1837,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$M = ["children", "className", "innerRef", "style"];
+  var _excluded$N = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -1845,7 +1845,7 @@
         innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        rest = _objectWithoutProperties(_ref, _excluded$M);
+        rest = _objectWithoutProperties(_ref, _excluded$N);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
@@ -1992,13 +1992,13 @@
   };
   Menu.displayName = "Menu";
 
-  var _excluded$L = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$M = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
         className = _ref.className,
         leftElement = _ref.leftElement,
         rightElement = _ref.rightElement,
-        props = _objectWithoutProperties(_ref, _excluded$L);
+        props = _objectWithoutProperties(_ref, _excluded$M);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
@@ -2021,11 +2021,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$K = ["children", "className"];
+  var _excluded$L = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$K);
+        props = _objectWithoutProperties(_ref, _excluded$L);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
@@ -2697,7 +2697,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$J = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
+  var _excluded$K = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
   exports.SortDirection = void 0;
 
   (function (SortDirection) {
@@ -2747,7 +2747,7 @@
     } : _ref$groupHead,
         isCollapsible = _ref.isCollapsible,
         emptyValue = _ref.emptyValue,
-        args = _objectWithoutProperties(_ref, _excluded$J);
+        args = _objectWithoutProperties(_ref, _excluded$K);
 
     var _useState = React.useState(sortDirection),
         _useState2 = _slicedToArray(_useState, 2),
@@ -3161,7 +3161,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$I = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$J = ["children", "className", "type", "hover", "useOptimizedShadow"];
 
   /**
    * This is a component description and should sit directly above your component
@@ -3175,7 +3175,7 @@
         hover = _ref$hover === void 0 ? false : _ref$hover,
         _ref$useOptimizedShad = _ref.useOptimizedShadow,
         useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-        rest = _objectWithoutProperties(_ref, _excluded$I);
+        rest = _objectWithoutProperties(_ref, _excluded$J);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
@@ -3229,7 +3229,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$H = ["children", "className", "hoverable", "paperType"];
+  var _excluded$I = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -3237,7 +3237,7 @@
         hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
         _ref$paperType = _ref.paperType,
         paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-        rest = _objectWithoutProperties(_ref, _excluded$H);
+        rest = _objectWithoutProperties(_ref, _excluded$I);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
@@ -3319,12 +3319,12 @@
   });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded$G = ["weight", "children"];
+  var _excluded$H = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$G);
+        props = _objectWithoutProperties(_ref, _excluded$H);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -3334,12 +3334,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$F = ["weight", "children"];
+  var _excluded$G = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$F);
+        props = _objectWithoutProperties(_ref, _excluded$G);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -3349,10 +3349,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$E = ["children"];
+  var _excluded$F = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$E);
+        props = _objectWithoutProperties(_ref, _excluded$F);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -3362,10 +3362,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$D = ["children"];
+  var _excluded$E = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$D);
+        props = _objectWithoutProperties(_ref, _excluded$E);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -3375,12 +3375,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$C = ["weight", "children"];
+  var _excluded$D = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$C);
+        props = _objectWithoutProperties(_ref, _excluded$D);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
@@ -3390,12 +3390,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$B = ["weight", "children"];
+  var _excluded$C = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$B);
+        props = _objectWithoutProperties(_ref, _excluded$C);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
@@ -3405,12 +3405,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$A = ["weight", "children"];
+  var _excluded$B = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$A);
+        props = _objectWithoutProperties(_ref, _excluded$B);
 
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
@@ -3529,7 +3529,7 @@
     "borderRadius": "9999px"
   });
 
-  var _excluded$z = ["url", "alt", "size", "className"];
+  var _excluded$A = ["url", "alt", "size", "className"];
   var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var url = _ref.url,
         _ref$alt = _ref.alt,
@@ -3537,7 +3537,7 @@
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? 24 : _ref$size,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$z);
+        rest = _objectWithoutProperties(_ref, _excluded$A);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({}, rest, {
       ref: ref,
@@ -3584,7 +3584,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$y = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$z = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
         color = _ref.color,
@@ -3593,7 +3593,7 @@
         _ref$showDot = _ref.showDot,
         showDot = _ref$showDot === void 0 ? true : _ref$showDot,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$y);
+        rest = _objectWithoutProperties(_ref, _excluded$z);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
@@ -3613,10 +3613,10 @@
     componentId: "sc-x4ge7a-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
 
-  var _excluded$x = ["className"];
+  var _excluded$y = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$x);
+        rest = _objectWithoutProperties(_ref, _excluded$y);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
@@ -3631,10 +3631,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
 
-  var _excluded$w = ["className"];
+  var _excluded$x = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$w);
+        rest = _objectWithoutProperties(_ref, _excluded$x);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
@@ -3650,10 +3650,10 @@
     componentId: "sc-1ht53g9-0"
   })(["position:relative;width:20px;&:before{content:\"\";display:block;padding-top:100%;}svg{animation:", " 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:var(--color-theme-600);animation:", " 1.5s ease-in-out infinite;stroke-linecap:round;}}"], rotateAnimation, dashAnimation);
 
-  var _excluded$v = ["className"];
+  var _excluded$w = ["className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$v);
+        rest = _objectWithoutProperties(_ref, _excluded$w);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader, _extends({
       ref: ref,
@@ -3715,7 +3715,7 @@
   }, StyledInput$1, StyledLabel);
   StyledCheckbox.displayName = "StyledCheckbox";
 
-  var _excluded$u = ["className", "hover", "id"];
+  var _excluded$v = ["className", "hover", "id"];
 
   /**
    * Checkbox component
@@ -3725,7 +3725,7 @@
         hover = _ref.hover,
         _ref$id = _ref.id,
         id = _ref$id === void 0 ? "checkbox" : _ref$id,
-        rest = _objectWithoutProperties(_ref, _excluded$u);
+        rest = _objectWithoutProperties(_ref, _excluded$v);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox, {
       className: classNames__default["default"]("c-checkbox", {
@@ -3798,14 +3798,14 @@
   }, StyledRadioLabel);
   StyledRadioButton.displayName = "StyledRadioButton";
 
-  var _excluded$t = ["className", "id", "hover"];
+  var _excluded$u = ["className", "id", "hover"];
   var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
         className = _ref$className === void 0 ? "" : _ref$className,
         _ref$id = _ref.id,
         id = _ref$id === void 0 ? "radio" : _ref$id,
         hover = _ref.hover,
-        props = _objectWithoutProperties(_ref, _excluded$t);
+        props = _objectWithoutProperties(_ref, _excluded$u);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton, {
       className: classNames__default["default"]("c-radio-btn", {
@@ -4073,7 +4073,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$s = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$t = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -4087,7 +4087,7 @@
         invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
         innerColor = _ref.innerColor,
         outerColor = _ref.outerColor,
-        rest = _objectWithoutProperties(_ref, _excluded$s);
+        rest = _objectWithoutProperties(_ref, _excluded$t);
 
     var _useState = React.useState({
       top: 0,
@@ -4217,14 +4217,14 @@
     return height;
   };
 
-  var _excluded$r = ["as", "className", "invert"];
+  var _excluded$s = ["as", "className", "invert"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
         as = _ref$as === void 0 ? "div" : _ref$as,
         className = _ref.className,
         _ref$invert = _ref.invert,
         invert = _ref$invert === void 0 ? false : _ref$invert,
-        rest = _objectWithoutProperties(_ref, _excluded$r);
+        rest = _objectWithoutProperties(_ref, _excluded$s);
 
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
@@ -4674,7 +4674,7 @@
   });
   StyledInput.displayName = "StyledInput";
 
-  var _excluded$q = ["className", "type", "disabled", "size"];
+  var _excluded$r = ["className", "type", "disabled", "size"];
   var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
         className = _ref$className === void 0 ? "" : _ref$className,
@@ -4684,7 +4684,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "regular" : _ref$size,
-        rest = _objectWithoutProperties(_ref, _excluded$q);
+        rest = _objectWithoutProperties(_ref, _excluded$r);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({
       ref: ref,
@@ -4744,7 +4744,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$p = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
+  var _excluded$q = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
         type = _ref$type === void 0 ? "single" : _ref$type,
@@ -4774,7 +4774,7 @@
         keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
         onSelectOpen = _ref.onSelectOpen,
         onSelectClose = _ref.onSelectClose,
-        prop = _objectWithoutProperties(_ref, _excluded$p);
+        prop = _objectWithoutProperties(_ref, _excluded$q);
 
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -5049,7 +5049,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$o = ["children", "active", "disabled", "className", "role"];
+  var _excluded$p = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$active = _ref.active,
@@ -5058,7 +5058,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
         role = _ref.role,
-        rest = _objectWithoutProperties(_ref, _excluded$o);
+        rest = _objectWithoutProperties(_ref, _excluded$p);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
@@ -5100,11 +5100,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$n = ["expanded"];
+  var _excluded$o = ["expanded"];
   var ExpandSingle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
         expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-        rest = _objectWithoutProperties(_ref, _excluded$n);
+        rest = _objectWithoutProperties(_ref, _excluded$o);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
@@ -5417,11 +5417,11 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$m = ["expanded"];
+  var _excluded$n = ["expanded"];
   var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
         expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-        rest = _objectWithoutProperties(_ref, _excluded$m);
+        rest = _objectWithoutProperties(_ref, _excluded$n);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
@@ -5466,11 +5466,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$l = ["children", "className"];
+  var _excluded$m = ["children", "className"];
   var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$l);
+        props = _objectWithoutProperties(_ref, _excluded$m);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({}, props, {
       className: className,
@@ -5479,11 +5479,11 @@
   });
   List.displayName = "List";
 
-  var _excluded$k = ["children", "className"];
+  var _excluded$l = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$k);
+        props = _objectWithoutProperties(_ref, _excluded$l);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({}, props, {
       className: classNames__default["default"]("c-list-item", className),
@@ -7856,12 +7856,12 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
 
-  var _excluded$j = ["className", "disabled"];
+  var _excluded$k = ["className", "disabled"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$j);
+        rest = _objectWithoutProperties(_ref, _excluded$k);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       ref: ref,
@@ -7895,7 +7895,7 @@
     function () {});
   }
 
-  var _excluded$i = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
+  var _excluded$j = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
 
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
@@ -7916,7 +7916,7 @@
         _ref$open = _ref.open,
         defaultOpen = _ref$open === void 0 ? false : _ref$open,
         onClose = _ref.onClose,
-        rest = _objectWithoutProperties(_ref, _excluded$i);
+        rest = _objectWithoutProperties(_ref, _excluded$j);
 
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -8056,7 +8056,7 @@
   });
   StyledCssTransition.displayName = "StyledCssTransition";
 
-  var _excluded$h = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick", "preventClickEventBubbling"];
+  var _excluded$i = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick", "preventClickEventBubbling"];
   var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         onClose = _ref.onClose,
@@ -8082,7 +8082,7 @@
         disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
-        rest = _objectWithoutProperties(_ref, _excluded$h);
+        rest = _objectWithoutProperties(_ref, _excluded$i);
 
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -8181,13 +8181,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$g = ["className", "size", "children"];
+  var _excluded$h = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "small" : _ref$size,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$g);
+        rest = _objectWithoutProperties(_ref, _excluded$h);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
@@ -8204,7 +8204,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
 
-  var _excluded$f = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+  var _excluded$g = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
         minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -8220,7 +8220,7 @@
         cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
         onKeyDown = _ref.onKeyDown,
         value = _ref.value,
-        rest = _objectWithoutProperties(_ref, _excluded$f);
+        rest = _objectWithoutProperties(_ref, _excluded$g);
 
     var innerRef = React.useRef(null);
 
@@ -8511,7 +8511,7 @@
   });
   StyledChoose.displayName = "StyledChoose";
 
-  var _excluded$e = ["children", "disabled", "active", "className"];
+  var _excluded$f = ["children", "disabled", "active", "className"];
 
   /**
    * Choose component
@@ -8523,7 +8523,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$e);
+        args = _objectWithoutProperties(_ref, _excluded$f);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose, _extends({
       disabled: disabled,
@@ -8616,7 +8616,7 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
 
-  var _excluded$d = ["children", "className"];
+  var _excluded$e = ["children", "className"];
 
   /**
    * Back link component
@@ -8624,7 +8624,7 @@
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$d);
+        args = _objectWithoutProperties(_ref, _excluded$e);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classNames__default["default"]("c-back-link", className)
@@ -8632,7 +8632,7 @@
   };
   BackLink.displayName = "BackLink";
 
-  var _excluded$c = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$d = ["children", "variant", "size", "disabled", "className"];
 
   /**
    * Link component
@@ -8645,7 +8645,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$c);
+        args = _objectWithoutProperties(_ref, _excluded$d);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       disabled: disabled,
@@ -8777,11 +8777,11 @@
   });
   Dialog.displayName = "Dialog";
 
-  var _excluded$b = ["className", "children"];
+  var _excluded$c = ["className", "children"];
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$b);
+        rest = _objectWithoutProperties(_ref, _excluded$c);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
       className: classNames__default["default"]("c-dialog-content", className)
@@ -8797,13 +8797,13 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$a = ["children", "className", "disableDefaultHeading"];
+  var _excluded$b = ["children", "className", "disableDefaultHeading"];
   var DialogTitle = function DialogTitle(_ref) {
     var children = _ref.children,
         className = _ref.className,
         _ref$disableDefaultHe = _ref.disableDefaultHeading,
         disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-        rest = _objectWithoutProperties(_ref, _excluded$a);
+        rest = _objectWithoutProperties(_ref, _excluded$b);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
       className: classNames__default["default"]("c-dialog-title-wrapper", className)
@@ -8811,11 +8811,11 @@
   };
   DialogTitle.displayName = "DialogTitle";
 
-  var _excluded$9 = ["className", "children"];
+  var _excluded$a = ["className", "children"];
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$9);
+        rest = _objectWithoutProperties(_ref, _excluded$a);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
       className: classNames__default["default"]("c-dialog-actions", className)
@@ -9025,7 +9025,7 @@
   });
   StyledPressed.displayName = "StyledPressed";
 
-  var _excluded$8 = ["children", "active", "className"];
+  var _excluded$9 = ["children", "active", "className"];
 
   /**
    * Pressed wrapper for button component
@@ -9035,7 +9035,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$8);
+        args = _objectWithoutProperties(_ref, _excluded$9);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledPressed, _extends({
       active: active,
@@ -9477,6 +9477,75 @@
   };
   SelectDate.displayName = "SelectDate";
 
+  var StyledToastMessage = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledToastMessage",
+    componentId: "sc-7wr5ky-0"
+  })(["display:flex;flex-direction:row;align-items:center;height:36px;width:fit-content;max-width:100%;padding:10px 8px 10px 16px;border-radius:18px;", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+    return props.$type === "error" && styled.css(["background-color:#f1a5a5;", ""], props.$dropShadow && styled.css(["box-shadow:0px 7px 12px -4px rgba(234,179,179,0.7);"]));
+  }, function (props) {
+    return props.$type === "success" && styled.css(["background-color:#afdfdb;", ""], props.$dropShadow && styled.css(["box-shadow:0px 7px 12px -4px rgba(182,218,215,0.7);"]));
+  }, function (props) {
+    return props.$type === "general" && styled.css(["background-color:#bddff6;", ""], props.$dropShadow && styled.css(["box-shadow:0px 7px 12px -4px rgba(166,199,220,0.7);"]));
+  }, function (props) {
+    return props.$type === "warning" && styled.css(["background-color:#ffffd1;", ""], props.$dropShadow && styled.css(["box-shadow:0px 7px 12px -4px rgba(242,242,208,0.7);"]));
+  });
+  var StyledToastMessageText = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledToastMessageText",
+    componentId: "sc-7wr5ky-1"
+  })(["", " ", " ", " ", " color:rgba(48,48,55,0.65);"], {
+    "fontSize": "0.75rem"
+  }, {
+    "fontWeight": "700"
+  }, {
+    "overflow": "hidden",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap"
+  }, {
+    "marginRight": "0.5rem"
+  });
+  var StyledCloseSmallIcon = styled__default["default"](CloseSmallIcon$1).withConfig({
+    displayName: "Styles__StyledCloseSmallIcon",
+    componentId: "sc-7wr5ky-2"
+  })(["fill:rgba(48,48,55,0.3);flex-shrink:0;cursor:pointer;&:hover{fill:rgba(48,48,55,0.65);}"]);
+  StyledToastMessage.displayName = "StyledToastMessage";
+  StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
+
+  var _excluded$8 = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var text = _ref.text,
+        type = _ref.type,
+        onClose = _ref.onClose,
+        _ref$dismissible = _ref.dismissible,
+        dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
+        _ref$dropShadow = _ref.dropShadow,
+        dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
+        _ref$timeout = _ref.timeout,
+        timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
+        rest = _objectWithoutProperties(_ref, _excluded$8);
+
+    var handleOnClose = React.useCallback(function () {
+      if (typeof onClose === "function") {
+        onClose();
+      }
+    }, [onClose]);
+    React.useEffect(function () {
+      if (timeout > 0) {
+        var timer = setTimeout(handleOnClose, timeout);
+        return function () {
+          return clearTimeout(timer);
+        };
+      }
+    }, [dismissible, timeout, handleOnClose]);
+    return /*#__PURE__*/React__default["default"].createElement(StyledToastMessage, _extends({
+      ref: ref,
+      $type: type,
+      $dropShadow: dropShadow
+    }, rest), /*#__PURE__*/React__default["default"].createElement(StyledToastMessageText, null, text), dismissible ? /*#__PURE__*/React__default["default"].createElement(StyledCloseSmallIcon, {
+      onClick: handleOnClose
+    }) : null);
+  });
+  ToastMessage.displayName = "ToastMessage";
+
   var _excluded$7 = ["in", "children", "style", "timeout"];
 
   var defaultStyle$1 = function defaultStyle(duration) {
@@ -10738,6 +10807,7 @@
   exports.ThumbsUpIcon = ThumbsUpIcon$1;
   exports.Title1 = Title1;
   exports.Title2 = Title2;
+  exports.ToastMessage = ToastMessage;
   exports.Toggle = Toggle;
   exports.Tooltip = Tooltip;
   exports.TrashIcon = TrashIcon$1;