superdesk-ui-framework 3.0.74 → 3.0.76

package/dist/superdesk-ui.bundle.js

@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 733);
+/******/ 	return __webpack_require__(__webpack_require__.s = 736);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -5860,8 +5860,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
-exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = void 0;
-exports.DragHandle = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeSelect = void 0;
+exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = void 0;
+exports.DragHandle = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomNav = exports.Heading = void 0;
 var HelloWorld_1 = __webpack_require__(295);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = __webpack_require__(55);
@@ -6027,22 +6027,26 @@ var SearchBar_1 = __webpack_require__(457);
 Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });
 var WithSizeObserver_1 = __webpack_require__(281);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
+var SvgIconIllustration_1 = __webpack_require__(458);
+Object.defineProperty(exports, "SvgIconIllustration", { enumerable: true, get: function () { return SvgIconIllustration_1.SvgIconIllustration; } });
+var IllustrationButton_1 = __webpack_require__(459);
+Object.defineProperty(exports, "IllustrationButton", { enumerable: true, get: function () { return IllustrationButton_1.IllustrationButton; } });
 __exportStar(__webpack_require__(16), exports);
 __exportStar(__webpack_require__(13), exports);
 __exportStar(__webpack_require__(52), exports);
 __exportStar(__webpack_require__(83), exports);
 var Skeleton_1 = __webpack_require__(257);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
-var ListItemLoader_1 = __webpack_require__(501);
+var ListItemLoader_1 = __webpack_require__(503);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
 var Spinner_1 = __webpack_require__(56);
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
-var Text_1 = __webpack_require__(502);
+var Text_1 = __webpack_require__(504);
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Time_1 = __webpack_require__(503);
+var Time_1 = __webpack_require__(505);
 Object.defineProperty(exports, "Time", { enumerable: true, get: function () { return Time_1.Time; } });
-var Heading_1 = __webpack_require__(504);
+var Heading_1 = __webpack_require__(506);
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
 var BottomNav_1 = __webpack_require__(282);
 Object.defineProperty(exports, "BottomNav", { enumerable: true, get: function () { return BottomNav_1.BottomNav; } });
@@ -6053,18 +6057,18 @@ Object.defineProperty(exports, "TableList", { enumerable: true, get: function ()
 Object.defineProperty(exports, "TableListItem", { enumerable: true, get: function () { return TableList_1.TableListItem; } });
 var ContentList_1 = __webpack_require__(84);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
-var MultiSelect_1 = __webpack_require__(542);
+var MultiSelect_1 = __webpack_require__(544);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-var ResizablePanels_1 = __webpack_require__(549);
+var ResizablePanels_1 = __webpack_require__(551);
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = __webpack_require__(95);
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
 var Spacer_1 = __webpack_require__(81);
 Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
 Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return Spacer_1.SpacerBlock; } });
-var ResizeObserverComponent_1 = __webpack_require__(560);
+var ResizeObserverComponent_1 = __webpack_require__(562);
 Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
-var DragHandle_1 = __webpack_require__(561);
+var DragHandle_1 = __webpack_require__(563);
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 
 
@@ -7477,82 +7481,82 @@ Object.defineProperty(exports, "PanelContent", { enumerable: true, get: function
 Object.defineProperty(exports, "PanelContentBlock", { enumerable: true, get: function () { return Panel_1.PanelContentBlock; } });
 Object.defineProperty(exports, "PanelFooter", { enumerable: true, get: function () { return Panel_1.PanelFooter; } });
 Object.defineProperty(exports, "PanelHeaderSlidingToolbar", { enumerable: true, get: function () { return Panel_1.PanelHeaderSlidingToolbar; } });
-var Layout_1 = __webpack_require__(458);
+var Layout_1 = __webpack_require__(460);
 Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
-var LayoutContainer_1 = __webpack_require__(459);
+var LayoutContainer_1 = __webpack_require__(461);
 Object.defineProperty(exports, "LayoutContainer", { enumerable: true, get: function () { return LayoutContainer_1.LayoutContainer; } });
-var HeaderPanel_1 = __webpack_require__(460);
+var HeaderPanel_1 = __webpack_require__(462);
 Object.defineProperty(exports, "HeaderPanel", { enumerable: true, get: function () { return HeaderPanel_1.HeaderPanel; } });
-var MainPanel_1 = __webpack_require__(461);
+var MainPanel_1 = __webpack_require__(463);
 Object.defineProperty(exports, "MainPanel", { enumerable: true, get: function () { return MainPanel_1.MainPanel; } });
 Object.defineProperty(exports, "IMainPanelProps", { enumerable: true, get: function () { return MainPanel_1.IMainPanelProps; } });
-var LeftPanel_1 = __webpack_require__(462);
+var LeftPanel_1 = __webpack_require__(464);
 Object.defineProperty(exports, "LeftPanel", { enumerable: true, get: function () { return LeftPanel_1.LeftPanel; } });
-var RightPanel_1 = __webpack_require__(463);
+var RightPanel_1 = __webpack_require__(465);
 Object.defineProperty(exports, "RightPanel", { enumerable: true, get: function () { return RightPanel_1.RightPanel; } });
-var OverlayPanel_1 = __webpack_require__(464);
+var OverlayPanel_1 = __webpack_require__(466);
 Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return OverlayPanel_1.OverlayPanel; } });
-var AuthoringContainer_1 = __webpack_require__(465);
+var AuthoringContainer_1 = __webpack_require__(467);
 Object.defineProperty(exports, "AuthoringContainer", { enumerable: true, get: function () { return AuthoringContainer_1.AuthoringContainer; } });
-var ContentSplitter_1 = __webpack_require__(466);
+var ContentSplitter_1 = __webpack_require__(468);
 Object.defineProperty(exports, "ContentSplitter", { enumerable: true, get: function () { return ContentSplitter_1.ContentSplitter; } });
-var PageLayout_1 = __webpack_require__(467);
+var PageLayout_1 = __webpack_require__(469);
 Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return PageLayout_1.PageLayout; } });
-var Container_1 = __webpack_require__(468);
+var Container_1 = __webpack_require__(470);
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
-var AuthoringFrameContainer_1 = __webpack_require__(469);
+var AuthoringFrameContainer_1 = __webpack_require__(471);
 Object.defineProperty(exports, "AuthoringFrameContainer", { enumerable: true, get: function () { return AuthoringFrameContainer_1.AuthoringFrameContainer; } });
-var AuthoringFrameMain_1 = __webpack_require__(470);
+var AuthoringFrameMain_1 = __webpack_require__(472);
 Object.defineProperty(exports, "AuthoringFrameMain", { enumerable: true, get: function () { return AuthoringFrameMain_1.AuthoringFrameMain; } });
-var AuthoringFrameNavBar_1 = __webpack_require__(471);
+var AuthoringFrameNavBar_1 = __webpack_require__(473);
 Object.defineProperty(exports, "AuthoringFrameNavBar", { enumerable: true, get: function () { return AuthoringFrameNavBar_1.AuthoringFrameNavBar; } });
-var AuthoringFrameLeftBar_1 = __webpack_require__(472);
+var AuthoringFrameLeftBar_1 = __webpack_require__(474);
 Object.defineProperty(exports, "AuthoringFrameLeftBar", { enumerable: true, get: function () { return AuthoringFrameLeftBar_1.AuthoringFrameLeftBar; } });
-var AuthoringFrameRightBar_1 = __webpack_require__(473);
+var AuthoringFrameRightBar_1 = __webpack_require__(475);
 Object.defineProperty(exports, "AuthoringFrameRightBar", { enumerable: true, get: function () { return AuthoringFrameRightBar_1.AuthoringFrameRightBar; } });
-var AuthoringFrameSidePanel_1 = __webpack_require__(474);
+var AuthoringFrameSidePanel_1 = __webpack_require__(476);
 Object.defineProperty(exports, "AuthoringFrameSidePanel", { enumerable: true, get: function () { return AuthoringFrameSidePanel_1.AuthoringFrameSidePanel; } });
-var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(475);
+var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(477);
 Object.defineProperty(exports, "AuthoringFrameSidePanelOverlay", { enumerable: true, get: function () { return AuthoringFrameSidePanelOverlay_1.AuthoringFrameSidePanelOverlay; } });
-var AuthoringFrameOverlay_1 = __webpack_require__(476);
+var AuthoringFrameOverlay_1 = __webpack_require__(478);
 Object.defineProperty(exports, "AuthoringFrameOverlay", { enumerable: true, get: function () { return AuthoringFrameOverlay_1.AuthoringFrameOverlay; } });
-var AuthoringFrame_1 = __webpack_require__(477);
+var AuthoringFrame_1 = __webpack_require__(479);
 Object.defineProperty(exports, "AuthoringFrame", { enumerable: true, get: function () { return AuthoringFrame_1.AuthoringFrame; } });
-var AuthoringMain_1 = __webpack_require__(478);
+var AuthoringMain_1 = __webpack_require__(480);
 Object.defineProperty(exports, "AuthoringMain", { enumerable: true, get: function () { return AuthoringMain_1.AuthoringMain; } });
-var AuthoringMainContainer_1 = __webpack_require__(479);
+var AuthoringMainContainer_1 = __webpack_require__(481);
 Object.defineProperty(exports, "AuthoringMainContainer", { enumerable: true, get: function () { return AuthoringMainContainer_1.AuthoringMainContainer; } });
-var AuthoringMainToolBar_1 = __webpack_require__(480);
+var AuthoringMainToolBar_1 = __webpack_require__(482);
 Object.defineProperty(exports, "AuthoringMainToolBar", { enumerable: true, get: function () { return AuthoringMainToolBar_1.AuthoringMainToolBar; } });
-var AuthoringMainContent_1 = __webpack_require__(481);
+var AuthoringMainContent_1 = __webpack_require__(483);
 Object.defineProperty(exports, "AuthoringMainContent", { enumerable: true, get: function () { return AuthoringMainContent_1.AuthoringMainContent; } });
-var AuthoringInnerHeader_1 = __webpack_require__(482);
+var AuthoringInnerHeader_1 = __webpack_require__(484);
 Object.defineProperty(exports, "AuthoringInnerHeader", { enumerable: true, get: function () { return AuthoringInnerHeader_1.AuthoringInnerHeader; } });
-var AuthoringInnerBody_1 = __webpack_require__(483);
+var AuthoringInnerBody_1 = __webpack_require__(485);
 Object.defineProperty(exports, "AuthoringInnerBody", { enumerable: true, get: function () { return AuthoringInnerBody_1.AuthoringInnerBody; } });
-var AuthorinInnerSideBar_1 = __webpack_require__(484);
+var AuthorinInnerSideBar_1 = __webpack_require__(486);
 Object.defineProperty(exports, "AuthorinInnerSideBar", { enumerable: true, get: function () { return AuthorinInnerSideBar_1.AuthorinInnerSideBar; } });
-var CoreLayout_1 = __webpack_require__(485);
+var CoreLayout_1 = __webpack_require__(487);
 Object.defineProperty(exports, "CoreLayout", { enumerable: true, get: function () { return CoreLayout_1.CoreLayout; } });
-var CoreLayoutContainer_1 = __webpack_require__(486);
+var CoreLayoutContainer_1 = __webpack_require__(488);
 Object.defineProperty(exports, "CoreLayoutContainer", { enumerable: true, get: function () { return CoreLayoutContainer_1.CoreLayoutContainer; } });
-var CoreLayoutTopMenu_1 = __webpack_require__(487);
+var CoreLayoutTopMenu_1 = __webpack_require__(489);
 Object.defineProperty(exports, "CoreLayoutTopMenu", { enumerable: true, get: function () { return CoreLayoutTopMenu_1.CoreLayoutTopMenu; } });
-var CoreLayoutMain_1 = __webpack_require__(488);
+var CoreLayoutMain_1 = __webpack_require__(490);
 Object.defineProperty(exports, "CoreLayoutMain", { enumerable: true, get: function () { return CoreLayoutMain_1.CoreLayoutMain; } });
-var CoreLayoutSlideInMenu_1 = __webpack_require__(489);
+var CoreLayoutSlideInMenu_1 = __webpack_require__(491);
 Object.defineProperty(exports, "CoreLayoutSlideInMenu", { enumerable: true, get: function () { return CoreLayoutSlideInMenu_1.CoreLayoutSlideInMenu; } });
-var CoreLayoutFooter_1 = __webpack_require__(490);
+var CoreLayoutFooter_1 = __webpack_require__(492);
 Object.defineProperty(exports, "CoreLayoutFooter", { enumerable: true, get: function () { return CoreLayoutFooter_1.CoreLayoutFooter; } });
-var CoreLayoutOverlay_1 = __webpack_require__(491);
+var CoreLayoutOverlay_1 = __webpack_require__(493);
 Object.defineProperty(exports, "CoreLayoutOverlay", { enumerable: true, get: function () { return CoreLayoutOverlay_1.CoreLayoutOverlay; } });
-var HamburgerButton_1 = __webpack_require__(492);
+var HamburgerButton_1 = __webpack_require__(494);
 Object.defineProperty(exports, "HamburgerButton", { enumerable: true, get: function () { return HamburgerButton_1.HamburgerButton; } });
-var BottomBarAction_1 = __webpack_require__(493);
+var BottomBarAction_1 = __webpack_require__(495);
 Object.defineProperty(exports, "BottomBarAction", { enumerable: true, get: function () { return BottomBarAction_1.BottomBarAction; } });
-var MainMenu_1 = __webpack_require__(494);
+var MainMenu_1 = __webpack_require__(496);
 Object.defineProperty(exports, "MainMenu", { enumerable: true, get: function () { return MainMenu_1.MainMenu; } });
-var NotificationPanel_1 = __webpack_require__(495);
+var NotificationPanel_1 = __webpack_require__(497);
 Object.defineProperty(exports, "NotificationPanel", { enumerable: true, get: function () { return NotificationPanel_1.NotificationPanel; } });
 
 
@@ -37924,11 +37928,11 @@ exports.FormLabel = FormLabel;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
-var SideBarMenu_1 = __webpack_require__(496);
+var SideBarMenu_1 = __webpack_require__(498);
 Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
-var SideBarTabs_1 = __webpack_require__(497);
+var SideBarTabs_1 = __webpack_require__(499);
 Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
-var QuickNavBar_1 = __webpack_require__(498);
+var QuickNavBar_1 = __webpack_require__(500);
 Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
 
 
@@ -40563,7 +40567,7 @@ exports.TableListItem = exports.TableList = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(8));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_beautiful_dnd_1 = __webpack_require__(517);
+var react_beautiful_dnd_1 = __webpack_require__(519);
 var Tooltip_1 = __webpack_require__(41);
 var Button_1 = __webpack_require__(55);
 var Dropdown_1 = __webpack_require__(254);
@@ -41433,10 +41437,10 @@ exports.getDurationString = getDurationString;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoxedListContentRow = exports.BoxedListItem = exports.BoxedList = exports.SimpleListItem = exports.SimpleList = void 0;
-var SimpleList_1 = __webpack_require__(499);
+var SimpleList_1 = __webpack_require__(501);
 Object.defineProperty(exports, "SimpleList", { enumerable: true, get: function () { return SimpleList_1.SimpleList; } });
 Object.defineProperty(exports, "SimpleListItem", { enumerable: true, get: function () { return SimpleList_1.SimpleListItem; } });
-var BoxedList_1 = __webpack_require__(500);
+var BoxedList_1 = __webpack_require__(502);
 Object.defineProperty(exports, "BoxedList", { enumerable: true, get: function () { return BoxedList_1.BoxedList; } });
 Object.defineProperty(exports, "BoxedListItem", { enumerable: true, get: function () { return BoxedList_1.BoxedListItem; } });
 Object.defineProperty(exports, "BoxedListContentRow", { enumerable: true, get: function () { return BoxedList_1.BoxedListContentRow; } });
@@ -60039,7 +60043,7 @@ module.exports = isObject;
 /* 259 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var freeGlobal = __webpack_require__(507);
+var freeGlobal = __webpack_require__(509);
 
 /** Detect free variable `self`. */
 var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -60096,7 +60100,7 @@ var getBatch = function getBatch() {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(524);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(526);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(78);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(79);
@@ -60595,7 +60599,7 @@ function wrapMapToPropsFunc(mapToProps, methodName) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(530);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(532);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(266);
 
 
@@ -64150,13 +64154,13 @@ var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(7);
 var Loader_1 = __webpack_require__(74);
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
-var debounce_1 = __importDefault(__webpack_require__(505));
+var debounce_1 = __importDefault(__webpack_require__(507));
 var Form_1 = __webpack_require__(13);
 var core_1 = __webpack_require__(42);
 var lodash_1 = __webpack_require__(21);
 var Label_1 = __webpack_require__(36);
 var SelectPreview_1 = __webpack_require__(75);
-var TreeSelectPill_1 = __webpack_require__(516);
+var TreeSelectPill_1 = __webpack_require__(518);
 var TreeSelectItem_1 = __webpack_require__(284);
 var KeyboardNavigation_1 = __webpack_require__(285);
 var WithPortal_1 = __webpack_require__(286);
@@ -66312,7 +66316,8 @@ var Select = /** @class */ (function (_super) {
                 React.createElement("span", null, this.props.value)));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, readonly: this.props.readonly, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
-            React.createElement("select", { className: 'sd-input__select', id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId, tabIndex: this.props.tabindex, onChange: this.handleChange, disabled: this.props.disabled || this.props.readonly }, this.props.children)));
+            React.createElement("span", { className: 'sd-input__select-caret-wrapper' },
+                React.createElement("select", { className: 'sd-input__select', id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId, tabIndex: this.props.tabindex, onChange: this.handleChange, disabled: this.props.disabled || this.props.readonly }, this.props.children))));
     };
     return Select;
 }(React.Component));
@@ -77554,7 +77559,7 @@ var FormLabel = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('form-label form-label--block', {
             'form-label--light': this.props.style === 'light',
         });
-        return (React.createElement("div", { className: classes }, this.props.text));
+        return (React.createElement("label", { className: classes }, this.props.text));
     };
     return FormLabel;
 }(React.PureComponent));
@@ -101918,6 +101923,281 @@ exports.SearchBar = SearchBar;
 
 "use strict";
 
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgIconIllustration = void 0;
+var React = __importStar(__webpack_require__(0));
+var classnames_1 = __importDefault(__webpack_require__(2));
+var SvgIconIllustration = /** @class */ (function (_super) {
+    __extends(SvgIconIllustration, _super);
+    function SvgIconIllustration() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /* tslint:disable */
+    SvgIconIllustration.prototype.renderSVG = function () {
+        switch (this.props.illustration) {
+            case 'headlines':
+                return (React.createElement("svg", { width: "64", height: "32", viewBox: "0 0 64 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { "clip-path": "url(#clip0_1958_28602)" },
+                        React.createElement("path", { d: "M26 14.5C26 14.2239 26.2239 14 26.5 14H32.5C32.7761 14 33 14.2239 33 14.5C33 14.7761 32.7761 15 32.5 15H26.5C26.2239 15 26 14.7761 26 14.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M26 17.5C26 17.2239 26.2239 17 26.5 17H32.5C32.7761 17 33 17.2239 33 17.5C33 17.7761 32.7761 18 32.5 18H26.5C26.2239 18 26 17.7761 26 17.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M35 17.5C35 17.2239 35.2239 17 35.5 17H41.5C41.7761 17 42 17.2239 42 17.5C42 17.7761 41.7761 18 41.5 18H35.5C35.2239 18 35 17.7761 35 17.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M26.5 20C26.2239 20 26 20.2239 26 20.5C26 20.7761 26.2239 21 26.5 21H32.5C32.7761 21 33 20.7761 33 20.5C33 20.2239 32.7761 20 32.5 20H26.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M35.5 20C35.2239 20 35 20.2239 35 20.5C35 20.7761 35.2239 21 35.5 21H41.5C41.7761 21 42 20.7761 42 20.5C42 20.2239 41.7761 20 41.5 20H35.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M26 23.5C26 23.2239 26.2239 23 26.5 23H32.5C32.7761 23 33 23.2239 33 23.5C33 23.7761 32.7761 24 32.5 24H26.5C26.2239 24 26 23.7761 26 23.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                        React.createElement("path", { d: "M34.998 23.5C34.998 23.2239 35.2219 23 35.498 23H41.498C41.7742 23 41.998 23.2239 41.998 23.5C41.998 23.7761 41.7742 24 41.498 24H35.498C35.2219 24 34.998 23.7761 34.998 23.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" })),
+                    React.createElement("path", { opacity: "0.6", "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M27 5C26.4477 5 26 5.44772 26 6V10C26 10.5523 26.4477 11 27 11H33V8.6C33 7.71634 33.7163 7 34.6 7H42V6C42 5.44772 41.5523 5 41 5H27Z", fill: "var(--sd-colour-primary--active)" }),
+                    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 5V2C21 0.981692 21.9378 0 23 0H45C46.1043 0 47 0.895715 47 2V7H45V2H23V27C23 27.5523 22.5523 28 22 28C21.4477 28 21 27.5523 21 27V7H19V28C19 29.0889 19.9118 30 21 30H43C44 30 45 29 45 28V17H47V28C47 29.0608 46.579 30.0782 45.8281 30.8281C45.0783 31.579 44.0608 32 43 32H21C19.9392 32 18.9218 31.579 18.1719 30.8281C17.421 30.0782 17 29.0608 17 28V6C17 5.5 17.4477 5 18 5H21Z", fill: "var(--color-text-light)", "fill-opacity": "0.8" }),
+                    React.createElement("rect", { x: "35", y: "9", width: "16", height: "6", rx: "1", fill: "var(--sd-colour-primary--active)" }),
+                    React.createElement("path", { d: "M53.25 10L54.8167 6.56667L58.25 5L54.8167 3.43333L53.25 0L51.6833 3.43333L48.25 5L51.6833 6.56667L53.25 10Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                    React.createElement("path", { d: "M58.25 14L58.8767 12.6267L60.25 12L58.8767 11.3733L58.25 10L57.6233 11.3733L56.25 12L57.6233 12.6267L58.25 14Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M59 23L59.94 20.94L62 20L59.94 19.06L59 17L58.06 19.06L56 20L58.06 20.94L59 23Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M5 15L5.94 12.94L8 12L5.94 11.06L5 9L4.06 11.06L2 12L4.06 12.94L5 15Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M10 9L11.2533 6.25333L14 5L11.2533 3.74667L10 1L8.74667 3.74667L6 5L8.74667 6.25333L10 9Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                    React.createElement("path", { d: "M10 19L10.6267 17.6267L12 17L10.6267 16.3733L10 15L9.37333 16.3733L8 17L9.37333 17.6267L10 19Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("defs", null,
+                        React.createElement("clipPath", { id: "clip0_1958_28602" },
+                            React.createElement("rect", { width: "16", height: "10", fill: "white", transform: "translate(26 14)" })))));
+            case 'keywords':
+                return (React.createElement("svg", { width: "64", height: "32", viewBox: "0 0 64 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { "clip-path": "url(#clip0_1814_54108)" },
+                        React.createElement("g", { "clip-path": "url(#clip1_1814_54108)" },
+                            React.createElement("rect", { x: "21", y: "5", width: "22", height: "5", rx: "1", fill: "var(--color-text-lighter)", "fill-opacity": "0.8" }),
+                            React.createElement("path", { d: "M21.5 13C21.2239 13 21 13.2239 21 13.5C21 13.7761 21.2239 14 21.5 14H30.5C30.7761 14 31 13.7761 31 13.5C31 13.2239 30.7761 13 30.5 13H21.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M33.5 13C33.2239 13 33 13.2239 33 13.5C33 13.7761 33.2239 14 33.5 14H42.5C42.7761 14 43 13.7761 43 13.5C43 13.2239 42.7761 13 42.5 13H33.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M21.5 16C21.2239 16 21 16.2239 21 16.5C21 16.7761 21.2239 17 21.5 17H30.5C30.7761 17 31 16.7761 31 16.5C31 16.2239 30.7761 16 30.5 16H21.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M33.5 16C33.2239 16 33 16.2239 33 16.5C33 16.7761 33.2239 17 33.5 17H42.5C42.7761 17 43 16.7761 43 16.5C43 16.2239 42.7761 16 42.5 16H33.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M21 19.5C21 19.2239 21.2239 19 21.5 19H30.5C30.7761 19 31 19.2239 31 19.5C31 19.7761 30.7761 20 30.5 20H21.5C21.2239 20 21 19.7761 21 19.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M33 19.5C33 19.2239 33.2239 19 33.5 19H42.5C42.7761 19 43 19.2239 43 19.5C43 19.7761 42.7761 20 42.5 20H33.5C33.2239 20 33 19.7761 33 19.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M21.5 22C21.2239 22 21 22.2239 21 22.5C21 22.7761 21.2239 23 21.5 23H30.5C30.7761 23 31 22.7761 31 22.5C31 22.2239 30.7761 22 30.5 22H21.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M33.5 22C33.2239 22 33 22.2239 33 22.5C33 22.7761 33.2239 23 33.5 23H42.5C42.7761 23 43 22.7761 43 22.5C43 22.2239 42.7761 22 42.5 22H33.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M21 25.5C21 25.2239 21.2239 25 21.5 25H30.5C30.7761 25 31 25.2239 31 25.5C31 25.7761 30.7761 26 30.5 26H21.5C21.2239 26 21 25.7761 21 25.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M33 25.5C33 25.2239 33.2239 25 33.5 25H42.5C42.7761 25 43 25.2239 43 25.5C43 25.7761 42.7761 26 42.5 26H33.5C33.2239 26 33 25.7761 33 25.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" })),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M47 2H17V6H15V2C15 0.895431 15.8954 0 17 0H47C48.1046 0 49 0.895431 49 2V15H47V2ZM47 27V30H17V20H15V30C15 31.1046 15.8954 32 17 32H47C48.1046 32 49 31.1046 49 30V27H47Z", fill: "var(--color-text-light)", "fill-opacity": "0.8" }),
+                        React.createElement("rect", { x: "45", y: "17", width: "19", height: "8", rx: "1", fill: "var(--sd-colour-primary--active)" }),
+                        React.createElement("path", { d: "M48 19.5C48 19.2239 48.2239 19 48.5 19H51.5C51.7761 19 52 19.2239 52 19.5C52 19.7761 51.7761 20 51.5 20H48.5C48.2239 20 48 19.7761 48 19.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M48 22.5C48 22.2239 48.2239 22 48.5 22H53.5C53.7761 22 54 22.2239 54 22.5C54 22.7761 53.7761 23 53.5 23H48.5C48.2239 23 48 22.7761 48 22.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M53.5 19C53.2239 19 53 19.2239 53 19.5C53 19.7761 53.2239 20 53.5 20H54.5C54.7761 20 55 19.7761 55 19.5C55 19.2239 54.7761 19 54.5 19H53.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M56 19.5C56 19.2239 56.2239 19 56.5 19H60.5C60.7761 19 61 19.2239 61 19.5C61 19.7761 60.7761 20 60.5 20H56.5C56.2239 20 56 19.7761 56 19.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M55.5 22C55.2239 22 55 22.2239 55 22.5C55 22.7761 55.2239 23 55.5 23H57.5C57.7761 23 58 22.7761 58 22.5C58 22.2239 57.7761 22 57.5 22H55.5Z", fill: "#F6F7F8" }),
+                        React.createElement("rect", { y: "8", width: "19", height: "10", rx: "1", fill: "var(--sd-colour-primary--active)" }),
+                        React.createElement("path", { d: "M3 11.5C3 11.2239 3.22386 11 3.5 11H6.5C6.77614 11 7 11.2239 7 11.5C7 11.7761 6.77614 12 6.5 12H3.5C3.22386 12 3 11.7761 3 11.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M3 14.5C3 14.2239 3.22386 14 3.5 14H8.5C8.77614 14 9 14.2239 9 14.5C9 14.7761 8.77614 15 8.5 15H3.5C3.22386 15 3 14.7761 3 14.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M8.5 11C8.22386 11 8 11.2239 8 11.5C8 11.7761 8.22386 12 8.5 12H9.5C9.77614 12 10 11.7761 10 11.5C10 11.2239 9.77614 11 9.5 11H8.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M11 11.5C11 11.2239 11.2239 11 11.5 11H15.5C15.7761 11 16 11.2239 16 11.5C16 11.7761 15.7761 12 15.5 12H11.5C11.2239 12 11 11.7761 11 11.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M10.5 14C10.2239 14 10 14.2239 10 14.5C10 14.7761 10.2239 15 10.5 15H12.5C12.7761 15 13 14.7761 13 14.5C13 14.2239 12.7761 14 12.5 14H10.5Z", fill: "#F6F7F8" }),
+                        React.createElement("path", { d: "M55 9L56.2533 6.25333L59 5L56.2533 3.74667L55 1L53.7467 3.74667L51 5L53.7467 6.25333L55 9Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M5 32L6.25333 29.2533L9 28L6.25333 26.7467L5 24L3.74667 26.7467L1 28L3.74667 29.2533L5 32Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M59.5 32L60.1267 30.6267L61.5 30L60.1267 29.3733L59.5 28L58.8733 29.3733L57.5 30L58.8733 30.6267L59.5 32Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M53 15L53.6267 13.6267L55 13L53.6267 12.3733L53 11L52.3733 12.3733L51 13L52.3733 13.6267L53 15Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M11 25L11.6267 23.6267L13 23L11.6267 22.3733L11 21L10.3733 22.3733L9 23L10.3733 23.6267L11 25Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M2 4L2.62667 2.62667L4 2L2.62667 1.37333L2 0L1.37333 1.37333L0 2L1.37333 2.62667L2 4Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M60.5 15L61.44 12.94L63.5 12L61.44 11.06L60.5 9L59.56 11.06L57.5 12L59.56 12.94L60.5 15Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M10 6L10.94 3.94L13 3L10.94 2.06L10 0L9.06 2.06L7 3L9.06 3.94L10 6Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" })),
+                    React.createElement("defs", null,
+                        React.createElement("clipPath", { id: "clip0_1814_54108" },
+                            React.createElement("rect", { width: "64", height: "32", fill: "white" })),
+                        React.createElement("clipPath", { id: "clip1_1814_54108" },
+                            React.createElement("rect", { width: "22", height: "21", fill: "white", transform: "translate(21 5)" })))));
+            case 'optimise':
+                return (React.createElement("svg", { width: "64", height: "32", viewBox: "0 0 64 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { "clip-path": "url(#clip0_1814_54107)" },
+                        React.createElement("g", { "clip-path": "url(#clip1_1814_54107)" },
+                            React.createElement("path", { d: "M37.0012 22C37.2658 22.3521 37.5531 22.6861 37.8609 23H30.5C30.2239 23 30 22.7761 30 22.5C30 22.2239 30.2239 22 30.5 22H37.0012Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M35.4584 19C35.5658 19.3416 35.6911 19.6753 35.8331 20H30.5C30.2239 20 30 19.7761 30 19.5C30 19.2239 30.2239 19 30.5 19H35.4584Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M35 16H30.5C30.2239 16 30 16.2239 30 16.5C30 16.7761 30.2239 17 30.5 17H35.0495C35.0167 16.6711 35 16.3375 35 16Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M35.4584 13C35.3558 13.3265 35.2694 13.6601 35.2003 14H30.5C30.2239 14 30 13.7761 30 13.5C30 13.2239 30.2239 13 30.5 13H35.4584Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M18 13.5C18 13.2239 18.2239 13 18.5 13H27.5C27.7761 13 28 13.2239 28 13.5C28 13.7761 27.7761 14 27.5 14H18.5C18.2239 14 18 13.7761 18 13.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M18 16.5C18 16.2239 18.2239 16 18.5 16H27.5C27.7761 16 28 16.2239 28 16.5C28 16.7761 27.7761 17 27.5 17H18.5C18.2239 17 18 16.7761 18 16.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M18.5 19C18.2239 19 18 19.2239 18 19.5C18 19.7761 18.2239 20 18.5 20H27.5C27.7761 20 28 19.7761 28 19.5C28 19.2239 27.7761 19 27.5 19H18.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M18 22.5C18 22.2239 18.2239 22 18.5 22H27.5C27.7761 22 28 22.2239 28 22.5C28 22.7761 27.7761 23 27.5 23H18.5C18.2239 23 18 22.7761 18 22.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M18.5 25C18.2239 25 18 25.2239 18 25.5C18 25.7761 18.2239 26 18.5 26H27.5C27.7761 26 28 25.7761 28 25.5C28 25.2239 27.7761 25 27.5 25H18.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { d: "M30.5 25C30.2239 25 30 25.2239 30 25.5C30 25.7761 30.2239 26 30.5 26H39.5C39.7761 26 40 25.7761 40 25.5C40 25.2239 39.7761 25 39.5 25H30.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" }),
+                            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19 5C18.4477 5 18 5.44772 18 6V9C18 9.55228 18.4477 10 19 10H37.0012C37.8097 8.92425 38.83 8.01663 40 7.33929V6C40 5.44772 39.5523 5 39 5H19Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.8" })),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14 2H44V6.04946C44.3289 6.01675 44.6625 6 45 6C45.3375 6 45.6711 6.01675 46 6.04946V2C46 0.895431 45.1046 0 44 0H14C12.8954 0 12 0.895431 12 2V30C12 31.1046 12.8954 32 14 32H44C45.1046 32 46 31.1046 46 30V25.9505C45.6711 25.9833 45.3375 26 45 26C44.6625 26 44.3289 25.9833 44 25.9505V30H14L14 2Z", fill: "var(--color-text-light)", "fill-opacity": "0.8" }),
+                        React.createElement("circle", { cx: "45", cy: "16", r: "7", fill: "var(--color-bg-00)" }),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M53 16C53 11.5848 49.4152 8 45 8C40.5848 8 37 11.5848 37 16C37 20.4152 40.5848 24 45 24C46.9918 24 48.8147 23.2704 50.2156 22.0642L52.7246 24.5732C52.5137 25.1115 52.6257 25.7471 53.0607 26.182L56.5962 29.7175C57.182 30.3033 58.1317 30.3033 58.7175 29.7175C59.3033 29.1317 59.3033 28.182 58.7175 27.5962L55.182 24.0607C54.747 23.6257 54.1114 23.5137 53.5732 23.7247L51.0641 21.2156C52.2704 19.8147 53 17.9919 53 16ZM51 16C51 12.6894 48.3106 10 45 10C41.6894 10 39 12.6894 39 16C39 19.3106 41.6894 22 45 22C48.3106 22 51 19.3106 51 16Z", fill: "var(--sd-colour-primary--active)" }),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M48.7046 13.2955C49.0937 13.6846 49.0937 14.3155 48.7046 14.7046L44.7046 18.7046C44.3155 19.0938 43.6846 19.0938 43.2954 18.7046L41.2954 16.7046C40.9063 16.3155 40.9063 15.6846 41.2954 15.2955C41.6846 14.9064 42.3155 14.9064 42.7046 15.2955L44 16.5909L47.2954 13.2955C47.6846 12.9064 48.3155 12.9064 48.7046 13.2955Z", fill: "var(--sd-colour-primary--hover)" }),
+                        React.createElement("path", { d: "M53.75 9L55.0033 6.25333L57.75 5L55.0033 3.74667L53.75 1L52.4967 3.74667L49.75 5L52.4967 6.25333L53.75 9Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M3.75 13L5.00333 10.2533L7.75 9L5.00333 7.74667L3.75 5L2.49667 7.74667L-0.25 9L2.49667 10.2533L3.75 13Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M55.75 16L56.3767 14.6267L57.75 14L56.3767 13.3733L55.75 12L55.1233 13.3733L53.75 14L55.1233 14.6267L55.75 16Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M8.5 29L9.12667 27.6267L10.5 27L9.12667 26.3733L8.5 25L7.87333 26.3733L6.5 27L7.87333 27.6267L8.5 29Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M60.75 18L61.3767 16.6267L62.75 16L61.3767 15.3733L60.75 14L60.1233 15.3733L58.75 16L60.1233 16.6267L60.75 18Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M7.75 5L8.37667 3.62667L9.75 3L8.37667 2.37333L7.75 1L7.12333 2.37333L5.75 3L7.12333 3.62667L7.75 5Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M50.75 32L51.3767 30.6267L52.75 30L51.3767 29.3733L50.75 28L50.1233 29.3733L48.75 30L50.1233 30.6267L50.75 32Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M58.75 25L59.69 22.94L61.75 22L59.69 21.06L58.75 19L57.81 21.06L55.75 22L57.81 22.94L58.75 25Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M6.75 21L7.69 18.94L9.75 18L7.69 17.06L6.75 15L5.81 17.06L3.75 18L5.81 18.94L6.75 21Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" })),
+                    React.createElement("defs", null,
+                        React.createElement("clipPath", { id: "clip0_1814_54107" },
+                            React.createElement("rect", { width: "64", height: "32", fill: "white" })),
+                        React.createElement("clipPath", { id: "clip1_1814_54107" },
+                            React.createElement("rect", { width: "22", height: "21", fill: "white", transform: "translate(18 5)" })))));
+            case 'summary':
+                return (React.createElement("svg", { width: "64", height: "32", viewBox: "0 0 64 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { "clip-path": "url(#clip0_1814_54105)" },
+                        React.createElement("g", { "clip-path": "url(#clip1_1814_54105)" },
+                            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M41 6.34267V6C41 5.44772 40.5523 5 40 5H20C19.4477 5 19 5.44772 19 6V9C19 9.55228 19.4477 10 20 10H39.223C39.5322 8.63763 40.1504 7.39265 41 6.34267Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.8" }),
+                            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M31.5 13H39.0549C39.0924 13.3394 39.1488 13.6731 39.223 14H31.5C31.2239 14 31 13.7761 31 13.5C31 13.2239 31.2239 13 31.5 13ZM31.5 16H39.9355C40.1077 16.3465 40.3016 16.6804 40.5154 16.9998L40.5 17H31.5C31.2239 17 31 16.7761 31 16.5C31 16.2239 31.2239 16 31.5 16ZM19.5 13C19.2239 13 19 13.2239 19 13.5C19 13.7761 19.2239 14 19.5 14H28.5C28.7761 14 29 13.7761 29 13.5C29 13.2239 28.7761 13 28.5 13H19.5ZM20.9291 20C20.8802 19.6581 20.8066 19.3241 20.7101 19H28.5C28.7761 19 29 19.2239 29 19.5C29 19.7761 28.7761 20 28.5 20H20.9291ZM20.7101 23C20.8066 22.6759 20.8802 22.3419 20.9291 22H28.5C28.7761 22 29 22.2239 29 22.5C29 22.7761 28.7761 23 28.5 23H20.7101ZM19.0978 16.2029C19.1889 16.0798 19.3351 16 19.5 16H28.5C28.7761 16 29 16.2239 29 16.5C29 16.7761 28.7761 17 28.5 17H19.7453C19.5489 16.7185 19.3324 16.4521 19.0978 16.2029ZM19.0978 25.7971C19.3324 25.5479 19.5489 25.2815 19.7453 25H28.5C28.7761 25 29 25.2239 29 25.5C29 25.7761 28.7761 26 28.5 26H19.5C19.3351 26 19.1889 25.9202 19.0978 25.7971ZM31 19.5C31 19.2239 31.2239 19 31.5 19H40.5C40.7761 19 41 19.2239 41 19.5C41 19.7761 40.7761 20 40.5 20H31.5C31.2239 20 31 19.7761 31 19.5ZM31.5 22C31.2239 22 31 22.2239 31 22.5C31 22.7761 31.2239 23 31.5 23H40.5C40.7761 23 41 22.7761 41 22.5C41 22.2239 40.7761 22 40.5 22H31.5ZM31 25.5C31 25.2239 31.2239 25 31.5 25H40.5C40.7761 25 41 25.2239 41 25.5C41 25.7761 40.7761 26 40.5 26H31.5C31.2239 26 31 25.7761 31 25.5Z", fill: "var(--color-text-lighter)", "fill-opacity": "0.5" })),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M45 2H15V14.0709C14.6734 14.0242 14.3395 14 14 14C13.6605 14 13.3266 14.0242 13 14.0709V2C13 0.895431 13.8954 0 15 0H45C46.1046 0 47 0.895431 47 2V3.05493C46.3065 3.13159 45.6368 3.28703 45 3.51212V2ZM45 20.4879V30H15V27.9291C14.6734 27.9758 14.3395 28 14 28C13.6605 28 13.3266 27.9758 13 27.9291V30C13 31.1046 13.8954 32 15 32H45C46.1046 32 47 31.1046 47 30V20.9451C46.3065 20.8684 45.6368 20.713 45 20.4879Z", fill: "var(--color-text-light)", "fill-opacity": "0.8" }),
+                        React.createElement("circle", { cx: "48", cy: "12", r: "7", fill: "var(--sd-colour-primary--active)" }),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M51.2043 9.67574C51.4386 9.91005 51.4386 10.2899 51.2043 10.5243L47.3614 14.3671C47.1271 14.6014 46.7472 14.6014 46.5129 14.3671L44.9757 12.83C44.7414 12.5957 44.7414 12.2158 44.9757 11.9814C45.21 11.7471 45.5899 11.7471 45.8243 11.9814L46.9371 13.0943L50.3557 9.67574C50.59 9.44142 50.9699 9.44142 51.2043 9.67574Z", fill: "white" }),
+                        React.createElement("circle", { cx: "14", cy: "21", r: "5", fill: "var(--sd-colour-primary--active)" }),
+                        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.1743 19.3256C16.4086 19.56 16.4086 19.9399 16.1743 20.1742L13.6743 22.6742C13.4399 22.9085 13.06 22.9085 12.8257 22.6742L11.8257 21.6742C11.5914 21.4399 11.5914 21.06 11.8257 20.8256C12.06 20.5913 12.4399 20.5913 12.6743 20.8256L13.25 21.4014L15.3257 19.3256C15.56 19.0913 15.9399 19.0913 16.1743 19.3256Z", fill: "white" }),
+                        React.createElement("path", { d: "M55.25 27L56.5033 24.2533L59.25 23L56.5033 21.7467L55.25 19L53.9967 21.7467L51.25 23L53.9967 24.2533L55.25 27Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M57.5 6L58.1267 4.62667L59.5 4L58.1267 3.37333L57.5 2L56.8733 3.37333L55.5 4L56.8733 4.62667L57.5 6Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M60.25 16L61.19 13.94L63.25 13L61.19 12.06L60.25 10L59.31 12.06L57.25 13L59.31 13.94L60.25 16Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M3 14L3.94 11.94L6 11L3.94 10.06L3 8L2.06 10.06L0 11L2.06 11.94L3 14Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                        React.createElement("path", { d: "M8 8L9.25333 5.25333L12 4L9.25333 2.74667L8 0L6.74667 2.74667L4 4L6.74667 5.25333L8 8Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                        React.createElement("path", { d: "M8 16L8.62667 14.6267L10 14L8.62667 13.3733L8 12L7.37333 13.3733L6 14L7.37333 14.6267L8 16Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" })),
+                    React.createElement("defs", null,
+                        React.createElement("clipPath", { id: "clip0_1814_54105" },
+                            React.createElement("rect", { width: "64", height: "32", fill: "white" })),
+                        React.createElement("clipPath", { id: "clip1_1814_54105" },
+                            React.createElement("rect", { width: "22", height: "21", fill: "white", transform: "translate(19 5)" })))));
+            case 'translate':
+                return (React.createElement("svg", { width: "64", height: "32", viewBox: "0 0 64 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M28 20V25C28 26.1046 28.8954 27 30 27H45L50 32V11C50 9.89543 49.1046 9 48 9H34V11L48 11V27.1716L45.8284 25H30L30 20H28Z", fill: "var(--color-text-light)", "fill-opacity": "0.8" }),
+                    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M39 13.3C39.2943 13.3 39.5573 13.4842 39.6578 13.7608L41.654 19.2504L42.6499 21.7401C42.7935 22.099 42.6189 22.5064 42.26 22.65C41.901 22.7936 41.4936 22.619 41.3501 22.26L40.5261 20.2H37.4739L36.6499 22.26C36.5063 22.619 36.099 22.7936 35.74 22.65C35.3811 22.5064 35.2065 22.099 35.3501 21.7401L36.3459 19.2504L38.3421 13.7608C38.4427 13.4842 38.7056 13.3 39 13.3ZM37.9994 18.8H40.0006L39 16.0484L37.9994 18.8Z", fill: "var(--color-text-light)" }),
+                    React.createElement("path", { d: "M49 8L50.2533 5.25333L53 4L50.2533 2.74667L49 0L47.7467 2.74667L45 4L47.7467 5.25333L49 8Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                    React.createElement("path", { d: "M59 5L59.6267 3.62667L61 3L59.6267 2.37333L59 1L58.3733 2.37333L57 3L58.3733 3.62667L59 5Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M10 2C10 0.89543 10.8954 0 12 0H30C31.1046 0 32 0.895431 32 2V16C32 17.1046 31.1046 18 30 18H15L10 23V2Z", fill: "var(--sd-colour-primary--active)" }),
+                    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.505 3.00507C19.7784 2.73171 20.2216 2.73171 20.495 3.00507L21.495 4.00507C21.7683 4.27844 21.7683 4.72166 21.495 4.99502C21.2216 5.26839 20.7784 5.26839 20.505 4.99502L19.505 3.99502C19.2316 3.72166 19.2316 3.27844 19.505 3.00507ZM16.3 6.50005C16.3 6.11345 16.6134 5.80005 17 5.80005H25C25.3866 5.80005 25.7 6.11345 25.7 6.50005C25.7 6.88665 25.3866 7.20005 25 7.20005H24.1474C23.9415 8.57972 23.1504 9.87026 22.1242 10.8808C23.055 11.4606 24.0746 11.8 25 11.8C25.3866 11.8 25.7 12.1134 25.7 12.5C25.7 12.8866 25.3866 13.2 25 13.2C23.6228 13.2 22.2014 12.6549 21 11.8152C19.7985 12.6549 18.3772 13.2 17 13.2C16.6134 13.2 16.3 12.8866 16.3 12.5C16.3 12.1134 16.6134 11.8 17 11.8C17.9254 11.8 18.945 11.4606 19.8757 10.8808C18.8495 9.87026 18.0584 8.57972 17.8526 7.20005H17C16.6134 7.20005 16.3 6.88665 16.3 6.50005ZM19.2749 7.20005C19.4819 8.1869 20.1062 9.18668 21 10.0193C21.8937 9.18668 22.5181 8.1869 22.7251 7.20005H19.2749Z", fill: "white" }),
+                    React.createElement("path", { d: "M19 28L20.2533 25.2533L23 24L20.2533 22.7467L19 20L17.7467 22.7467L15 24L17.7467 25.2533L19 28Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.4" }),
+                    React.createElement("path", { d: "M7 31L7.94 28.94L10 28L7.94 27.06L7 25L6.06 27.06L4 28L6.06 28.94L7 31Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M25 31L25.6267 29.6267L27 29L25.6267 28.3733L25 27L24.3733 28.3733L23 29L24.3733 29.6267L25 31Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" }),
+                    React.createElement("path", { d: "M54 16L54.94 13.94L57 13L54.94 12.06L54 10L53.06 12.06L51 13L53.06 13.94L54 16Z", fill: "var(--sd-colour-primary--active)", "fill-opacity": "0.32" })));
+            default:
+                return null;
+        }
+    };
+    /* tslint:enable */
+    SvgIconIllustration.prototype.render = function () {
+        var _a;
+        var classes = (0, classnames_1.default)('svg-icon-illustration', (_a = {},
+            _a["svg-icon-illustration--".concat(this.props.illustration)] = this.props.illustration,
+            _a));
+        return (React.createElement("figure", { className: classes, "aria-hidden": "true" }, this.renderSVG()));
+    };
+    return SvgIconIllustration;
+}(React.PureComponent));
+exports.SvgIconIllustration = SvgIconIllustration;
+
+
+/***/ }),
+/* 459 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationButton = void 0;
+var React = __importStar(__webpack_require__(0));
+var classnames_1 = __importDefault(__webpack_require__(2));
+var IllustrationButton = /** @class */ (function (_super) {
+    __extends(IllustrationButton, _super);
+    function IllustrationButton() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    IllustrationButton.prototype.render = function () {
+        var classes = (0, classnames_1.default)('illustration-button', {
+            'illustration-button--disabled': this.props.disabled,
+        });
+        return (React.createElement("button", { className: classes, tabIndex: 0, onClick: this.props.onClick },
+            this.props.children,
+            React.createElement("span", { className: 'illustration-button__text-label' }, this.props.text)));
+    };
+    return IllustrationButton;
+}(React.PureComponent));
+exports.IllustrationButton = IllustrationButton;
+
+
+/***/ }),
+/* 460 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -101960,7 +102240,7 @@ exports.Layout = Layout;
 
 
 /***/ }),
-/* 459 */
+/* 461 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102020,7 +102300,7 @@ exports.LayoutContainer = LayoutContainer;
 
 
 /***/ }),
-/* 460 */
+/* 462 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102080,7 +102360,7 @@ exports.HeaderPanel = HeaderPanel;
 
 
 /***/ }),
-/* 461 */
+/* 463 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102150,7 +102430,7 @@ exports.MainPanel = MainPanel;
 
 
 /***/ }),
-/* 462 */
+/* 464 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102217,7 +102497,7 @@ exports.LeftPanel = LeftPanel;
 
 
 /***/ }),
-/* 463 */
+/* 465 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102277,7 +102557,7 @@ exports.RightPanel = RightPanel;
 
 
 /***/ }),
-/* 464 */
+/* 466 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102339,7 +102619,7 @@ exports.OverlayPanel = OverlayPanel;
 
 
 /***/ }),
-/* 465 */
+/* 467 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102410,7 +102690,7 @@ exports.AuthoringContainer = AuthoringContainer;
 
 
 /***/ }),
-/* 466 */
+/* 468 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102479,7 +102759,7 @@ exports.ContentSplitter = ContentSplitter;
 
 
 /***/ }),
-/* 467 */
+/* 469 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102556,7 +102836,7 @@ exports.PageLayout = PageLayout;
 
 
 /***/ }),
-/* 468 */
+/* 470 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102629,7 +102909,7 @@ exports.Container = Container;
 
 
 /***/ }),
-/* 469 */
+/* 471 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102689,7 +102969,7 @@ exports.AuthoringFrameContainer = AuthoringFrameContainer;
 
 
 /***/ }),
-/* 470 */
+/* 472 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102749,7 +103029,7 @@ exports.AuthoringFrameMain = AuthoringFrameMain;
 
 
 /***/ }),
-/* 471 */
+/* 473 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102809,7 +103089,7 @@ exports.AuthoringFrameNavBar = AuthoringFrameNavBar;
 
 
 /***/ }),
-/* 472 */
+/* 474 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102869,7 +103149,7 @@ exports.AuthoringFrameLeftBar = AuthoringFrameLeftBar;
 
 
 /***/ }),
-/* 473 */
+/* 475 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -102940,7 +103220,7 @@ exports.AuthoringFrameRightBar = AuthoringFrameRightBar;
 
 
 /***/ }),
-/* 474 */
+/* 476 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103009,7 +103289,7 @@ exports.AuthoringFrameSidePanel = AuthoringFrameSidePanel;
 
 
 /***/ }),
-/* 475 */
+/* 477 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103078,7 +103358,7 @@ exports.AuthoringFrameSidePanelOverlay = AuthoringFrameSidePanelOverlay;
 
 
 /***/ }),
-/* 476 */
+/* 478 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103138,7 +103418,7 @@ exports.AuthoringFrameOverlay = AuthoringFrameOverlay;
 
 
 /***/ }),
-/* 477 */
+/* 479 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103207,7 +103487,7 @@ exports.AuthoringFrame = AuthoringFrame;
 
 
 /***/ }),
-/* 478 */
+/* 480 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103273,7 +103553,7 @@ exports.AuthoringMain = AuthoringMain;
 
 
 /***/ }),
-/* 479 */
+/* 481 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103333,7 +103613,7 @@ exports.AuthoringMainContainer = AuthoringMainContainer;
 
 
 /***/ }),
-/* 480 */
+/* 482 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103400,7 +103680,7 @@ exports.AuthoringMainToolBar = AuthoringMainToolBar;
 
 
 /***/ }),
-/* 481 */
+/* 483 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103460,7 +103740,7 @@ exports.AuthoringMainContent = AuthoringMainContent;
 
 
 /***/ }),
-/* 482 */
+/* 484 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103539,7 +103819,7 @@ exports.AuthoringInnerHeader = AuthoringInnerHeader;
 
 
 /***/ }),
-/* 483 */
+/* 485 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103605,7 +103885,7 @@ exports.AuthoringInnerBody = AuthoringInnerBody;
 
 
 /***/ }),
-/* 484 */
+/* 486 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103665,7 +103945,7 @@ exports.AuthorinInnerSideBar = AuthorinInnerSideBar;
 
 
 /***/ }),
-/* 485 */
+/* 487 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103731,7 +104011,7 @@ exports.CoreLayout = CoreLayout;
 
 
 /***/ }),
-/* 486 */
+/* 488 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103791,7 +104071,7 @@ exports.CoreLayoutContainer = CoreLayoutContainer;
 
 
 /***/ }),
-/* 487 */
+/* 489 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103856,7 +104136,7 @@ exports.CoreLayoutTopMenu = CoreLayoutTopMenu;
 
 
 /***/ }),
-/* 488 */
+/* 490 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103923,7 +104203,7 @@ exports.CoreLayoutMain = CoreLayoutMain;
 
 
 /***/ }),
-/* 489 */
+/* 491 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -103992,7 +104272,7 @@ exports.CoreLayoutSlideInMenu = CoreLayoutSlideInMenu;
 
 
 /***/ }),
-/* 490 */
+/* 492 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104052,7 +104332,7 @@ exports.CoreLayoutFooter = CoreLayoutFooter;
 
 
 /***/ }),
-/* 491 */
+/* 493 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104112,7 +104392,7 @@ exports.CoreLayoutOverlay = CoreLayoutOverlay;
 
 
 /***/ }),
-/* 492 */
+/* 494 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104186,7 +104466,7 @@ exports.HamburgerButton = HamburgerButton;
 
 
 /***/ }),
-/* 493 */
+/* 495 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104256,7 +104536,7 @@ exports.BottomBarAction = BottomBarAction;
 
 
 /***/ }),
-/* 494 */
+/* 496 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104370,7 +104650,7 @@ exports.default = MainMenu;
 
 
 /***/ }),
-/* 495 */
+/* 497 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104491,7 +104771,7 @@ exports.default = NotificationPanel;
 
 
 /***/ }),
-/* 496 */
+/* 498 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104600,7 +104880,7 @@ exports.SideBarMenu = SideBarMenu;
 
 
 /***/ }),
-/* 497 */
+/* 499 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104697,7 +104977,7 @@ exports.SideBarTabs = SideBarTabs;
 
 
 /***/ }),
-/* 498 */
+/* 500 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104826,7 +105106,7 @@ exports.QuickNavBar = QuickNavBar;
 
 
 /***/ }),
-/* 499 */
+/* 501 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -104888,6 +105168,7 @@ var SimpleListItem = /** @class */ (function (_super) {
                 'simple-list__item--justify-flex-start': this.props.justify === undefined
             },
             _a["simple-list__item--justify-".concat(this.props.justify)] = this.props.justify || this.props.justify !== undefined,
+            _a["simple-list__item--gap-".concat(this.props.gap)] = this.props.gap || this.props.gap !== undefined,
             _a));
         return (React.createElement("li", { className: classes, id: this.props.id || undefined }, this.props.children));
     };
@@ -104917,7 +105198,7 @@ exports.SimpleList = SimpleList;
 
 
 /***/ }),
-/* 500 */
+/* 502 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -105088,7 +105369,7 @@ exports.BoxedList = BoxedList;
 
 
 /***/ }),
-/* 501 */
+/* 503 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -105163,7 +105444,7 @@ exports.ListItemLoader = ListItemLoader;
 
 
 /***/ }),
-/* 502 */
+/* 504 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -105241,7 +105522,7 @@ exports.Text = Text;
 
 
 /***/ }),
-/* 503 */
+/* 505 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -105317,7 +105598,7 @@ exports.Time = Time;
 
 
 /***/ }),
-/* 504 */
+/* 506 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -105407,12 +105688,12 @@ exports.Heading = Heading;
 
 
 /***/ }),
-/* 505 */
+/* 507 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var isObject = __webpack_require__(258),
-    now = __webpack_require__(506),
-    toNumber = __webpack_require__(508);
+    now = __webpack_require__(508),
+    toNumber = __webpack_require__(510);
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -105604,7 +105885,7 @@ module.exports = debounce;
 
 
 /***/ }),
-/* 506 */
+/* 508 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var root = __webpack_require__(259);
@@ -105633,7 +105914,7 @@ module.exports = now;
 
 
 /***/ }),
-/* 507 */
+/* 509 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
@@ -105644,12 +105925,12 @@ module.exports = freeGlobal;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35)))
 
 /***/ }),
-/* 508 */
+/* 510 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseTrim = __webpack_require__(509),
+var baseTrim = __webpack_require__(511),
     isObject = __webpack_require__(258),
-    isSymbol = __webpack_require__(511);
+    isSymbol = __webpack_require__(513);
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
@@ -105714,10 +105995,10 @@ module.exports = toNumber;
 
 
 /***/ }),
-/* 509 */
+/* 511 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var trimmedEndIndex = __webpack_require__(510);
+var trimmedEndIndex = __webpack_require__(512);
 
 /** Used to match leading whitespace. */
 var reTrimStart = /^\s+/;
@@ -105739,7 +106020,7 @@ module.exports = baseTrim;
 
 
 /***/ }),
-/* 510 */
+/* 512 */
 /***/ (function(module, exports) {
 
 /** Used to match a single whitespace character. */
@@ -105764,11 +106045,11 @@ module.exports = trimmedEndIndex;
 
 
 /***/ }),
-/* 511 */
+/* 513 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseGetTag = __webpack_require__(512),
-    isObjectLike = __webpack_require__(515);
+var baseGetTag = __webpack_require__(514),
+    isObjectLike = __webpack_require__(517);
 
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';
@@ -105799,12 +106080,12 @@ module.exports = isSymbol;
 
 
 /***/ }),
-/* 512 */
+/* 514 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Symbol = __webpack_require__(260),
-    getRawTag = __webpack_require__(513),
-    objectToString = __webpack_require__(514);
+    getRawTag = __webpack_require__(515),
+    objectToString = __webpack_require__(516);
 
 /** `Object#toString` result references. */
 var nullTag = '[object Null]',
@@ -105833,7 +106114,7 @@ module.exports = baseGetTag;
 
 
 /***/ }),
-/* 513 */
+/* 515 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Symbol = __webpack_require__(260);
@@ -105885,7 +106166,7 @@ module.exports = getRawTag;
 
 
 /***/ }),
-/* 514 */
+/* 516 */
 /***/ (function(module, exports) {
 
 /** Used for built-in method references. */
@@ -105913,7 +106194,7 @@ module.exports = objectToString;
 
 
 /***/ }),
-/* 515 */
+/* 517 */
 /***/ (function(module, exports) {
 
 /**
@@ -105948,7 +106229,7 @@ module.exports = isObjectLike;
 
 
 /***/ }),
-/* 516 */
+/* 518 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -106026,7 +106307,7 @@ exports.TreeSelectPill = TreeSelectPill;
 
 
 /***/ }),
-/* 517 */
+/* 519 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -106042,12 +106323,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(27);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(518);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(521);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(538);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(539);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(540);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(541);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(520);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(523);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(540);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(541);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(542);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(543);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react_dom__);
 
@@ -114568,7 +114849,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 518 */
+/* 520 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -114579,7 +114860,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return compose; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return createStore; });
 /* unused harmony export legacy_createStore */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(519);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(521);
 
 
 /**
@@ -115300,12 +115581,12 @@ if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string'
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 519 */
+/* 521 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread2;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(520);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(522);
 
 
 function ownKeys(object, enumerableOnly) {
@@ -115335,7 +115616,7 @@ function _objectSpread2(target) {
 }
 
 /***/ }),
-/* 520 */
+/* 522 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115356,14 +115637,14 @@ function _defineProperty(obj, key, value) {
 }
 
 /***/ }),
-/* 521 */
+/* 523 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(522);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(524);
 /* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__exports__["a"]; });
 /* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__exports__["b"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(537);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(539);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(261);
 /* unused harmony reexport batch */
 
@@ -115375,16 +115656,16 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 522 */
+/* 524 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(523);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(525);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(33);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(527);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(535);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(536);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(529);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(537);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(538);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(267);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(263);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__components_Provider__["a"]; });
@@ -115409,7 +115690,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 523 */
+/* 525 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115476,22 +115757,22 @@ if (process.env.NODE_ENV !== 'production') {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 524 */
+/* 526 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(525);
+  module.exports = __webpack_require__(527);
 } else {
-  module.exports = __webpack_require__(526);
+  module.exports = __webpack_require__(528);
 }
 
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 
 /***/ }),
-/* 525 */
+/* 527 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -115512,7 +115793,7 @@ exports.typeOf=y;
 
 
 /***/ }),
-/* 526 */
+/* 528 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -115746,7 +116027,7 @@ exports.typeOf = typeOf;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 
 /***/ }),
-/* 527 */
+/* 529 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115755,10 +116036,10 @@ exports.typeOf = typeOf;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(263);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(528);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(531);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(532);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(533);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(530);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(533);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(534);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(535);
 
 
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
@@ -115860,14 +116141,14 @@ function createConnect(_temp) {
 /* harmony default export */ __webpack_exports__["a"] = (createConnect());
 
 /***/ }),
-/* 528 */
+/* 530 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* unused harmony export whenMapDispatchToPropsIsFunction */
 /* unused harmony export whenMapDispatchToPropsIsMissing */
 /* unused harmony export whenMapDispatchToPropsIsObject */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(529);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(531);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(264);
 
 
@@ -115889,7 +116170,7 @@ function whenMapDispatchToPropsIsObject(mapDispatchToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);
 
 /***/ }),
-/* 529 */
+/* 531 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115915,7 +116196,7 @@ function bindActionCreators(actionCreators, dispatch) {
 }
 
 /***/ }),
-/* 530 */
+/* 532 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115938,7 +116219,7 @@ function isPlainObject(obj) {
 }
 
 /***/ }),
-/* 531 */
+/* 533 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115957,7 +116238,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);
 
 /***/ }),
-/* 532 */
+/* 534 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116006,7 +116287,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 533 */
+/* 535 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116014,7 +116295,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* unused harmony export pureFinalPropsSelectorFactory */
 /* harmony export (immutable) */ __webpack_exports__["a"] = finalPropsSelectorFactory;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(534);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(536);
 
 var _excluded = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 
@@ -116106,7 +116387,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 534 */
+/* 536 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116131,7 +116412,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 }
 
 /***/ }),
-/* 535 */
+/* 537 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116184,7 +116465,7 @@ function createDispatchHook(context) {
 var useDispatch = /*#__PURE__*/createDispatchHook();
 
 /***/ }),
-/* 536 */
+/* 538 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116357,7 +116638,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 537 */
+/* 539 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116368,7 +116649,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 
 
 /***/ }),
-/* 538 */
+/* 540 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116426,7 +116707,7 @@ var useCallback = useCallbackOne;
 
 
 /***/ }),
-/* 539 */
+/* 541 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116595,7 +116876,7 @@ var getBox = function getBox(el) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 540 */
+/* 542 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116651,7 +116932,7 @@ function memoizeOne(resultFn, isEqual) {
 
 
 /***/ }),
-/* 541 */
+/* 543 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116692,7 +116973,7 @@ var rafSchd = function rafSchd(fn) {
 
 
 /***/ }),
-/* 542 */
+/* 544 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -116741,7 +117022,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = void 0;
 var React = __importStar(__webpack_require__(0));
-var multiselect_1 = __webpack_require__(543);
+var multiselect_1 = __webpack_require__(545);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
@@ -116780,16 +117061,16 @@ exports.MultiSelect = MultiSelect;
 
 
 /***/ }),
-/* 543 */
+/* 545 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(544);
+module.exports = __webpack_require__(546);
 
 /***/ }),
-/* 544 */
+/* 546 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -116818,11 +117099,11 @@ var _FilterUtils = _interopRequireDefault(__webpack_require__(87));
 
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
 
-var _MultiSelectHeader = __webpack_require__(545);
+var _MultiSelectHeader = __webpack_require__(547);
 
-var _MultiSelectItem = __webpack_require__(547);
+var _MultiSelectItem = __webpack_require__(549);
 
-var _MultiSelectPanel = __webpack_require__(548);
+var _MultiSelectPanel = __webpack_require__(550);
 
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(23));
 
@@ -117733,7 +118014,7 @@ _defineProperty(MultiSelect, "propTypes", {
 });
 
 /***/ }),
-/* 545 */
+/* 547 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -117752,7 +118033,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
 var _InputText = __webpack_require__(73);
 
-var _Checkbox = __webpack_require__(546);
+var _Checkbox = __webpack_require__(548);
 
 var _Ripple = __webpack_require__(18);
 
@@ -117887,7 +118168,7 @@ _defineProperty(MultiSelectHeader, "propTypes", {
 });
 
 /***/ }),
-/* 546 */
+/* 548 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -118137,7 +118418,7 @@ _defineProperty(Checkbox, "propTypes", {
 });
 
 /***/ }),
-/* 547 */
+/* 549 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -118282,7 +118563,7 @@ _defineProperty(MultiSelectItem, "propTypes", {
 });
 
 /***/ }),
-/* 548 */
+/* 550 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -118403,7 +118684,7 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 });
 
 /***/ }),
-/* 549 */
+/* 551 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -118460,7 +118741,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizablePanels = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_resizable_panels_1 = __webpack_require__(550);
+var react_resizable_panels_1 = __webpack_require__(552);
 /**
  Features:
  * No absolute positioning is used
@@ -118511,7 +118792,7 @@ exports.ResizablePanels = ResizablePanels;
 
 
 /***/ }),
-/* 550 */
+/* 552 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -118519,12 +118800,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Panel", function() { return $68ce93498c99866c$export$2ddb90ad54e5f587; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelGroup", function() { return $d6da68d748ce761b$export$1d05749f6f573bb; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelResizeHandle", function() { return $6ebc1e3786ab631d$export$8829ecf6b6b15484; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(551);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(553);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(553);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(555);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(554);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(557);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(556);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(559);
 
 
 
@@ -119684,12 +119965,12 @@ $6ebc1e3786ab631d$export$8829ecf6b6b15484.displayName = "PanelResizeHandle";
 
 
 /***/ }),
-/* 551 */
+/* 553 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(552);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(554);
 
 
 function _objectSpread(target) {
@@ -119712,7 +119993,7 @@ function _objectSpread(target) {
 }
 
 /***/ }),
-/* 552 */
+/* 554 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119734,7 +120015,7 @@ function _defineProperty(obj, key, value) {
 
 
 /***/ }),
-/* 553 */
+/* 555 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119771,14 +120052,14 @@ function _objectSpreadProps(target, source) {
 }
 
 /***/ }),
-/* 554 */
+/* 556 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _slicedToArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(555);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(557);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(556);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(558);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
 
 
@@ -119791,7 +120072,7 @@ function _slicedToArray(arr, i) {
 
 
 /***/ }),
-/* 555 */
+/* 557 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119802,7 +120083,7 @@ function _arrayWithHoles(arr) {
 
 
 /***/ }),
-/* 556 */
+/* 558 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119813,14 +120094,14 @@ function _nonIterableRest() {
 
 
 /***/ }),
-/* 557 */
+/* 559 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _toConsumableArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(558);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(560);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(559);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(561);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
 
 
@@ -119833,7 +120114,7 @@ function _toConsumableArray(arr) {
 
 
 /***/ }),
-/* 558 */
+/* 560 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119847,7 +120128,7 @@ function _arrayWithoutHoles(arr) {
 
 
 /***/ }),
-/* 559 */
+/* 561 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119858,7 +120139,7 @@ function _nonIterableSpread() {
 
 
 /***/ }),
-/* 560 */
+/* 562 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119922,7 +120203,7 @@ exports.ResizeObserverComponent = ResizeObserverComponent;
 
 
 /***/ }),
-/* 561 */
+/* 563 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119971,8 +120252,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DragHandle = void 0;
 var React = __importStar(__webpack_require__(0));
-__webpack_require__(562);
-var dots_svg_1 = __importDefault(__webpack_require__(563));
+__webpack_require__(564);
+var dots_svg_1 = __importDefault(__webpack_require__(565));
 var DragHandle = /** @class */ (function (_super) {
     __extends(DragHandle, _super);
     function DragHandle() {
@@ -119988,21 +120269,21 @@ exports.DragHandle = DragHandle;
 
 
 /***/ }),
-/* 562 */
+/* 564 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
-/* 563 */
+/* 565 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "dots.svg";
 
 /***/ }),
-/* 564 */,
-/* 565 */,
-/* 566 */
+/* 566 */,
+/* 567 */,
+/* 568 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120182,12 +120463,12 @@ function reactToAngular1(component) {
 }
 
 /***/ }),
-/* 567 */,
-/* 568 */,
 /* 569 */,
 /* 570 */,
 /* 571 */,
-/* 572 */
+/* 572 */,
+/* 573 */,
+/* 574 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120208,7 +120489,7 @@ var _propTypes = __webpack_require__(4);
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _reactToAngular = __webpack_require__(566);
+var _reactToAngular = __webpack_require__(568);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -120303,7 +120584,7 @@ ToggleBoxNext.propTypes = {
 angular.module('superdesk-ui.toggleBoxNext', []).component('toggleBoxNext', (0, _reactToAngular.reactToAngular1)(ToggleBoxNext, ['mode', 'title', 'style', 'isOpen']));
 
 /***/ }),
-/* 573 */
+/* 575 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120314,7 +120595,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Positioner = undefined;
 
-var _reactToAngular = __webpack_require__(566);
+var _reactToAngular = __webpack_require__(568);
 
 var _Positioner2 = __webpack_require__(275);
 
@@ -120355,8 +120636,6 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 */
 
 /***/ }),
-/* 574 */,
-/* 575 */,
 /* 576 */,
 /* 577 */,
 /* 578 */,
@@ -120514,7 +120793,10 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 /* 730 */,
 /* 731 */,
 /* 732 */,
-/* 733 */
+/* 733 */,
+/* 734 */,
+/* 735 */,
+/* 736 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120525,7 +120807,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ContentDivider = exports.Carousel = exports.Popover = exports.Dropdown = exports.NotificationToast = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNav = exports.Menu = exports.toasted = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButton = exports.CheckBox = exports.RadioGroup = exports.Loader = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.ButtonGroup = exports.Button = exports.HelloWorld = exports.Positioner = exports.ToggleBoxNext = exports.reactToAngular1 = undefined;
 
-var _reactToAngular = __webpack_require__(566);
+var _reactToAngular = __webpack_require__(568);
 
 Object.defineProperty(exports, 'reactToAngular1', {
     enumerable: true,
@@ -120534,7 +120816,7 @@ Object.defineProperty(exports, 'reactToAngular1', {
     }
 });
 
-var _toggleBoxNext = __webpack_require__(572);
+var _toggleBoxNext = __webpack_require__(574);
 
 Object.defineProperty(exports, 'ToggleBoxNext', {
     enumerable: true,
@@ -120543,7 +120825,7 @@ Object.defineProperty(exports, 'ToggleBoxNext', {
     }
 });
 
-var _positioner = __webpack_require__(573);
+var _positioner = __webpack_require__(575);
 
 Object.defineProperty(exports, 'Positioner', {
     enumerable: true,
@@ -120801,53 +121083,53 @@ Object.defineProperty(exports, 'ContentDivider', {
     }
 });
 
-__webpack_require__(734);
+__webpack_require__(737);
 
-__webpack_require__(769);
+__webpack_require__(772);
 
 exports.default = angular.module('superdesk-ui', ['superdesk-ui.helper', 'superdesk-ui.carousel', 'superdesk-ui.wizard', 'superdesk-ui.dropdown', 'superdesk-ui.positioner', 'superdesk-ui.modals', 'superdesk-ui.switch', 'superdesk-ui.check', 'superdesk-ui.circularProgress', 'superdesk-ui.toggleBox', 'superdesk-ui.toggleBoxNext', 'superdesk-ui.tags', 'superdesk-ui.lineInput', 'superdesk-ui.searchHandler', 'superdesk-ui.splitter', 'superdesk-ui.mediaQuery']);
 
 /***/ }),
-/* 734 */
+/* 737 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(735);
-
-__webpack_require__(749);
-
-__webpack_require__(751);
+__webpack_require__(738);
 
 __webpack_require__(752);
 
-__webpack_require__(573);
-
-__webpack_require__(753);
-
 __webpack_require__(754);
 
 __webpack_require__(755);
 
-__webpack_require__(572);
+__webpack_require__(575);
 
 __webpack_require__(756);
 
-__webpack_require__(759);
+__webpack_require__(757);
+
+__webpack_require__(758);
+
+__webpack_require__(574);
 
-__webpack_require__(761);
+__webpack_require__(759);
 
-__webpack_require__(763);
+__webpack_require__(762);
 
-__webpack_require__(765);
+__webpack_require__(764);
 
-__webpack_require__(767);
+__webpack_require__(766);
 
 __webpack_require__(768);
 
+__webpack_require__(770);
+
+__webpack_require__(771);
+
 /***/ }),
-/* 735 */
+/* 738 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120857,22 +121139,22 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
-__webpack_require__(736);
-
-__webpack_require__(737);
+__webpack_require__(739);
 
-__webpack_require__(743);
+__webpack_require__(740);
 
-__webpack_require__(744);
+__webpack_require__(746);
 
 __webpack_require__(747);
 
-__webpack_require__(748);
+__webpack_require__(750);
+
+__webpack_require__(751);
 
 exports.default = angular.module('superdesk-ui.helper', ['superdesk-ui.helper.dropdown', 'superdesk-ui.helper.modal', 'superdesk-ui.helper.datepicker', 'superdesk-ui.helper.ngTagsInput']);
 
 /***/ }),
-/* 736 */
+/* 739 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -121089,7 +121371,7 @@ angular.module('superdesk-ui.helper.dateparser', []).service('dateParser', ['$lo
 }]);
 
 /***/ }),
-/* 737 */
+/* 740 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -121308,7 +121590,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(738),
+        template: __webpack_require__(741),
         scope: {
             datepickerMode: '=?',
             dateDisabled: '&',
@@ -121330,7 +121612,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(739),
+        template: __webpack_require__(742),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             scope.showWeeks = ctrl.showWeeks;
@@ -121449,7 +121731,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(740),
+        template: __webpack_require__(743),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             ctrl.step = { years: 1 };
@@ -121506,7 +121788,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(741),
+        template: __webpack_require__(744),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             var range = ctrl.yearRange;
@@ -121873,42 +122155,42 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         restrict: 'EA',
         replace: true,
         transclude: true,
-        template: __webpack_require__(742)
+        template: __webpack_require__(745)
     };
 });
 
 /***/ }),
-/* 738 */
+/* 741 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-switch=\"datepickerMode\" role=\"application\" ng-keydown=\"keydown($event)\">\n  <daypicker ng-switch-when=\"day\" tabindex=\"0\"></daypicker>\n  <monthpicker ng-switch-when=\"month\" tabindex=\"0\"></monthpicker>\n  <yearpicker ng-switch-when=\"year\" tabindex=\"0\"></yearpicker>\n</div>";
 
 /***/ }),
-/* 739 */
+/* 742 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"{{::5 + showWeeks}}\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n    <tr>\n      <th ng-if=\"showWeeks\" class=\"text-center\"></th>\n      <th ng-repeat=\"label in ::labels track by $index\" class=\"text-center\"><small aria-label=\"{{::label.full}}\">{{::label.abbr}}</small></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-if=\"showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[$index] }}</em></td>\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-muted': dt.secondary, 'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 740 */
+/* 743 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 741 */
+/* 744 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"3\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 742 */
+/* 745 */
 /***/ (function(module, exports) {
 
 module.exports = "<ul class=\"dropdown-menu\" ng-if=\"isOpen\" style=\"display: block\" ng-style=\"{top: position.top+'px', left: position.left+'px'}\" ng-keydown=\"keydown($event)\" ng-click=\"$event.stopPropagation()\">\n\t<li ng-transclude></li>\n\t<li ng-if=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n\t\t<span class=\"btn-group pull-left\">\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"select('today')\">{{ getText('current') }}</button>\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"select(null)\">{{ getText('clear') }}</button>\n\t\t</span>\n\t\t<button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"close()\">{{ getText('close') }}</button>\n\t</li>\n</ul>\n";
 
 /***/ }),
-/* 743 */
+/* 746 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -122251,7 +122533,7 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
 });
 
 /***/ }),
-/* 744 */
+/* 747 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -122318,7 +122600,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(745),
+        template: __webpack_require__(748),
         compile: function compile(tElement, tAttrs) {
             tElement.addClass(tAttrs.backdropClass);
             return linkFn;
@@ -122345,7 +122627,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
         //            templateUrl: function templateUrl(tElement, tAttrs) {
         //                return tAttrs.templateUrl || '../app/template/window.html';
         //            },
-        template: __webpack_require__(746),
+        template: __webpack_require__(749),
         link: function link(scope, element, attrs) {
             element.addClass(attrs.windowClass || '');
             scope.size = attrs.size;
@@ -122722,19 +123004,19 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
 });
 
 /***/ }),
-/* 745 */
+/* 748 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__backdrop fade in\"></div>";
 
 /***/ }),
-/* 746 */
+/* 749 */
 /***/ (function(module, exports) {
 
 module.exports = "<div modal-render=\"{{$isRendered}}\" tabindex=\"-1\" role=\"dialog\" class=\"modal\"\n     modal-animation-class=\"fade\"\n     modal-in-class=\"in\"\n     ng-style=\"{'z-index': 1050 + index * 10, display: 'block'}\"\n     ng-class=\"size ? 'modal--' + size : ''\">\n    <div class=\"modal__dialog\">\n        <div class=\"modal__content\" modal-transclude></div>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 747 */
+/* 750 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -122897,7 +123179,7 @@ angular.module('superdesk-ui.helper.position', [])
 }]);
 
 /***/ }),
-/* 748 */
+/* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124123,7 +124405,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
 })();
 
 /***/ }),
-/* 749 */
+/* 752 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124140,7 +124422,7 @@ function CarouselDirective() {
             finish: '&',
             model: '='
         },
-        template: __webpack_require__(750),
+        template: __webpack_require__(753),
         transclude: true,
         controllerAs: 'ctrl',
         controller: ['$scope', '$document', function ($scope, $document) {
@@ -124262,13 +124544,13 @@ function CarouselStepDirective() {
 angular.module('superdesk-ui.carousel', []).directive('sdCarousel', CarouselDirective).directive('sdCarouselStep', CarouselStepDirective);
 
 /***/ }),
-/* 750 */
+/* 753 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"sd-carousel__backdrop\"></div>\n<div class=\"sd-carousel\">\n    <div class=\"sd-carousel__dialog\">\n        <div class=\"sd-carousel__content\" ng-transclude></div>\n        <a class=\"sd-carousel__nav-button sd-carousel__nav-button--prev\" ng-click=\"ctrl.previous()\" ng-hide=\"pageIndex === 0\"></a>\n        <a class=\"sd-carousel__nav-button\" ng-click=\"pageIndex === steps.length-1 ? ctrl.finish() : ctrl.next()\" ng-class=\"pageIndex === steps.length-1 ? 'sd-carousel__nav-button--end' : 'sd-carousel__nav-button--next'\"></a>\n        <div class=\"sd-carousel__page-indication-bar\">\n            <span ng-repeat=\"step in steps\" \n                  class=\"sd-carousel__page-indicator\" \n                  ng-class=\"{'sd-carousel__page-indicator--selected': step.selected}\"\n                  ng-click=\"goTo(step)\">\n            </span>\n        </div>\n    </div>\n</div>";
 
 /***/ }),
-/* 751 */
+/* 754 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124371,7 +124653,7 @@ function sdCheck($parse) {
 angular.module('superdesk-ui.check', []).directive('sdCheck', sdCheck);
 
 /***/ }),
-/* 752 */
+/* 755 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124551,7 +124833,7 @@ angular.module("superdesk-ui.dropdown", []).directive("dropdown", sdDropdown).di
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(44)))
 
 /***/ }),
-/* 753 */
+/* 756 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124639,7 +124921,7 @@ function sdModal($document, $rootScope) {
 angular.module('superdesk-ui.modals', []).directive('sdModal', sdModal);
 
 /***/ }),
-/* 754 */
+/* 757 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124724,7 +125006,7 @@ function sdSwitch() {
 angular.module('superdesk-ui.switch', []).directive('sdSwitch', sdSwitch);
 
 /***/ }),
-/* 755 */
+/* 758 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124762,7 +125044,7 @@ function ToggleBoxDirective() {
 angular.module('superdesk-ui.toggleBox', []).directive('sdToggleBox', ToggleBoxDirective);
 
 /***/ }),
-/* 756 */
+/* 759 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124797,7 +125079,7 @@ function WizardHandlerFactory() {
 WizardDirective.$inject = [];
 function WizardDirective() {
     return {
-        template: __webpack_require__(757),
+        template: __webpack_require__(760),
         scope: {
             currentStep: '=',
             finish: '&',
@@ -124901,7 +125183,7 @@ function WizardDirective() {
 WizardStepDirective.$inject = [];
 function WizardStepDirective() {
     return {
-        template: __webpack_require__(758),
+        template: __webpack_require__(761),
         scope: {
             title: '@',
             code: '@',
@@ -124919,19 +125201,19 @@ function WizardStepDirective() {
 angular.module('superdesk-ui.wizard', []).factory('WizardHandler', WizardHandlerFactory).directive('sdWizard', WizardDirective).directive('sdWizardStep', WizardStepDirective);
 
 /***/ }),
-/* 757 */
+/* 760 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__body-header\">\n    <ul class=\"nav-tabs\">\n        <li ng-repeat=\"step in steps\" ng-class=\"{'nav-tabs__tab--active': step.selected}\" class=\"nav-tabs__tab\">\n            <button\n                ng-click=\"goTo(step)\"\n                ng-disabled=\"step.disabled\"\n                ng-hide=\"step.hide\"\n                class=\"nav-tabs__link\"\n                data-test-id=\"wizard--{{step.title}}\"\n            >\n                {{ step.title}}\n            </button>\n        </li>\n    </ul>\n</div>\n<div class=\"modal__body-content\" ng-transclude></div>";
 
 /***/ }),
-/* 758 */
+/* 761 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-show=\"selected\" class=\"modal-screen\" ng-transclude></div>\r\n";
 
 /***/ }),
-/* 759 */
+/* 762 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124960,7 +125242,7 @@ function TagInputDirective($q) {
             maxResultsToShow: '='
         },
         require: '?ngModel',
-        template: __webpack_require__(760),
+        template: __webpack_require__(763),
         link: function link(scope) {
             scope.loadTags = function (query) {
                 return $q(function (resolve, reject) {
@@ -124978,13 +125260,13 @@ function TagInputDirective($q) {
 angular.module('superdesk-ui.tags', []).directive('sdTagInput', TagInputDirective);
 
 /***/ }),
-/* 760 */
+/* 763 */
 /***/ (function(module, exports) {
 
 module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</label>\n<tags-input ng-model=\"model\"\n    add-from-autocomplete-only=\"{{items ? !freetext : false}}\"\n    show-button=\"{{!!items}}\"\n    display-property=\"{{field}}\"\n    key-property=\"{{keyProperty}}\"\n    use-strings=\"{{!field}}\"\n    ng-required=\"required\"\n    on-tag-added=\"onChange($tag)\"\n    on-tag-removed=\"onChange($tag)\"\n    replace-spaces-with-dashes=\"{{replaceSpacesWithDashes}}\"\n    min-length=\"{{minLength}}\"\n    max-length=\"{{maxLength}}\"\n    max-tags=\"{{maxTags}}\"\n    max-items=\"{{maxItems}}\"\n    boxed={{boxed}}\n    placeholder=\"{{placeholder}}\">\n\n    <auto-complete ng-if=\"items\"\n        source=\"loadTags($query)\"\n        load-on-empty=\"true\"\n        min-length=\"{{minLength}}\"\n        display-property=\"{{field}}\"\n        key-property=\"{{keyProperty}}\"\n        max-results-to-show=\"{{maxResultsToShow}}\">\n    </auto-complete>\n</tags-input>\n";
 
 /***/ }),
-/* 761 */
+/* 764 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -125001,7 +125283,7 @@ module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</
  */
 function LineInputDirective() {
     return {
-        template: __webpack_require__(762),
+        template: __webpack_require__(765),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -125043,13 +125325,13 @@ function LineInputDirective() {
 angular.module('superdesk-ui.lineInput', []).directive('sdLineInput', LineInputDirective);
 
 /***/ }),
-/* 762 */
+/* 765 */
 /***/ (function(module, exports) {
 
 module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark-ui': dark, 'sd-line-input--boxed': boxed, 'sd-line-input--required': required}\">\n    <label class=\"sd-line-input__label\" translate>{{label}}</label>\n\n    <input class=\"sd-line-input__input\" type=\"text\" ng-model=\"modelFixed.value\" ng-change=\"update(modelFixed.value)\" ng-blur=\"onblur()\" ng-disabled=\"disabled\" placeholder=\"{{placeholder}}\" ng-if=\"!transclude && !textarea\">\n\n    <textarea class=\"sd-line-input__input\"\n        ng-model=\"modelFixed.value\"\n        ng-change=\"update(modelFixed.value)\"\n        ng-blur=\"onblur()\"\n        ng-disabled=\"disabled\"\n        placeholder=\"{{placeholder}}\"\n        ng-if=\"textarea\"\n        sd-auto-height>\n    </textarea>\n\n    <ng-transclude></ng-transclude>\n    <div class=\"sd-line-input__char-count\" ng-if=\"maxlength\" sd-character-count data-item=\"modelFixed.value\" data-limit=\"maxlength\" data-html=\"true\"></div>\n</div>\n";
 
 /***/ }),
-/* 763 */
+/* 766 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -125069,7 +125351,7 @@ module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark
  */
 function SearchHandlerDirective() {
     return {
-        template: __webpack_require__(764),
+        template: __webpack_require__(767),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -125095,13 +125377,13 @@ function SearchHandlerDirective() {
 angular.module('superdesk-ui.searchHandler', []).directive('sdSearchHandler', SearchHandlerDirective);
 
 /***/ }),
-/* 764 */
+/* 767 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"flat-searchbar extended\">\n    <div class=\"search-handler\" ng-class=\"{'search-handler--left-border': borderleft}\">\n        <label for=\"search-input\" class=\"trigger-icon\"><i class=\"icon-search\"></i></label>\n        <input id=\"search-input\" type=\"text\" placeholder=\"{{ :: label || 'Search' }}\" ng-model=\"model\" ng-model-options=\"{debounce: debounce}\">\n        <button class=\"search-close\" ng-if=\"model.length\" ng-click=\"clearInput()\" ng-class=\"{visible: model.length}\"><i class=\"icon-remove-sign\"></i></button>\n\n        <button class=\"search-close\" ng-if=\"button && model.length\" ng-click=\"\" ng-class=\"{visible: button && model.length}\">\n            <i class=\"big-icon--chevron-right\"></i>\n        </button>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 765 */
+/* 768 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -125117,7 +125399,7 @@ function sdCircularProgress() {
             error: '=',
             counter: '='
         },
-        template: __webpack_require__(766),
+        template: __webpack_require__(769),
         link: function link(scope, element) {
             var elem = $(element).find('.progress-svg');
 
@@ -125163,13 +125445,13 @@ angular.module('superdesk-ui.circularProgress', []).directive('sdCircularProgres
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(44)))
 
 /***/ }),
-/* 766 */
+/* 769 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"progress-bar-container\">\n    <div  class=\"progress-done\" ng-class=\"{'progress-done--completed': status === 'completed', 'progress-done--error': status === 'error'}\">\n        <i class=\"icon-ok\" ng-hide=\"status === 'error'\"></i>\n        <i class=\"icon-close-small\" ng-hide=\"status === 'completed'\"></i>\n    </div>\n    <span class=\"progress-text\" ng-if=\"counter\">{{value}}<em>%</em></span>\n    <svg class=\"progress-svg\">\n        <circle ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\"></circle>\n        <circle class=\"progressbar\" ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\" ng-style=\"{'stroke-dashoffset': dashOffset, 'stroke-dasharray': circumference}\"></circle>\n    </svg>\n</div>";
 
 /***/ }),
-/* 767 */
+/* 770 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -125214,7 +125496,7 @@ function SplitterDirective($window) {
 angular.module('superdesk-ui.splitter', []).directive('sdSplitter', SplitterDirective);
 
 /***/ }),
-/* 768 */
+/* 771 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -125255,16 +125537,16 @@ function MediaQuery($window) {
 angular.module('superdesk-ui.mediaQuery', []).directive('sdMediaQuery', MediaQuery);
 
 /***/ }),
-/* 769 */
+/* 772 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(770);
+__webpack_require__(773);
 
 /***/ }),
-/* 770 */
+/* 773 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin