@orfium/ictinus 4.58.0 → 4.60.0

package/dist/components/DatePicker/DatePickInput/DatePickInput.js

@@ -5,7 +5,7 @@ exports["default"] = void 0;
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _helpers = require("../../../utils/helpers");
 
@@ -19,6 +19,10 @@ var _DatePickInput = require("./DatePickInput.style");
 
 var _react2 = require("@emotion/react");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -51,9 +55,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
       _ref$dateFormatOverri = _ref.dateFormatOverride,
       dateFormatOverride = _ref$dateFormatOverri === void 0 ? 'MM/DD/YYYY' : _ref$dateFormatOverri,
       isOpen = _ref.isOpen;
-
-  var getDateFormatted = _react["default"].useCallback(formatDate(dateFormatOverride), [dateFormatOverride]);
-
+  var getDateFormatted = (0, _react.useCallback)(formatDate(dateFormatOverride), [dateFormatOverride]);
   var formattedFrom = getDateFormatted(selectedDay.from);
   var formattedTo = getDateFormatted(selectedDay.to);
   var labels = getLabels(isRangePicker, formattedTo);
@@ -91,7 +93,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
         dataTestId: dataTestId,
         onChange: ON_CHANGE_MOCK,
         placeholder: "Date (start) - Date (end)",
-        value: selectedDay.from && formattedFrom + " - " + formattedTo,
+        value: selectedDay.from ? formattedFrom + " - " + formattedTo : '',
         rightIcon: (0, _react2.jsx)(_Icon["default"], {
           name: 'calendarEmpty',
           color: '#676767'
@@ -107,7 +109,7 @@ var DatePickInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, re
       dataTestId: dataTestId,
       onChange: ON_CHANGE_MOCK,
       placeholder: "Select date",
-      value: selectedDay.to && formattedFrom,
+      value: selectedDay.to ? formattedFrom : '',
       rightIcon: (0, _react2.jsx)(_Icon["default"], {
         name: 'calendarEmpty',
         color: '#676767'

package/dist/components/DatePicker/DatePicker.js

@@ -47,11 +47,7 @@ var DatePicker = function DatePicker(_ref) {
       isRangePicker = _ref$isRangePicker === void 0 ? false : _ref$isRangePicker,
       onChange = _ref.onChange,
       disableDates = _ref.disableDates,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? {
-    from: _utils.datepickerPropValue == null ? void 0 : _utils.datepickerPropValue.toDate(),
-    to: _utils.datepickerPropValue == null ? void 0 : _utils.datepickerPropValue.toDate()
-  } : _ref$value,
+      initialValue = _ref.value,
       inputProps = _ref.inputProps,
       _ref$dateFormatOverri = _ref.dateFormatOverride,
       dateFormatOverride = _ref$dateFormatOverri === void 0 ? undefined : _ref$dateFormatOverri,
@@ -61,6 +57,9 @@ var DatePicker = function DatePicker(_ref) {
       _ref$isDefaultNow = _ref.isDefaultNow,
       isDefaultNow = _ref$isDefaultNow === void 0 ? true : _ref$isDefaultNow,
       dataTestId = _ref.dataTestId;
+  var value = (0, _react.useMemo)(function () {
+    return (0, _utils.initDates)(initialValue || {}, isDefaultNow);
+  }, [initialValue]);
 
   var _useState = (0, _react.useState)(false),
       isOpen = _useState[0],
@@ -70,14 +69,22 @@ var DatePicker = function DatePicker(_ref) {
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
 
-  var _useState3 = (0, _react.useState)((0, _utils.initDates)(value, isDefaultNow)),
+  var _useState3 = (0, _react.useState)(function () {
+    return value;
+  }),
       range = _useState3[0],
       setRange = _useState3[1];
 
-  var _useState4 = (0, _react.useState)((0, _utils.initDates)(value, isDefaultNow)),
+  var _useState4 = (0, _react.useState)(function () {
+    return value;
+  }),
       selectedRange = _useState4[0],
       setSelectedRange = _useState4[1];
 
+  (0, _react.useEffect)(function () {
+    setRange(value);
+    setSelectedRange(value);
+  }, [value, isDefaultNow]);
   var handleSelectedOptions = (0, _react.useCallback)(function (option) {
     var foundOption = extraOptions.find(function (optionItem) {
       return optionItem.value === option;

package/dist/components/DatePicker/utils.js

@@ -23,8 +23,8 @@ var initDates = function initDates(value, isDefaultNow) {
     return v;
   });
   return {
-    from: hasDefaultDate ? (0, _dayjs["default"])(value.from) : undefined,
-    to: hasDefaultDate ? (0, _dayjs["default"])(value.to) : undefined
+    from: hasDefaultDate ? (0, _dayjs["default"])(value.from || currentDay) : undefined,
+    to: hasDefaultDate ? (0, _dayjs["default"])(value.to || currentDay) : undefined
   };
 };
 

package/dist/components/Notification/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TestId } from '../../../utils/types';
-import { NotificationStyleType, NotificationTypes } from '../Notification';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
 export declare type Props = {
     /** Show notification icon based on the type */
     withIcon?: boolean;
@@ -12,14 +12,10 @@ export declare type Props = {
     type: NotificationTypes;
     /** The style type of the Notification. Defaults to elevated */
     styleType?: NotificationStyleType;
-    /** The primary call-to-action label of the Notification */
-    primaryCTALabel?: string;
-    /** The primary call-to-action of the Notification */
-    primaryCTA?: () => void;
     /** The closing call-to-action of the Notification */
     closeCTA?: () => void;
     /** The data test id if needed */
     dataTestId?: TestId;
-};
+} & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
 declare const Banner: React.FC<Props>;
 export default Banner;

package/dist/components/Notification/InlineNotification/InlineNotification.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TestId } from '../../../utils/types';
-import { NotificationStyleType, NotificationTypes } from '../Notification';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
 export declare type Props = {
     /** Show notification icon based on the type */
     withIcon?: boolean;
@@ -10,14 +10,10 @@ export declare type Props = {
     type: NotificationTypes;
     /** The style type of the Notification. Defaults to elevated */
     styleType?: NotificationStyleType;
-    /** The primary call-to-action label of the Notification */
-    primaryCTALabel?: string;
-    /** The primary call-to-action of the Notification */
-    primaryCTA?: () => void;
     /** The closing call-to-action of the Notification */
     closeCTA?: () => void;
     /** The data test id if needed */
     dataTestId?: TestId;
-};
+} & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
 declare const InlineNotification: React.FC<Props>;
 export default InlineNotification;

package/dist/components/Notification/Notification.d.ts

@@ -1,3 +1,13 @@
 export declare type NotificationTypes = 'success' | 'error' | 'info' | 'warning';
 export declare type NotificationVariants = 'inline' | 'banner';
 export declare type NotificationStyleType = 'elevated' | 'outlined';
+export declare type NotificationActions = {
+    /** The primary call-to-action label of the Notification */
+    primaryCTALabel?: string;
+    /** The primary call-to-action of the Notification */
+    primaryCTA?: () => void;
+    /** The secondary call-to-action label of the Notification */
+    secondaryCTALabel?: string;
+    /** The secondary call-to-action of the Notification */
+    secondaryCTA?: () => void;
+};

package/dist/components/Notification/Notification.style.js

@@ -21,7 +21,7 @@ var notificationsContainerPerType = function notificationsContainerPerType(type,
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor(type, 100, 'normal'), ";&[notification-type='banner']{box-shadow:", theme.elevation['02'], ";}", styleType === 'outlined' ? "\n        border: " + (0, _utils.rem)(2) + " solid " + typeToThemePalette(theme, type) + ";\n        background: white;\n      " : "\n        background: " + (0, _polished.tint)(0.95, typeToThemePalette(theme, type)) + ";\n", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;")
+    (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor(type, 100, 'normal'), ";&[notification-type='banner']{box-shadow:", theme.elevation['02'], ";}", styleType === 'outlined' ? "\n        border: " + (0, _utils.rem)(2) + " solid " + typeToThemePalette(theme, type) + ";\n        background: white;\n      " : "\n        background: " + (0, _polished.tint)(0.95, typeToThemePalette(theme, type)) + ";\n", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;")
   );
 };
 
@@ -33,7 +33,7 @@ var actionsContainer = function actionsContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;flex-direction:row;justify-content:flex-end;margin-top:", theme.spacing.md, ";position:sticky;bottom:", theme.spacing.md, ";top:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
+      (0, _react.css)("display:flex;flex-direction:row;justify-content:flex-end;padding-top:", theme.spacing.xl, ";position:sticky;bottom:", theme.spacing.md, ";top:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
     );
   };
 };
@@ -46,7 +46,7 @@ var actionContainer = function actionContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("cursor:pointer;margin-left:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM0RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;")
+      (0, _react.css)("cursor:pointer;margin-left:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM0RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;")
     );
   };
 };
@@ -59,7 +59,7 @@ var iconContainer = function iconContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;")
+      (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;")
     );
   };
 };
@@ -72,7 +72,7 @@ var boldMessageContainer = function boldMessageContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("font-weight:", theme.typography.weights.bold, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;")
+      (0, _react.css)("font-weight:", theme.typography.weights.bold, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;")
     );
   };
 };

package/dist/components/Notification/NotificationVisual/NotificationVisual.d.ts

@@ -1,20 +1,13 @@
 import * as React from 'react';
 import { TestId } from '../../../utils/types';
+import { NotificationActions } from '../Notification';
 export declare type Props = {
     /** The message heading of the Notification */
     title: string | undefined;
-    /** The primary call-to-action label of the Notification */
-    primaryCTALabel: string | undefined;
-    /** The primary call-to-action of the Notification */
-    primaryCTA: (() => void) | undefined;
-    /** The secondary call-to-action label of the Notification */
-    secondaryCTALabel: string | undefined;
-    /** The secondary call-to-action of the Notification */
-    secondaryCTA: (() => void) | undefined;
     /** The description of the Notification (only for toast) */
     description: string | undefined;
     /** The data test id if needed */
     dataTestId?: TestId;
-};
+} & NotificationActions;
 declare const NotificationVisual: React.FC<Props>;
 export default NotificationVisual;

package/dist/components/Notification/NotificationVisual/NotificationVisual.js

@@ -7,10 +7,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _helpers = require("../../../utils/helpers");
 
-var _Button = _interopRequireDefault(require("../../Button"));
-
 var _Notification = require("../Notification.style");
 
+var _NotificationActionsArea = _interopRequireDefault(require("../subcomponents/NotificationActionsArea"));
+
 var _NotificationVisual = require("./NotificationVisual.style");
 
 var _react2 = require("@emotion/react");
@@ -31,31 +31,23 @@ var NotificationVisual = function NotificationVisual(_ref) {
       secondaryCTA = _ref.secondaryCTA,
       description = _ref.description,
       dataTestId = _ref.dataTestId;
+  var hasActions = primaryCTA && primaryCTALabel || secondaryCTA && secondaryCTALabel;
   return (0, _react2.jsx)("div", {
     css: (0, _NotificationVisual.visualContainer)()
   }, (0, _react2.jsx)("div", {
-    css: (0, _Notification.boldMessageContainer)()
+    css: (0, _Notification.boldMessageContainer)(),
+    "data-testid": (0, _helpers.generateTestDataId)('visual-title', dataTestId)
   }, title), (0, _react2.jsx)("div", {
-    css: (0, _NotificationVisual.descriptionContainer)()
-  }, description), (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionsContainer)()
-  }, (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionContainer)(),
-    "data-testid": (0, _helpers.generateTestDataId)('visual-secondary', dataTestId)
-  }, (0, _react2.jsx)(_Button["default"], {
-    type: 'link',
-    transparent: true,
-    size: "sm",
-    onClick: secondaryCTA
-  }, secondaryCTALabel)), (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionContainer)(),
-    "data-testid": (0, _helpers.generateTestDataId)('visual-primary', dataTestId)
-  }, (0, _react2.jsx)(_Button["default"], {
-    type: 'link',
-    transparent: true,
-    size: "sm",
-    onClick: primaryCTA
-  }, primaryCTALabel))));
+    css: (0, _NotificationVisual.descriptionContainer)(),
+    "data-testid": (0, _helpers.generateTestDataId)('visual-description', dataTestId)
+  }, description), hasActions && (0, _react2.jsx)(_NotificationActionsArea["default"], {
+    primaryCTA: primaryCTA,
+    primaryCTALabel: primaryCTALabel,
+    secondaryCTA: secondaryCTA,
+    secondaryCTALabel: secondaryCTALabel,
+    dataTestPrefixId: "visual",
+    dataTestId: dataTestId
+  }));
 };
 
 var _default = NotificationVisual;

package/dist/components/Notification/NotificationVisual/NotificationVisual.style.js

@@ -13,7 +13,7 @@ var visualContainer = function visualContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("margin:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvblZpc3VhbC9Ob3RpZmljYXRpb25WaXN1YWwuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IHZpc3VhbENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;")
+      (0, _react.css)("padding:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uVmlzdWFsL05vdGlmaWNhdGlvblZpc3VhbC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgdmlzdWFsQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgd2lkdGg6ICR7cmVtKDU0Nyl9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;")
     );
   };
 };
@@ -26,7 +26,7 @@ var descriptionContainer = function descriptionContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("margin-top:", theme.spacing.sm, ";max-height:", (0, _utils.rem)(180), ";overflow:auto;max-width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvblZpc3VhbC9Ob3RpZmljYXRpb25WaXN1YWwuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IHZpc3VhbENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
+      (0, _react.css)("padding-top:", theme.spacing.sm, ";max-height:", (0, _utils.rem)(180), ";overflow:auto;width:", (0, _utils.rem)(547), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uVmlzdWFsL05vdGlmaWNhdGlvblZpc3VhbC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgdmlzdWFsQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgd2lkdGg6ICR7cmVtKDU0Nyl9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
     );
   };
 };

package/dist/components/Notification/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TestId } from '../../../utils/types';
-import { NotificationStyleType, NotificationTypes } from '../Notification';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
 export declare type Props = {
     /** The informative message of the Toast */
     message: string;
@@ -8,20 +8,12 @@ export declare type Props = {
     type: NotificationTypes;
     /** The style type of the Notification. Defaults to elevated */
     styleType?: NotificationStyleType;
-    /** The primary call-to-action label of the Notification */
-    primaryCTALabel: string | undefined;
-    /** The primary call-to-action of the Notification */
-    primaryCTA: (() => void) | undefined;
-    /** The secondary call-to-action label of the Notification */
-    secondaryCTALabel: string | undefined;
-    /** The secondary call-to-action of the Notification */
-    secondaryCTA: (() => void) | undefined;
     /** The description of the Notification (only for toast) */
     description: string | undefined;
     /** The closing call-to-action of the Toast */
     closeCTA: (() => void) | undefined;
     /** The data test id if needed */
     dataTestId?: TestId;
-};
+} & NotificationActions;
 declare const Snackbar: React.FC<Props>;
 export default Snackbar;

package/dist/components/Notification/Snackbar/Snackbar.js

@@ -9,12 +9,12 @@ var _useTheme2 = _interopRequireDefault(require("../../../hooks/useTheme"));
 
 var _helpers = require("../../../utils/helpers");
 
-var _Button = _interopRequireDefault(require("../../Button"));
-
 var _Notification = require("../Notification.style");
 
 var _CompactNotification = require("../subcomponents/CompactNotification/CompactNotification");
 
+var _NotificationActionsArea = _interopRequireDefault(require("../subcomponents/NotificationActionsArea"));
+
 var _Snackbar = require("./Snackbar.style");
 
 var _Icon = _interopRequireDefault(require("../../Icon"));
@@ -45,6 +45,7 @@ var Snackbar = function Snackbar(_ref) {
   var _useTheme = (0, _useTheme2["default"])(),
       utils = _useTheme.utils;
 
+  var hasActions = primaryCTA && primaryCTALabel || secondaryCTA && secondaryCTALabel;
   return (0, _react2.jsx)("div", {
     css: (0, _Snackbar.cardContainer)(type, styleType),
     "notification-type": "snackbar"
@@ -69,26 +70,16 @@ var Snackbar = function Snackbar(_ref) {
     color: utils.getColor('lightGrey', 650),
     size: 20
   }))), (0, _react2.jsx)("div", {
-    css: (0, _Snackbar.descriptionContainer)()
-  }, description), (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionsContainer)()
-  }, (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionContainer)(),
-    "data-testid": (0, _helpers.generateTestDataId)('snackbar-secondary', dataTestId)
-  }, (0, _react2.jsx)(_Button["default"], {
-    type: 'link',
-    transparent: true,
-    size: "sm",
-    onClick: secondaryCTA
-  }, secondaryCTALabel)), (0, _react2.jsx)("div", {
-    css: (0, _Notification.actionContainer)(),
-    "data-testid": (0, _helpers.generateTestDataId)('snackbar-primary', dataTestId)
-  }, (0, _react2.jsx)(_Button["default"], {
-    type: 'link',
-    transparent: true,
-    size: "sm",
-    onClick: primaryCTA
-  }, primaryCTALabel))));
+    css: (0, _Snackbar.descriptionContainer)(),
+    "data-testid": (0, _helpers.generateTestDataId)('snackbar-description', dataTestId)
+  }, description), hasActions && (0, _react2.jsx)(_NotificationActionsArea["default"], {
+    primaryCTA: primaryCTA,
+    primaryCTALabel: primaryCTALabel,
+    secondaryCTA: secondaryCTA,
+    secondaryCTALabel: secondaryCTALabel,
+    dataTestPrefixId: "snackbar",
+    dataTestId: dataTestId
+  }));
 };
 
 var _default = Snackbar;

package/dist/components/Notification/Snackbar/Snackbar.style.js

@@ -21,7 +21,7 @@ var cardContainer = function cardContainer(type, styleType) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;padding:", theme.spacing.md, ";box-sizing:border-box;min-height:", (0, _utils.rem)(164), ";max-height:", (0, _utils.rem)(294), ";border-radius:", (0, _utils.rem)(8), ";background:", theme.palette.white, ";", snackbarContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;")
+      (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;padding:", theme.spacing.md, ";box-sizing:border-box;max-height:", (0, _utils.rem)(294), ";border-radius:", (0, _utils.rem)(8), ";background:", theme.palette.white, ";", snackbarContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;")
     );
   };
 };
@@ -34,7 +34,7 @@ var topContainer = function topContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;align-items:center;justify-content:space-between;padding-bottom:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3lFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
+      (0, _react.css)("display:flex;align-items:center;justify-content:space-between;padding-bottom:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
     );
   };
 };
@@ -47,7 +47,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1gokqtv-infoContainer",
   styles: "display:flex;align-items:center;label:infoContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzhEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ0siLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -65,7 +65,7 @@ var descriptionContainer = function descriptionContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("padding-bottom:", theme.spacing.md, ";font-size:", theme.typography.fontSizes['14'], ";max-height:", (0, _utils.rem)(194), ";overflow:auto;max-width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
+      (0, _react.css)("font-size:", theme.typography.fontSizes['14'], ";max-height:", (0, _utils.rem)(194), ";overflow:auto;width:", (0, _utils.rem)(547), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RE8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
     );
   };
 };

package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TestId } from '../../../../utils/types';
-import { NotificationStyleType, NotificationTypes } from '../../Notification';
+import { NotificationActions, NotificationStyleType, NotificationTypes } from '../../Notification';
 import { AcceptedIconNames } from 'components/Icon/types';
 export declare type CompactNotificationVariants = 'inline' | 'banner' | 'card';
 export declare type Props = {
@@ -14,23 +14,15 @@ export declare type Props = {
     type: NotificationTypes;
     /** The style type of the Notification. Defaults to elevated */
     styleType: NotificationStyleType;
-    /** The primary call-to-action label of the Notification */
-    primaryCTALabel?: string;
-    /** The primary call-to-action of the Notification */
-    primaryCTA?: () => void;
+    /** The description of the Notification (only for toast) */
+    description?: string;
     /** The closing call-to-action of the Notification */
     closeCTA?: () => void;
     /** The title (message heading) of the Notification */
     title?: string;
     /** The data test id if needed */
     dataTestId?: TestId;
-    /** The secondary call-to-action label of the Notification */
-    secondaryCTALabel?: string;
-    /** The secondary call-to-action of the Notification */
-    secondaryCTA?: () => void;
-    /** The description of the Notification (only for toast) */
-    description?: string;
-};
+} & NotificationActions;
 export declare const typeToIconName: (type: NotificationTypes) => AcceptedIconNames;
 declare const CompactNotification: React.FC<Props>;
 export default CompactNotification;

package/dist/components/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TestProps } from 'utils/types';
+import { NotificationActions } from '../../Notification';
+declare type Props = NotificationActions & TestProps;
+declare const NotificationActionsArea: React.FC<Props>;
+export default NotificationActionsArea;

package/dist/components/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.js

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../../../utils/helpers");
+
+var _Button = _interopRequireDefault(require("../../../Button"));
+
+var _Notification = require("../../Notification.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var NotificationActionsArea = function NotificationActionsArea(_ref) {
+  var primaryCTA = _ref.primaryCTA,
+      primaryCTALabel = _ref.primaryCTALabel,
+      secondaryCTA = _ref.secondaryCTA,
+      secondaryCTALabel = _ref.secondaryCTALabel,
+      dataTestPrefixId = _ref.dataTestPrefixId,
+      dataTestId = _ref.dataTestId;
+  return (0, _react2.jsx)("div", {
+    css: (0, _Notification.actionsContainer)()
+  }, secondaryCTA && secondaryCTALabel && (0, _react2.jsx)("div", {
+    css: (0, _Notification.actionContainer)(),
+    "data-testid": (0, _helpers.generateTestDataId)(dataTestPrefixId + "-secondary", dataTestId)
+  }, (0, _react2.jsx)(_Button["default"], {
+    type: 'link',
+    transparent: true,
+    size: "sm",
+    onClick: secondaryCTA
+  }, secondaryCTALabel)), primaryCTA && primaryCTALabel && (0, _react2.jsx)("div", {
+    css: (0, _Notification.actionContainer)(),
+    "data-testid": (0, _helpers.generateTestDataId)(dataTestPrefixId + "-primary", dataTestId)
+  }, (0, _react2.jsx)(_Button["default"], {
+    type: 'link',
+    transparent: true,
+    size: "sm",
+    onClick: primaryCTA
+  }, primaryCTALabel)));
+};
+
+var _default = NotificationActionsArea;
+exports["default"] = _default;

package/dist/components/Notification/subcomponents/NotificationActionsArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './NotificationActionsArea';

package/dist/components/Notification/subcomponents/NotificationActionsArea/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _NotificationActionsArea = _interopRequireDefault(require("./NotificationActionsArea"));
+
+exports["default"] = _NotificationActionsArea["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Select/Select.js

@@ -114,7 +114,6 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _useMultiselectUtils = (0, _useMultiselectUtils2["default"])({
     selectedOptions: selectedOptions,
     options: options,
-    setOpen: setOpen,
     setSearchValue: setSearchValue,
     isSearchable: isSearchable,
     onClear: onClear,
@@ -140,10 +139,9 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       }));
     } else {
       setInputValue(option);
+      setOpen(false);
     }
 
-    setOpen(false);
-
     if (isSearchable) {
       setSearchValue('');
     }
@@ -165,7 +163,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   }, 400), []);
 
   var handleOnInput = _react["default"].useCallback(function (event) {
-    /** 
+    /**
      * For Multiselect: [for now] when we select an option the SelectMenu closes but the user
      * can still type on the input field (so they must be able to see the SelectMenu)
      */

package/dist/components/Select/hooks/useMultiselectUtils.d.ts

@@ -3,14 +3,13 @@ import { SelectOption } from '../Select';
 declare type Props = {
     selectedOptions: SelectOption[];
     options: SelectOption[];
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
     setSearchValue: React.Dispatch<React.SetStateAction<string>>;
     isSearchable: boolean;
     onClear?: () => void;
     onOptionDelete?: (option: SelectOption) => void;
     multi?: boolean;
 };
-declare const useMultiselectUtils: ({ selectedOptions, options, setOpen, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
+declare const useMultiselectUtils: ({ selectedOptions, options, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
     multiSelectedOptions: SelectOption[];
     setMultiSelectedOpts: React.Dispatch<React.SetStateAction<SelectOption[]>>;
     availableMultiSelectOptions: SelectOption[];

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -12,7 +12,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var useMultiselectUtils = function useMultiselectUtils(_ref) {
   var selectedOptions = _ref.selectedOptions,
       options = _ref.options,
-      setOpen = _ref.setOpen,
       setSearchValue = _ref.setSearchValue,
       isSearchable = _ref.isSearchable,
       onClear = _ref.onClear,
@@ -67,14 +66,11 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
         setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, [lastItem]));
       }
     }
-
-    setOpen(false);
   };
 
   var handleClearAllOptions = function handleClearAllOptions() {
     setAvailableMultiSelectOptions([].concat(availableMultiSelectOptions, multiSelectedOptions));
     setMultiSelectedOpts([]);
-    setOpen(false);
 
     if (onClear) {
       onClear();

package/dist/components/Toast/Toast.d.ts

@@ -13,6 +13,8 @@ export declare type Props = {
     closeCTA: (() => void) | undefined;
     /** Initialize toast as expanded */
     expanded?: boolean;
+    /** If true, the Toast has a minimum-height */
+    hasMinimumHeight?: boolean;
     /** The data test id if needed */
     dataTestId?: TestId;
 };

package/dist/components/Toast/Toast.js

@@ -40,6 +40,8 @@ var Toast = function Toast(_ref) {
       closeCTA = _ref.closeCTA,
       _ref$expanded = _ref.expanded,
       expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      _ref$hasMinimumHeight = _ref.hasMinimumHeight,
+      hasMinimumHeight = _ref$hasMinimumHeight === void 0 ? true : _ref$hasMinimumHeight,
       children = _ref.children,
       dataTestId = _ref.dataTestId;
 
@@ -82,7 +84,7 @@ var Toast = function Toast(_ref) {
     color: "#fff",
     size: 20
   })))), (0, _react2.jsx)("div", {
-    css: (0, _Toast.expandedContainer)(type, isExpanded),
+    css: (0, _Toast.expandedContainer)(type, isExpanded, hasMinimumHeight),
     "data-testid": (0, _helpers.generateTestDataId)('expanded-container', dataTestId)
   }, children));
 };

package/dist/components/Toast/Toast.style.d.ts

@@ -8,4 +8,4 @@ export declare const infoContainer: () => (theme: Theme) => SerializedStyles;
 export declare const infoIconContainer: () => (theme: Theme) => SerializedStyles;
 export declare const actionIconsContainer: () => (theme: Theme) => SerializedStyles;
 export declare const chevronIconContainer: (expanded: boolean) => () => SerializedStyles;
-export declare const expandedContainer: (type: AcceptedColorComponentTypes, isExpanded: boolean) => (theme: Theme) => SerializedStyles;
+export declare const expandedContainer: (type: AcceptedColorComponentTypes, isExpanded: boolean, hasMinimumHeight: boolean) => (theme: Theme) => SerializedStyles;

package/dist/components/Toast/Toast.style.js

@@ -26,7 +26,7 @@ var toastContainer = function toastContainer(type, styleType) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;border-radius:", (0, _utils.rem)(8), ";", toastContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:toastContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:toastContainer;")
+      (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;border-radius:", (0, _utils.rem)(8), ";", toastContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:toastContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:toastContainer;")
     );
   };
 };
@@ -39,7 +39,7 @@ var topContainer = function topContainer(type) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("color:", theme.palette.white, ";display:flex;justify-content:space-between;overflow:hidden;height:", (0, _utils.rem)(58), ";background:", theme.utils.getColor(type, 500, 'normal'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
+      (0, _react.css)("color:", theme.palette.white, ";display:flex;justify-content:space-between;overflow:hidden;height:", (0, _utils.rem)(58), ";background:", theme.utils.getColor(type, 500, 'normal'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
     );
   };
 };
@@ -52,7 +52,7 @@ var infoContainer = function infoContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flexCenter, ";padding:0 ", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDMEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;")
+      (0, _react.css)(_functions.flexCenter, ";padding:0 ", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtETyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:infoContainer;")
     );
   };
 };
@@ -65,7 +65,7 @@ var infoIconContainer = function infoIconContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EOEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:infoIconContainer;")
+      (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:infoIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBETyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:infoIconContainer;")
     );
   };
 };
@@ -78,7 +78,7 @@ var actionIconsContainer = function actionIconsContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;align-items:center;padding-right:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionIconsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEaUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:actionIconsContainer;")
+      (0, _react.css)("display:flex;align-items:center;padding-right:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionIconsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:actionIconsContainer;")
     );
   };
 };
@@ -91,20 +91,20 @@ var chevronIconContainer = function chevronIconContainer(expanded) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("cursor:pointer;transform:rotate(", expanded ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEc0YiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:chevronIconContainer;")
+      (0, _react.css)("cursor:pointer;transform:rotate(", expanded ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:chevronIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFSyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:chevronIconContainer;")
     );
   };
 };
 
 exports.chevronIconContainer = chevronIconContainer;
 
-var expandedContainer = function expandedContainer(type, isExpanded) {
+var expandedContainer = function expandedContainer(type, isExpanded, hasMinimumHeight) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)((0, _functions.transition)(0.1), ";min-height:", isExpanded ? (0, _utils.rem)(146) : (0, _utils.rem)(0), ";", (0, _Toast.isNotificationTypes)(type) ? maxHeightOptions['notification'] : maxHeightOptions['generic'], " height:", !isExpanded ? (0, _utils.rem)(0) : 'inherit', ";font-size:", theme.typography.fontSizes['14'], ";position:relative;background:", theme.palette.white, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:expandedContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiwgZmxleENlbnRlciB9IGZyb20gJy4uLy4uL3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IGlzTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuL1RvYXN0JztcblxuY29uc3QgbWF4SGVpZ2h0T3B0aW9ucyA9IHtcbiAgbm90aWZpY2F0aW9uOiBgbWF4LWhlaWdodDogJHtyZW0oMjk0KX07YCxcbiAgZ2VuZXJpYzogYG1heC1oZWlnaHQ6IG5vbmU7YCxcbn07XG5cbmNvbnN0IHRvYXN0Q29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pID0+XG4gIHN0eWxlVHlwZSA9PT0gJ291dGxpbmVkJ1xuICAgID8gYGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9YFxuICAgIDogYGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfVxuYDtcblxuZXhwb3J0IGNvbnN0IHRvYXN0Q29udGFpbmVyID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlXG4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG5gO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID0gKHR5cGU6IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBoZWlnaHQ6ICR7cmVtKDU4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGluZm9Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlcn07XG4gIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25JY29uc0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjaGV2cm9uSWNvbkNvbnRhaW5lciA9IChleHBhbmRlZDogYm9vbGVhbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7ZXhwYW5kZWQgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9ICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICBtaW4taGVpZ2h0OiAke2lzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICR7aXNOb3RpZmljYXRpb25UeXBlcyh0eXBlKSA/IG1heEhlaWdodE9wdGlvbnNbJ25vdGlmaWNhdGlvbiddIDogbWF4SGVpZ2h0T3B0aW9uc1snZ2VuZXJpYyddfVxuICBoZWlnaHQ6ICR7IWlzRXhwYW5kZWQgPyByZW0oMCkgOiAnaW5oZXJpdCd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:expandedContainer;")
+      (0, _react.css)((0, _functions.transition)(0.1), ";min-height:", hasMinimumHeight && isExpanded ? (0, _utils.rem)(146) : (0, _utils.rem)(0), ";", (0, _Toast.isNotificationTypes)(type) ? maxHeightOptions['notification'] : maxHeightOptions['generic'], " height:", !isExpanded ? (0, _utils.rem)(0) : 'inherit', ";font-size:", theme.typography.fontSizes['14'], ";position:relative;background:", theme.palette.white, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:expandedContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RvYXN0L1RvYXN0LnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uLCBmbGV4Q2VudGVyIH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IEFjY2VwdGVkQ29sb3JDb21wb25lbnRUeXBlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgaXNOb3RpZmljYXRpb25UeXBlcyB9IGZyb20gJy4vVG9hc3QnO1xuXG5jb25zdCBtYXhIZWlnaHRPcHRpb25zID0ge1xuICBub3RpZmljYXRpb246IGBtYXgtaGVpZ2h0OiAke3JlbSgyOTQpfTtgLFxuICBnZW5lcmljOiBgbWF4LWhlaWdodDogbm9uZTtgLFxufTtcblxuY29uc3QgdG9hc3RDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCA1MDAsICdub3JtYWwnKX1gXG4gICAgOiBgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzAyJ119XG5gO1xuXG5leHBvcnQgY29uc3QgdG9hc3RDb250YWluZXIgPVxuICAodHlwZTogQWNjZXB0ZWRDb2xvckNvbXBvbmVudFR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gICAgICAke3RvYXN0Q29udGFpbmVyUGVyVHlwZSh0eXBlLCBzdHlsZVR5cGUsIHRoZW1lKX07XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IHRvcENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGhlaWdodDogJHtyZW0oNTgpfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTAwLCAnbm9ybWFsJyl9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXhDZW50ZXJ9O1xuICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvSWNvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uSWNvbnNDb250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2hldnJvbkljb25Db250YWluZXIgPSAoZXhwYW5kZWQ6IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtleHBhbmRlZCA/ICcxODAnIDogJzAnfWRlZyk7XG4gICAgJHt0cmFuc2l0aW9uKDAuMil9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBleHBhbmRlZENvbnRhaW5lciA9XG4gICh0eXBlOiBBY2NlcHRlZENvbG9yQ29tcG9uZW50VHlwZXMsIGlzRXhwYW5kZWQ6IGJvb2xlYW4sIGhhc01pbmltdW1IZWlnaHQ6IGJvb2xlYW4pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHt0cmFuc2l0aW9uKDAuMSl9O1xuICAgICAgbWluLWhlaWdodDogJHtoYXNNaW5pbXVtSGVpZ2h0ICYmIGlzRXhwYW5kZWQgPyByZW0oMTQ2KSA6IHJlbSgwKX07XG4gICAgICAke2lzTm90aWZpY2F0aW9uVHlwZXModHlwZSkgPyBtYXhIZWlnaHRPcHRpb25zWydub3RpZmljYXRpb24nXSA6IG1heEhlaWdodE9wdGlvbnNbJ2dlbmVyaWMnXX1cbiAgICAgIGhlaWdodDogJHshaXNFeHBhbmRlZCA/IHJlbSgwKSA6ICdpbmhlcml0J307XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:expandedContainer;")
     );
   };
 };

package/dist/components/utils/PositionInScreen/hooks.js

@@ -3,8 +3,12 @@
 exports.__esModule = true;
 exports.useWrapperWidth = exports.usePositionInScreen = void 0;
 
+var _head = _interopRequireDefault(require("lodash/head"));
+
 var _react = require("react");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var usePositionInScreen = function usePositionInScreen(parentRef, itemRef, offsetX, offsetY, visible) {
   var _useState = (0, _react.useState)({
     x: -1,
@@ -13,6 +17,31 @@ var usePositionInScreen = function usePositionInScreen(parentRef, itemRef, offse
       position = _useState[0],
       setPosition = _useState[1];
 
+  var _useState2 = (0, _react.useState)(0),
+      parentHeight = _useState2[0],
+      setParentHeight = _useState2[1];
+  /**
+   * We use this ResizeObserver in order to track any changes on the parent's height:
+   * This is necessary for the case of the MultiSelect, where the height of the TextField is dynamic
+   * and will increase/decrease as more Chips (Selected Options) are added/deleted.
+   * Therefore the parentHeight is stored on the useState above.
+   */
+
+
+  (0, _react.useEffect)(function () {
+    if (!parentRef.current) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var parent = (0, _head["default"])(entries);
+
+      if (parent) {
+        setParentHeight(parent.contentRect.height);
+      }
+    });
+    resizeObserver.observe(parentRef.current);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [parentRef]);
   (0, _react.useEffect)(function () {
     var _parentRef$current, _itemRef$current, _itemRef$current$chil;
 
@@ -27,8 +56,9 @@ var usePositionInScreen = function usePositionInScreen(parentRef, itemRef, offse
         parentX = _ref.x,
         parentY = _ref.y,
         parentWidth = _ref.width,
-        parentHeight = _ref.height; // width, height are the element's that's going to be positioned dimensions
+        parentTempHeight = _ref.height;
 
+    setParentHeight(parentTempHeight); // width, height are the element's that's going to be positioned dimensions
 
     var _ref2 = itemRef != null && itemRef.current ? itemRef == null ? void 0 : (_itemRef$current = itemRef.current) == null ? void 0 : (_itemRef$current$chil = _itemRef$current.children[0]) == null ? void 0 : _itemRef$current$chil.getBoundingClientRect() : {
       width: 0,
@@ -74,16 +104,16 @@ var usePositionInScreen = function usePositionInScreen(parentRef, itemRef, offse
       x: x,
       y: y
     });
-  }, [parentRef, itemRef, visible, offsetY, offsetX]);
+  }, [parentRef, itemRef, visible, offsetY, offsetX, parentHeight]);
   return position;
 };
 
 exports.usePositionInScreen = usePositionInScreen;
 
 var useWrapperWidth = function useWrapperWidth(hasWrapperWidth, wrapperRef) {
-  var _useState2 = (0, _react.useState)(),
-      width = _useState2[0],
-      setWidth = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+      width = _useState3[0],
+      setWidth = _useState3[1];
 
   (0, _react.useEffect)(function () {
     if (hasWrapperWidth) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.58.0",
+  "version": "4.60.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",