element.");return React.cloneElement(child,{ref:function callbackRef(element){var containerElements=_this3.props.containerElements;child&&("function"==typeof child.ref?child.ref(element):child.ref&&(child.ref.current=element)),_this3.focusTrapElements=containerElements||[element]}})}return null}}]),FocusTrap}(React.Component),ElementType="undefined"==typeof Element?Function:Element;FocusTrap.propTypes={active:PropTypes.bool,paused:PropTypes.bool,focusTrapOptions:PropTypes.shape({document:PropTypes.object,onActivate:PropTypes.func,onPostActivate:PropTypes.func,checkCanFocusTrap:PropTypes.func,onPause:PropTypes.func,onPostPause:PropTypes.func,onUnpause:PropTypes.func,onPostUnpause:PropTypes.func,onDeactivate:PropTypes.func,onPostDeactivate:PropTypes.func,checkCanReturnFocus:PropTypes.func,initialFocus:PropTypes.oneOfType([PropTypes.instanceOf(ElementType),PropTypes.string,PropTypes.bool,PropTypes.func]),fallbackFocus:PropTypes.oneOfType([PropTypes.instanceOf(ElementType),PropTypes.string,PropTypes.func]),escapeDeactivates:PropTypes.oneOfType([PropTypes.bool,PropTypes.func]),clickOutsideDeactivates:PropTypes.oneOfType([PropTypes.bool,PropTypes.func]),returnFocusOnDeactivate:PropTypes.bool,setReturnFocus:PropTypes.oneOfType([PropTypes.instanceOf(ElementType),PropTypes.string,PropTypes.bool,PropTypes.func]),allowOutsideClick:PropTypes.oneOfType([PropTypes.bool,PropTypes.func]),preventScroll:PropTypes.bool,tabbableOptions:PropTypes.shape({displayCheck:PropTypes.oneOf(["full","legacy-full","non-zero-area","none"]),getShadowRoot:PropTypes.oneOfType([PropTypes.bool,PropTypes.func])}),trapStack:PropTypes.array,isKeyForward:PropTypes.func,isKeyBackward:PropTypes.func}),containerElements:PropTypes.arrayOf(PropTypes.instanceOf(ElementType)),children:PropTypes.oneOfType([PropTypes.element,PropTypes.instanceOf(ElementType)])},FocusTrap.defaultProps={active:!0,paused:!1,focusTrapOptions:{},_createFocusTrap:createFocusTrap},module.exports=FocusTrap},"./node_modules/focus-trap/dist/focus-trap.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{createFocusTrap:()=>createFocusTrap});var tabbable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tabbable/dist/index.esm.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread2(e){for(var r=1;r
0){var activeTrap=trapStack[trapStack.length-1];activeTrap!==trap&&activeTrap.pause()}var trapIndex=trapStack.indexOf(trap);-1===trapIndex||trapStack.splice(trapIndex,1),trapStack.push(trap)},activeFocusTraps_deactivateTrap=function deactivateTrap(trapStack,trap){var trapIndex=trapStack.indexOf(trap);-1!==trapIndex&&trapStack.splice(trapIndex,1),trapStack.length>0&&trapStack[trapStack.length-1].unpause()},isTabEvent=function isTabEvent(e){return"Tab"===(null==e?void 0:e.key)||9===(null==e?void 0:e.keyCode)},isKeyForward=function isKeyForward(e){return isTabEvent(e)&&!e.shiftKey},isKeyBackward=function isKeyBackward(e){return isTabEvent(e)&&e.shiftKey},delay=function delay(fn){return setTimeout(fn,0)},findIndex=function findIndex(arr,fn){var idx=-1;return arr.every((function(value,i){return!fn(value)||(idx=i,!1)})),idx},valueOrHandler=function valueOrHandler(value){for(var _len=arguments.length,params=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)params[_key-1]=arguments[_key];return"function"==typeof value?value.apply(void 0,params):value},getActualTarget=function getActualTarget(event){return event.target.shadowRoot&&"function"==typeof event.composedPath?event.composedPath()[0]:event.target},internalTrapStack=[],createFocusTrap=function createFocusTrap(elements,userOptions){var trap,doc=(null==userOptions?void 0:userOptions.document)||document,trapStack=(null==userOptions?void 0:userOptions.trapStack)||internalTrapStack,config=_objectSpread2({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward,isKeyBackward},userOptions),state={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},getOption=function getOption(configOverrideOptions,optionName,configOptionName){return configOverrideOptions&&void 0!==configOverrideOptions[optionName]?configOverrideOptions[optionName]:config[configOptionName||optionName]},findContainerIndex=function findContainerIndex(element,event){var composedPath="function"==typeof(null==event?void 0:event.composedPath)?event.composedPath():void 0;return state.containerGroups.findIndex((function(_ref){var container=_ref.container,tabbableNodes=_ref.tabbableNodes;return container.contains(element)||(null==composedPath?void 0:composedPath.includes(container))||tabbableNodes.find((function(node){return node===element}))}))},getNodeForOption=function getNodeForOption(optionName){var optionValue=config[optionName];if("function"==typeof optionValue){for(var _len2=arguments.length,params=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)params[_key2-1]=arguments[_key2];optionValue=optionValue.apply(void 0,params)}if(!0===optionValue&&(optionValue=void 0),!optionValue){if(void 0===optionValue||!1===optionValue)return optionValue;throw new Error("`".concat(optionName,"` was specified but was not a node, or did not return a node"))}var node=optionValue;if("string"==typeof optionValue&&!(node=doc.querySelector(optionValue)))throw new Error("`".concat(optionName,"` as selector refers to no known node"));return node},getInitialFocusNode=function getInitialFocusNode(){var node=getNodeForOption("initialFocus");if(!1===node)return!1;if(void 0===node||!(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isFocusable)(node,config.tabbableOptions))if(findContainerIndex(doc.activeElement)>=0)node=doc.activeElement;else{var firstTabbableGroup=state.tabbableGroups[0];node=firstTabbableGroup&&firstTabbableGroup.firstTabbableNode||getNodeForOption("fallbackFocus")}if(!node)throw new Error("Your focus-trap needs to have at least one focusable element");return node},updateTabbableNodes=function updateTabbableNodes(){if(state.containerGroups=state.containers.map((function(container){var tabbableNodes=(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.tabbable)(container,config.tabbableOptions),focusableNodes=(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.focusable)(container,config.tabbableOptions),firstTabbableNode=tabbableNodes.length>0?tabbableNodes[0]:void 0,lastTabbableNode=tabbableNodes.length>0?tabbableNodes[tabbableNodes.length-1]:void 0,firstDomTabbableNode=focusableNodes.find((function(node){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(node)})),lastDomTabbableNode=focusableNodes.slice().reverse().find((function(node){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(node)})),posTabIndexesFound=!!tabbableNodes.find((function(node){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.getTabIndex)(node)>0}));return{container,tabbableNodes,focusableNodes,posTabIndexesFound,firstTabbableNode,lastTabbableNode,firstDomTabbableNode,lastDomTabbableNode,nextTabbableNode:function nextTabbableNode(node){var forward=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],nodeIdx=tabbableNodes.indexOf(node);return nodeIdx<0?forward?focusableNodes.slice(focusableNodes.indexOf(node)+1).find((function(el){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(el)})):focusableNodes.slice(0,focusableNodes.indexOf(node)).reverse().find((function(el){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(el)})):tabbableNodes[nodeIdx+(forward?1:-1)]}}})),state.tabbableGroups=state.containerGroups.filter((function(group){return group.tabbableNodes.length>0})),state.tabbableGroups.length<=0&&!getNodeForOption("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(state.containerGroups.find((function(g){return g.posTabIndexesFound}))&&state.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},getActiveElement=function getActiveElement(el){var activeElement=el.activeElement;if(activeElement)return activeElement.shadowRoot&&null!==activeElement.shadowRoot.activeElement?getActiveElement(activeElement.shadowRoot):activeElement},tryFocus=function tryFocus(node){!1!==node&&node!==getActiveElement(document)&&(node&&node.focus?(node.focus({preventScroll:!!config.preventScroll}),state.mostRecentlyFocusedNode=node,function isSelectableInput(node){return node.tagName&&"input"===node.tagName.toLowerCase()&&"function"==typeof node.select}(node)&&node.select()):tryFocus(getInitialFocusNode()))},getReturnFocusNode=function getReturnFocusNode(previousActiveElement){var node=getNodeForOption("setReturnFocus",previousActiveElement);return node||!1!==node&&previousActiveElement},findNextNavNode=function findNextNavNode(_ref2){var target=_ref2.target,event=_ref2.event,_ref2$isBackward=_ref2.isBackward,isBackward=void 0!==_ref2$isBackward&&_ref2$isBackward;target=target||getActualTarget(event),updateTabbableNodes();var destinationNode=null;if(state.tabbableGroups.length>0){var containerIndex=findContainerIndex(target,event),containerGroup=containerIndex>=0?state.containerGroups[containerIndex]:void 0;if(containerIndex<0)destinationNode=isBackward?state.tabbableGroups[state.tabbableGroups.length-1].lastTabbableNode:state.tabbableGroups[0].firstTabbableNode;else if(isBackward){var startOfGroupIndex=findIndex(state.tabbableGroups,(function(_ref3){var firstTabbableNode=_ref3.firstTabbableNode;return target===firstTabbableNode}));if(startOfGroupIndex<0&&(containerGroup.container===target||(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isFocusable)(target,config.tabbableOptions)&&!(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(target,config.tabbableOptions)&&!containerGroup.nextTabbableNode(target,!1))&&(startOfGroupIndex=containerIndex),startOfGroupIndex>=0){var destinationGroupIndex=0===startOfGroupIndex?state.tabbableGroups.length-1:startOfGroupIndex-1,destinationGroup=state.tabbableGroups[destinationGroupIndex];destinationNode=(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.getTabIndex)(target)>=0?destinationGroup.lastTabbableNode:destinationGroup.lastDomTabbableNode}else isTabEvent(event)||(destinationNode=containerGroup.nextTabbableNode(target,!1))}else{var lastOfGroupIndex=findIndex(state.tabbableGroups,(function(_ref4){var lastTabbableNode=_ref4.lastTabbableNode;return target===lastTabbableNode}));if(lastOfGroupIndex<0&&(containerGroup.container===target||(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isFocusable)(target,config.tabbableOptions)&&!(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.isTabbable)(target,config.tabbableOptions)&&!containerGroup.nextTabbableNode(target))&&(lastOfGroupIndex=containerIndex),lastOfGroupIndex>=0){var _destinationGroupIndex=lastOfGroupIndex===state.tabbableGroups.length-1?0:lastOfGroupIndex+1,_destinationGroup=state.tabbableGroups[_destinationGroupIndex];destinationNode=(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.getTabIndex)(target)>=0?_destinationGroup.firstTabbableNode:_destinationGroup.firstDomTabbableNode}else isTabEvent(event)||(destinationNode=containerGroup.nextTabbableNode(target))}}else destinationNode=getNodeForOption("fallbackFocus");return destinationNode},checkPointerDown=function checkPointerDown(e){var target=getActualTarget(e);findContainerIndex(target,e)>=0||(valueOrHandler(config.clickOutsideDeactivates,e)?trap.deactivate({returnFocus:config.returnFocusOnDeactivate}):valueOrHandler(config.allowOutsideClick,e)||e.preventDefault())},checkFocusIn=function checkFocusIn(event){var target=getActualTarget(event),targetContained=findContainerIndex(target,event)>=0;if(targetContained||target instanceof Document)targetContained&&(state.mostRecentlyFocusedNode=target);else{var nextNode;event.stopImmediatePropagation();var navAcrossContainers=!0;if(state.mostRecentlyFocusedNode)if((0,tabbable__WEBPACK_IMPORTED_MODULE_0__.getTabIndex)(state.mostRecentlyFocusedNode)>0){var mruContainerIdx=findContainerIndex(state.mostRecentlyFocusedNode),tabbableNodes=state.containerGroups[mruContainerIdx].tabbableNodes;if(tabbableNodes.length>0){var mruTabIdx=tabbableNodes.findIndex((function(node){return node===state.mostRecentlyFocusedNode}));mruTabIdx>=0&&(config.isKeyForward(state.recentNavEvent)?mruTabIdx+1=0&&(nextNode=tabbableNodes[mruTabIdx-1],navAcrossContainers=!1))}}else state.containerGroups.some((function(g){return g.tabbableNodes.some((function(n){return(0,tabbable__WEBPACK_IMPORTED_MODULE_0__.getTabIndex)(n)>0}))}))||(navAcrossContainers=!1);else navAcrossContainers=!1;navAcrossContainers&&(nextNode=findNextNavNode({target:state.mostRecentlyFocusedNode,isBackward:config.isKeyBackward(state.recentNavEvent)})),tryFocus(nextNode||(state.mostRecentlyFocusedNode||getInitialFocusNode()))}state.recentNavEvent=void 0},checkKey=function checkKey(event){if(function isEscapeEvent(e){return"Escape"===(null==e?void 0:e.key)||"Esc"===(null==e?void 0:e.key)||27===(null==e?void 0:e.keyCode)}(event)&&!1!==valueOrHandler(config.escapeDeactivates,event))return event.preventDefault(),void trap.deactivate();(config.isKeyForward(event)||config.isKeyBackward(event))&&function checkKeyNav(event){var isBackward=arguments.length>1&&void 0!==arguments[1]&&arguments[1];state.recentNavEvent=event;var destinationNode=findNextNavNode({event,isBackward});destinationNode&&(isTabEvent(event)&&event.preventDefault(),tryFocus(destinationNode))}(event,config.isKeyBackward(event))},checkClick=function checkClick(e){var target=getActualTarget(e);findContainerIndex(target,e)>=0||valueOrHandler(config.clickOutsideDeactivates,e)||valueOrHandler(config.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},addListeners=function addListeners(){if(state.active)return activeFocusTraps_activateTrap(trapStack,trap),state.delayInitialFocusTimer=config.delayInitialFocus?delay((function(){tryFocus(getInitialFocusNode())})):tryFocus(getInitialFocusNode()),doc.addEventListener("focusin",checkFocusIn,!0),doc.addEventListener("mousedown",checkPointerDown,{capture:!0,passive:!1}),doc.addEventListener("touchstart",checkPointerDown,{capture:!0,passive:!1}),doc.addEventListener("click",checkClick,{capture:!0,passive:!1}),doc.addEventListener("keydown",checkKey,{capture:!0,passive:!1}),trap},removeListeners=function removeListeners(){if(state.active)return doc.removeEventListener("focusin",checkFocusIn,!0),doc.removeEventListener("mousedown",checkPointerDown,!0),doc.removeEventListener("touchstart",checkPointerDown,!0),doc.removeEventListener("click",checkClick,!0),doc.removeEventListener("keydown",checkKey,!0),trap},mutationObserver="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function checkDomRemoval(mutations){mutations.some((function(mutation){return Array.from(mutation.removedNodes).some((function(node){return node===state.mostRecentlyFocusedNode}))}))&&tryFocus(getInitialFocusNode())})):void 0,updateObservedNodes=function updateObservedNodes(){mutationObserver&&(mutationObserver.disconnect(),state.active&&!state.paused&&state.containers.map((function(container){mutationObserver.observe(container,{subtree:!0,childList:!0})})))};return(trap={get active(){return state.active},get paused(){return state.paused},activate:function activate(activateOptions){if(state.active)return this;var onActivate=getOption(activateOptions,"onActivate"),onPostActivate=getOption(activateOptions,"onPostActivate"),checkCanFocusTrap=getOption(activateOptions,"checkCanFocusTrap");checkCanFocusTrap||updateTabbableNodes(),state.active=!0,state.paused=!1,state.nodeFocusedBeforeActivation=doc.activeElement,null==onActivate||onActivate();var finishActivation=function finishActivation(){checkCanFocusTrap&&updateTabbableNodes(),addListeners(),updateObservedNodes(),null==onPostActivate||onPostActivate()};return checkCanFocusTrap?(checkCanFocusTrap(state.containers.concat()).then(finishActivation,finishActivation),this):(finishActivation(),this)},deactivate:function deactivate(deactivateOptions){if(!state.active)return this;var options=_objectSpread2({onDeactivate:config.onDeactivate,onPostDeactivate:config.onPostDeactivate,checkCanReturnFocus:config.checkCanReturnFocus},deactivateOptions);clearTimeout(state.delayInitialFocusTimer),state.delayInitialFocusTimer=void 0,removeListeners(),state.active=!1,state.paused=!1,updateObservedNodes(),activeFocusTraps_deactivateTrap(trapStack,trap);var onDeactivate=getOption(options,"onDeactivate"),onPostDeactivate=getOption(options,"onPostDeactivate"),checkCanReturnFocus=getOption(options,"checkCanReturnFocus"),returnFocus=getOption(options,"returnFocus","returnFocusOnDeactivate");null==onDeactivate||onDeactivate();var finishDeactivation=function finishDeactivation(){delay((function(){returnFocus&&tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)),null==onPostDeactivate||onPostDeactivate()}))};return returnFocus&&checkCanReturnFocus?(checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation,finishDeactivation),this):(finishDeactivation(),this)},pause:function pause(pauseOptions){if(state.paused||!state.active)return this;var onPause=getOption(pauseOptions,"onPause"),onPostPause=getOption(pauseOptions,"onPostPause");return state.paused=!0,null==onPause||onPause(),removeListeners(),updateObservedNodes(),null==onPostPause||onPostPause(),this},unpause:function unpause(unpauseOptions){if(!state.paused||!state.active)return this;var onUnpause=getOption(unpauseOptions,"onUnpause"),onPostUnpause=getOption(unpauseOptions,"onPostUnpause");return state.paused=!1,null==onUnpause||onUnpause(),updateTabbableNodes(),addListeners(),updateObservedNodes(),null==onPostUnpause||onPostUnpause(),this},updateContainerElements:function updateContainerElements(containerElements){var elementsAsArray=[].concat(containerElements).filter(Boolean);return state.containers=elementsAsArray.map((function(element){return"string"==typeof element?doc.querySelector(element):element})),state.active&&updateTabbableNodes(),updateObservedNodes(),this}}).updateContainerElements(elements),trap}}}]);
\ No newline at end of file
diff --git a/4708.b24ee758.iframe.bundle.js.LICENSE.txt b/4708.b24ee758.iframe.bundle.js.LICENSE.txt
new file mode 100644
index 00000000..dc4340ba
--- /dev/null
+++ b/4708.b24ee758.iframe.bundle.js.LICENSE.txt
@@ -0,0 +1,4 @@
+/*!
+* focus-trap 7.5.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
diff --git a/5751.a8f63c4a.iframe.bundle.js b/5751.a8f63c4a.iframe.bundle.js
new file mode 100644
index 00000000..82247e42
--- /dev/null
+++ b/5751.a8f63c4a.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkorcs_design_system=self.webpackChunkorcs_design_system||[]).push([[5751],{"./lib/components/Box/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/should-forward-prop/dist/index.esm.js"),_styled_system_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@styled-system/css/dist/index.esm.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const boxStyles=(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp,styled_system__WEBPACK_IMPORTED_MODULE_1__.yW,styled_system__WEBPACK_IMPORTED_MODULE_1__.PQ),BoxWrapper=(0,styled_components__WEBPACK_IMPORTED_MODULE_5__.Ay)("div").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__.Ay,displayName:"Box__BoxWrapper",componentId:"sc-jr1api-0"}).attrs((props=>({"data-testid":props.dataTestId?props.dataTestId:props["data-testid"]?props["data-testid"]:null})))((0,_styled_system_css__WEBPACK_IMPORTED_MODULE_6__.AH)({width:"auto",display:"block",overflow:"visible"}),(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Ox)({prop:"shadow",variants:{default:{boxShadow:"boxDefault"}}}),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Ox)({prop:"boxBorder",variants:{default:{borderStyle:"solid",borderWidth:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("borderWidths.1")(props),borderColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("colors.greyLighter")(props)}}})),boxStyles),Box=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((_ref,ref)=>{let{children,theme,dataTestId,...props}=_ref;const component=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(BoxWrapper,{ref,dataTestId,...props,children});return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_5__.NP,{theme,children:component}):component}));Box.__docgenInfo={description:"",methods:[],displayName:"Box",props:{bg:{defaultValue:{value:'"transparent"',computed:!1},description:"Sets the background colour of the box.",type:{name:"string"},required:!1},children:{description:"Children of `Box` are taken as node elements",type:{name:"node"},required:!1},display:{description:"Sets `Box` display mode. Default is `block`.",type:{name:"enum",value:[{value:'"inline"',computed:!1},{value:'"block"',computed:!1},{value:'"contents"',computed:!1},{value:'"inline-block"',computed:!1},{value:'"none"',computed:!1},{value:'"initial"',computed:!1},{value:'"inherit"',computed:!1}]},required:!1},overflow:{description:"Sets behaviour of elements in `Box` that are larger than their container. Default is `visible`.",type:{name:"enum",value:[{value:'"visible"',computed:!1},{value:'"hidden"',computed:!1},{value:'"scroll"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},p:{description:"Sets the inner padding on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},m:{description:"Sets the outer margin on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},width:{description:"Sets the width of the box.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},height:{description:"Sets the height of the box. Default is `auto`.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},theme:{description:"Specifies the colour theme",type:{name:"object"},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=Box;Box.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,display:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["inline","block","contents","inline-block","none","initial","inherit"]),overflow:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["visible","hidden","scroll","auto"]),p:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().number,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),m:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().number,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),bg:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,width:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().array,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),height:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().array,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),dataTestId:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,theme:prop_types__WEBPACK_IMPORTED_MODULE_7___default().object},Box.defaultProps={bg:"transparent"},Box.__docgenInfo={description:"",methods:[],displayName:"Box",props:{bg:{defaultValue:{value:'"transparent"',computed:!1},description:"Sets the background colour of the box.",type:{name:"string"},required:!1},children:{description:"Children of `Box` are taken as node elements",type:{name:"node"},required:!1},display:{description:"Sets `Box` display mode. Default is `block`.",type:{name:"enum",value:[{value:'"inline"',computed:!1},{value:'"block"',computed:!1},{value:'"contents"',computed:!1},{value:'"inline-block"',computed:!1},{value:'"none"',computed:!1},{value:'"initial"',computed:!1},{value:'"inherit"',computed:!1}]},required:!1},overflow:{description:"Sets behaviour of elements in `Box` that are larger than their container. Default is `visible`.",type:{name:"enum",value:[{value:'"visible"',computed:!1},{value:'"hidden"',computed:!1},{value:'"scroll"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},p:{description:"Sets the inner padding on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},m:{description:"Sets the outer margin on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},width:{description:"Sets the width of the box.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},height:{description:"Sets the height of the box. Default is `auto`.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},theme:{description:"Specifies the colour theme",type:{name:"object"},required:!1}}}},"./lib/components/Select/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_10__),styled_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_select__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react-select/dist/index-a301f526.esm.js"),react_select__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react-select/dist/react-select.esm.js"),react_select_async__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-select/async/dist/react-select-async.esm.js"),react_select_creatable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react-select/creatable/dist/react-select-creatable.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@styled-system/css/dist/index.esm.js"),_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@styled-system/should-forward-prop/dist/index.esm.js"),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),_Typography__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./lib/components/Typography/index.js"),_hooks_useInputFocus__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./lib/hooks/useInputFocus.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");const SelectStyles=(0,styled_system__WEBPACK_IMPORTED_MODULE_3__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_3__.xe,styled_system__WEBPACK_IMPORTED_MODULE_3__.Zp),Wrapper=(0,styled_components__WEBPACK_IMPORTED_MODULE_7__.Ay)("div").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_4__.Ay,displayName:"Select__Wrapper",componentId:"sc-bfi43f-0"}).attrs((props=>({"data-testid":props["data-testid"]?props["data-testid"]:null})))((0,_styled_system_css__WEBPACK_IMPORTED_MODULE_8__.AH)({display:"inline-block",width:"100%"}),SelectStyles),Label=(0,styled_components__WEBPACK_IMPORTED_MODULE_7__.Ay)("label").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_4__.Ay,displayName:"Select__Label",componentId:"sc-bfi43f-1"}).attrs((props=>({for:props.id})))((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_8__.AH)({display:"block",color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")(props):props.invalid?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.dangerDark")(props):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarkest")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")(props),fontWeight:props.bold?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontWeights.2")(props):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontWeights.1")(props),mb:"xs"}))),MultiValueRemove=props=>{const{innerProps,data}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_select__WEBPACK_IMPORTED_MODULE_9__.c.MultiValueRemove,{...props,innerProps:{...innerProps,"aria-label":`Remove ${data.label}`}})};MultiValueRemove.propTypes={data:prop_types__WEBPACK_IMPORTED_MODULE_10___default().object,innerProps:prop_types__WEBPACK_IMPORTED_MODULE_10___default().object};const SELECT_TYPES={creatable:react_select_creatable__WEBPACK_IMPORTED_MODULE_2__.A,async:react_select_async__WEBPACK_IMPORTED_MODULE_1__.A,default:react_select__WEBPACK_IMPORTED_MODULE_11__.Ay},Select=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((props,ref)=>{const theme=(0,styled_components__WEBPACK_IMPORTED_MODULE_7__.DP)(),inputRef=(0,_hooks_useInputFocus__WEBPACK_IMPORTED_MODULE_12__.A)(ref,props.focus),{updateStyles=s=>s}=props,customStyles=updateStyles({menu:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,backgroundColor:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarker")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyLighter"):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarkest")({theme}),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme}),border:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("borderWidths.1")({theme})+" solid "+(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryLight")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("borderWidths.1")({theme})+" solid "+(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}),borderRadius:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("radii.2")({theme}),marginBottom:"0",marginTop:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("space.xs")({theme}),overflow:"hidden",zIndex:12}),menuList:provided=>({...provided,paddingTop:"0",overflow:"auto",color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyLightest")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarkest")({theme})}),control:(provided,state)=>({...provided,minHeight:props.height?props.height:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("appScale.inputHeightDefault")({theme}),boxShadow:"none",opacity:state.isDisabled?.7:1,"&:hover":{borderColor:props.invalid?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.danger")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme})},"&:focus-within":{outline:"0",borderColor:props.invalid?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.danger")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}),boxShadow:props.invalid?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("shadows.thickOutline")({theme})+" "+(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.danger30")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("shadows.thickOutline")({theme})+" "+(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary30")({theme})},borderColor:state.isFocused?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}):props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white30")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.black30")({theme}),backgroundColor:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarker")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyLighter")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarkest")({theme}),borderRadius:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("radii.2")({theme}),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme}),overflow:"hidden",border:`1px solid ${props.invalid?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.danger")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.black30")({theme})}`}),container:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyLighter")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.grey")({theme}),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme})}),valueContainer:provided=>({...provided,padding:props.padding?props.padding:"2px 4px",overflow:"visible"}),clearIndicator:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,padding:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("space.xxs")({theme}),color:state.isFocused||props.inverted?state.isFocused&&!props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}):!state.isFocused&&props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryLight")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDark")({theme}),"&:hover":{color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.danger")({theme})}}),dropdownIndicator:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,padding:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("space.xxs")({theme}),color:state.isFocused||props.inverted?state.isFocused&&!props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}):!state.isFocused&&props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryLight")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDark")({theme}),"&:hover":{color:state.isFocused||props.inverted?state.isFocused&&!props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryDarkest")({theme}):!state.isFocused&&props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme})}}),groupHeading:provided=>({...provided,textTransform:"none",fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.0")({theme}),color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDark")({theme})}),multiValue:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,backgroundColor:"transparent",color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),alignItems:"center",padding:"0 !important",fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme}),wordWrap:"break-word"}),multiValueLabel:(provided,state)=>({...provided,backgroundColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}),color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),padding:state.data.isFixed?"4px 10px 5px 10px !important":"4px 8px 5px 10px !important",fontSize:"1.3rem",fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontWeights.2")({theme}),wordWrap:"break-word",whiteSpace:"break-spaces",borderRadius:state.data.isFixed?"15px":"15px 0 0 15px"}),multiValueRemove:(provided,state)=>({...provided,backgroundColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primary")({theme}),color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),borderLeft:`solid 1px ${(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryDark")({theme})}`,padding:"6.5px 6px 6.5px 5px",display:state.data.isFixed?"none":provided.display,cursor:"pointer",borderRadius:"0 15px 15px 0",transition:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("transition.transitionDefault")({theme}),"&:hover":{backgroundColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryDark")({theme}),color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme})}}),option:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,backgroundColor:state.isFocused||props.inverted?state.isFocused&&!props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryLightest")({theme}):!state.isFocused&&props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarker")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.primaryDark")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.white")({theme}),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme}),whiteSpace:"break-spaces"}),placeholder:(provided,state)=>({...provided,opacity:state.isDisabled?.7:1,color:props.inverted?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyLightest")({theme}):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("colors.greyDarkest")({theme}),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_5__.y)("fontSizes.1")({theme})})}),components={MultiValueRemove,...props?.components||{}},SelectComponent=SELECT_TYPES[props?.selectType]??SELECT_TYPES.default,component=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(Wrapper,{inverted:props.inverted,"data-testid":props["data-testid"],...SelectStyles,children:[props.label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(Label,{inverted:props.inverted,bold:props.bold,htmlFor:props.inputId,invalid:props.invalid,children:[props.label,props.mandatory&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Typography__WEBPACK_IMPORTED_MODULE_13__.Oc,{color:"danger",ml:"xs",children:"*"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(SelectComponent,{ref:inputRef,styles:customStyles,theme,inputId:props.inputId,inverted:props.inverted,isMulti:props.isMulti,classNamePrefix:props.classNamePrefix,onChange:props.onChange,"aria-label":props.ariaLabel,...props,components})]});return props.theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_7__.NP,{theme:props.theme,children:component}):component}));Select.propTypes={options:prop_types__WEBPACK_IMPORTED_MODULE_10___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_10___default().array,prop_types__WEBPACK_IMPORTED_MODULE_10___default().object]),label:prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,ariaLabel:(props,propName)=>props.label||null!=props[propName]&&""!==props[propName]?props[propName]&&"string"!=typeof props[propName]?new Error(`Invalid propType \`${propName}\` supplied to Select component. Expected \`string\`, received \`${typeof props[propName]}\`.`):null:new Error(`Missing prop \`${propName}\` not specified for Select component. When \`label\` is not provided, \`${propName}\` is required.`),bold:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,isDisabled:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,inputId:(props,propName)=>!props.label||null!=props[propName]&&""!==props[propName]?props[propName]&&"string"!=typeof props[propName]?new Error(`Invalid propType \`${propName}\` supplied to Select component. Expected \`string\`, received \`${typeof props[propName]}\`.`):null:new Error(`Missing prop \`${propName}\` not specified for Select component. When \`label\` is provided, \`${propName}\` is required.`),height:prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,padding:prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,isMulti:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,inverted:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,dataTestId:prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,classNamePrefix:prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,"data-testid":prop_types__WEBPACK_IMPORTED_MODULE_10___default().string,onChange:prop_types__WEBPACK_IMPORTED_MODULE_10___default().func,theme:prop_types__WEBPACK_IMPORTED_MODULE_10___default().object,selectType:prop_types__WEBPACK_IMPORTED_MODULE_10___default().oneOf(["default","createable","async"]),updateStyles:prop_types__WEBPACK_IMPORTED_MODULE_10___default().func,invalid:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,mandatory:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,focus:prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool,components:prop_types__WEBPACK_IMPORTED_MODULE_10___default().object},Select.defaultProps={selectType:"default"},Select.__docgenInfo={description:"This component uses React Select: \n\nUsage of this component has changed since we have upgraded to the latest version of `react-select`. For example, field values are now defined as separate objects. for example:\n\n const options = [\n { value: 'chocolate', label: 'Chocolate' },\n { value: 'strawberry', label: 'Strawberry' },\n { value: 'vanilla', label: 'Vanilla' },\n { value: 'hazelnut', label: 'Hazelnut' },\n { value: 'rocky road', label: 'Rocky Road' }\n ]\nFor a full list of the changes, see .",methods:[],displayName:"Select",props:{selectType:{defaultValue:{value:'"default"',computed:!1},description:"Specify if you want react-select createable option",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"createable"',computed:!1},{value:'"async"',computed:!1}]},required:!1},options:{description:"Points to options object, see example code above",type:{name:"union",value:[{name:"array"},{name:"object"}]},required:!1},label:{description:"Specifies the label for the `Select`",type:{name:"string"},required:!1},ariaLabel:{description:"",type:{name:"custom",raw:'(props, propName) => {\n if (!props.label && (props[propName] == null || props[propName] === "")) {\n return new Error(\n `Missing prop \\`${propName}\\` not specified for Select component. When \\`label\\` is not provided, \\`${propName}\\` is required.`\n );\n }\n if (props[propName] && typeof props[propName] !== "string") {\n return new Error(\n `Invalid propType \\`${propName}\\` supplied to Select component. Expected \\`string\\`, received \\`${typeof props[\n propName\n ]}\\`.`\n );\n }\n return null;\n}'},required:!1},bold:{description:"Makes label bold",type:{name:"bool"},required:!1},isDisabled:{description:"Makes select disabled",type:{name:"bool"},required:!1},inputId:{description:"Specifies the ID for the rendered Select box. If you use the label prop label will automatically point to this ID, so this is required.",type:{name:"custom",raw:'(props, propName) => {\n if (props.label && (props[propName] == null || props[propName] === "")) {\n return new Error(\n `Missing prop \\`${propName}\\` not specified for Select component. When \\`label\\` is provided, \\`${propName}\\` is required.`\n );\n }\n if (props[propName] && typeof props[propName] !== "string") {\n return new Error(\n `Invalid propType \\`${propName}\\` supplied to Select component. Expected \\`string\\`, received \\`${typeof props[\n propName\n ]}\\`.`\n );\n }\n return null;\n}'},required:!1},height:{description:"Specifies the height of the select box control, make sure to include the unit, e.g. px",type:{name:"string"},required:!1},padding:{description:"Specifies the padding of the value showed in the select box control, make sure to include the unit, e.g. px",type:{name:"string"},required:!1},isMulti:{description:"Specifies if the `Select` component is multi-select.",type:{name:"bool"},required:!1},inverted:{description:"Styling for dark backgrounds.",type:{name:"bool"},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},classNamePrefix:{description:"Specifies prefix for the `#class` applied to the `Select` structures",type:{name:"string"},required:!1},"data-testid":{description:"Specifies `data-testid` for testing",type:{name:"string"},required:!1},onChange:{description:"Specifies `onChange` function for the input",type:{name:"func"},required:!1},theme:{description:"Specifies the system design theme object",type:{name:"object"},required:!1},updateStyles:{description:"Specify if you want to overwrite existing customStyles",type:{name:"func"},required:!1},invalid:{description:"Applies invalid input styles",type:{name:"bool"},required:!1},mandatory:{description:"Shows asterisk to denote a mandatory field",type:{name:"bool"},required:!1},focus:{description:"Focus on input",type:{name:"bool"},required:!1},components:{description:"Allows overrides of react-select components",type:{name:"object"},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=Select;Select.__docgenInfo={description:"This component uses React Select: \n\nUsage of this component has changed since we have upgraded to the latest version of `react-select`. For example, field values are now defined as separate objects. for example:\n\n const options = [\n { value: 'chocolate', label: 'Chocolate' },\n { value: 'strawberry', label: 'Strawberry' },\n { value: 'vanilla', label: 'Vanilla' },\n { value: 'hazelnut', label: 'Hazelnut' },\n { value: 'rocky road', label: 'Rocky Road' }\n ]\nFor a full list of the changes, see .",methods:[],displayName:"Select",props:{selectType:{defaultValue:{value:'"default"',computed:!1},description:"Specify if you want react-select createable option",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"createable"',computed:!1},{value:'"async"',computed:!1}]},required:!1},options:{description:"Points to options object, see example code above",type:{name:"union",value:[{name:"array"},{name:"object"}]},required:!1},label:{description:"Specifies the label for the `Select`",type:{name:"string"},required:!1},ariaLabel:{description:"",type:{name:"custom",raw:'(props, propName) => {\n if (!props.label && (props[propName] == null || props[propName] === "")) {\n return new Error(\n `Missing prop \\`${propName}\\` not specified for Select component. When \\`label\\` is not provided, \\`${propName}\\` is required.`\n );\n }\n if (props[propName] && typeof props[propName] !== "string") {\n return new Error(\n `Invalid propType \\`${propName}\\` supplied to Select component. Expected \\`string\\`, received \\`${typeof props[\n propName\n ]}\\`.`\n );\n }\n return null;\n}'},required:!1},bold:{description:"Makes label bold",type:{name:"bool"},required:!1},isDisabled:{description:"Makes select disabled",type:{name:"bool"},required:!1},inputId:{description:"Specifies the ID for the rendered Select box. If you use the label prop label will automatically point to this ID, so this is required.",type:{name:"custom",raw:'(props, propName) => {\n if (props.label && (props[propName] == null || props[propName] === "")) {\n return new Error(\n `Missing prop \\`${propName}\\` not specified for Select component. When \\`label\\` is provided, \\`${propName}\\` is required.`\n );\n }\n if (props[propName] && typeof props[propName] !== "string") {\n return new Error(\n `Invalid propType \\`${propName}\\` supplied to Select component. Expected \\`string\\`, received \\`${typeof props[\n propName\n ]}\\`.`\n );\n }\n return null;\n}'},required:!1},height:{description:"Specifies the height of the select box control, make sure to include the unit, e.g. px",type:{name:"string"},required:!1},padding:{description:"Specifies the padding of the value showed in the select box control, make sure to include the unit, e.g. px",type:{name:"string"},required:!1},isMulti:{description:"Specifies if the `Select` component is multi-select.",type:{name:"bool"},required:!1},inverted:{description:"Styling for dark backgrounds.",type:{name:"bool"},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},classNamePrefix:{description:"Specifies prefix for the `#class` applied to the `Select` structures",type:{name:"string"},required:!1},"data-testid":{description:"Specifies `data-testid` for testing",type:{name:"string"},required:!1},onChange:{description:"Specifies `onChange` function for the input",type:{name:"func"},required:!1},theme:{description:"Specifies the system design theme object",type:{name:"object"},required:!1},updateStyles:{description:"Specify if you want to overwrite existing customStyles",type:{name:"func"},required:!1},invalid:{description:"Applies invalid input styles",type:{name:"bool"},required:!1},mandatory:{description:"Shows asterisk to denote a mandatory field",type:{name:"bool"},required:!1},focus:{description:"Focus on input",type:{name:"bool"},required:!1},components:{description:"Allows overrides of react-select components",type:{name:"object"},required:!1}}}},"./lib/components/Spacer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/prop-types/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const SpacerBox=styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay.div.withConfig({displayName:"Spacer__SpacerBox",componentId:"sc-1acikjz-0"})([""," "," line-height:0;"],styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp),Spacer=_ref=>{let{children,theme,...props}=_ref;const clones=react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).map(((child,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(SpacerBox,{...props,children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(child)},index)));return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_4__.NP,{theme,children:clones}):clones};Spacer.propTypes={..._styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__.Ay.space,..._styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__.Ay.layout},Spacer.__docgenInfo={description:"",methods:[],displayName:"Spacer",composes:["@styled-system/prop-types"]};const __WEBPACK_DEFAULT_EXPORT__=Spacer;Spacer.__docgenInfo={description:"",methods:[],displayName:"Spacer",composes:["@styled-system/prop-types"]}},"./lib/hooks/useInputFocus.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function(){let focus=arguments.length>1?arguments[1]:void 0;const inputRef=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:null)||react__WEBPACK_IMPORTED_MODULE_0__.createRef();return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{focus&&inputRef&&inputRef.current&&inputRef.current.focus&&inputRef.current.focus()}),[inputRef,focus]),inputRef}}}]);
\ No newline at end of file
diff --git a/5781.5a039361.iframe.bundle.js b/5781.5a039361.iframe.bundle.js
new file mode 100644
index 00000000..171d3e19
--- /dev/null
+++ b/5781.5a039361.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkorcs_design_system=self.webpackChunkorcs_design_system||[]).push([[5781],{"./lib/components/Popover/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Popover});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs"),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./lib/components/Icon/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/prop-types/index.js"),_utils_floatingUiHelpers__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./lib/utils/floatingUiHelpers.js"),styled_system__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const DIRECTIONS_MAP={topLeft:"top-start",top:"top",topRight:"top-end",left:"left",right:"right",bottomLeft:"bottom-start",bottom:"bottom",bottomRight:"bottom-end"},Container=styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay.div.withConfig({displayName:"Popover__Container",componentId:"sc-1bwoak-0"})([""," "," display:",";position:relative;"],styled_system__WEBPACK_IMPORTED_MODULE_2__.xe,styled_system__WEBPACK_IMPORTED_MODULE_2__.Zp,(props=>props.inlineBlock?"inline-block !important":"block !important")),TooltipControl=styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay.div.withConfig({displayName:"Popover__TooltipControl",componentId:"sc-1bwoak-1"})(["border:none;background:none;padding:0;cursor:help;font-size:1em;color:",";transition:",";&:hover,&:focus{outline:0;color:",";}"],(props=>props.active?(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.primary")(props):(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.black")(props)),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("transition.transitionDefault"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.primary")),StyledPopover=styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay.div.withConfig({displayName:"Popover__StyledPopover",componentId:"sc-1bwoak-2"})(["font-size:",";line-height:",";font-weight:",";text-align:",";word-break:break-word;color:",";outline:0;padding:",";border-radius:",";width:",";background:",";border:1px solid ",";box-shadow:",";user-select:",";&.hack-for-legacy-tests{position:absolute;pointer-events:none;opacity:0;visibility:hidden;height:0;width:0;padding:0;overflow:hidden;}&.visible{opacity:1;pointer-events:auto;visibility:visible;}& a{font-size:",';}&:before{content:"";z-index:2;height:0;width:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent;border-right-color:',';left:-6px;top:50%;margin-top:-6px;position:absolute;}&:after{content:"";z-index:1;position:absolute;border-color:transparent;border-right-color:',";height:0;width:0;border-style:solid;border-width:6px 6px 6px 0;left:-7px;top:50%;margin-top:-6px;}&.top{&:before{left:50%;top:auto;margin-top:0;bottom:-9px;margin-left:-3px;transform:rotate(-90deg);}&:after{left:50%;top:auto;margin-top:0;bottom:-10px;margin-left:-3px;transform:rotate(-90deg);}}&.topRight,&.top-end{&:before{left:1px;top:auto;margin-top:0;bottom:-5px;margin-left:-6px;transform:rotate(-45deg);border-width:5px 10px 5px 0;}&:after{left:1px;top:auto;margin-top:0;bottom:-6px;margin-left:-7px;transform:rotate(-45deg);border-width:5px 10px 5px 0;}}&.bottomRight,&.bottom-end{&:before{left:1px;bottom:auto;margin-top:0;top:-5px;margin-left:-6px;transform:rotate(45deg);border-width:5px 10px 5px 0;}&:after{left:1px;bottom:auto;margin-top:0;top:-6px;margin-left:-7px;transform:rotate(45deg);border-width:5px 10px 5px 0;}}&.bottom{&:before{left:50%;top:-9px;margin-top:0;margin-left:-3px;transform:rotate(90deg);}&:after{left:50%;top:-10px;margin-top:0;margin-left:-3px;transform:rotate(90deg);}}&.bottomLeft,&.bottom-start{&:before{right:1px;left:auto;bottom:auto;margin-top:0;top:-5px;margin-right:-6px;transform:rotate(135deg);border-width:5px 10px 5px 0;}&:after{right:1px;left:auto;bottom:auto;margin-top:0;top:-6px;margin-right:-7px;transform:rotate(135deg);border-width:5px 10px 5px 0;}}&.left{&:before{left:auto;right:-6px;transform:rotate(180deg);}&:after{left:auto;right:-7px;transform:rotate(180deg);top:50%;margin-top:-6px;}}&.topLeft,&.top-start{&:before{right:1px;left:auto;top:auto;margin-top:0;bottom:-5px;margin-right:-6px;transform:rotate(225deg);border-width:5px 10px 5px 0;}&:after{right:1px;left:auto;top:auto;margin-top:0;bottom:-6px;margin-right:-7px;transform:rotate(225deg);border-width:5px 10px 5px 0;}}"],(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("fontSizes.0"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("fontSizes.1"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("fontWeights.1"),(props=>props.textAlign?props.textAlign:"left"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.greyDarkest"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("space.3"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("radii.1"),(props=>props.width?props.width:"200px"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.white"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.greyLight"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("shadows.boxDefault"),(props=>props.enableSelectAll?"all":"auto"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("fontSizes.0"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.white"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_1__.A)("colors.greyMid"));function Popover(_ref){let{children,direction="right",text,textAlign,width,enableSelectAll,variant,ariaLabel,inlineBlock,...props}=_ref;const[visible,setVisible]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),{refs,floatingStyles,context}=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.we)({open:visible,onOpenChange:setVisible,placement:DIRECTIONS_MAP[direction]||direction||"right",whileElementsMounted:_floating_ui_react__WEBPACK_IMPORTED_MODULE_6__.ll,middleware:[(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_7__.cY)((_ref2=>{let{rects}=_ref2;return{mainAxis:10,alignmentAxis:-rects.floating.width}})),(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_7__.UU)({fallbackAxisSideDirection:"start"}),(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_7__.BN)()]}),hover=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.Mk)(context,{move:!1,handleClose:(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.iB)(),delay:{open:400,close:0}}),focus=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.iQ)(context),dismiss=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.s9)(context),role=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.It)(context,{role:"tooltip"}),{getReferenceProps,getFloatingProps}=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.bv)([hover,focus,dismiss,role]),triggerProps=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({...getReferenceProps({ref:refs.setReference}),tabIndex:"0"})),[getReferenceProps,refs.setReference]),directionClass=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>context.placement===DIRECTIONS_MAP[direction]?direction:context.placement),[context.placement,direction]),style=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>({...floatingStyles,zIndex:(0,_utils_floatingUiHelpers__WEBPACK_IMPORTED_MODULE_8__.pI)(context.refs.reference)})),[floatingStyles,context.refs.reference]),containsLinks=refs.floating?.current?.querySelectorAll("a").length,visiblePopoverClassName=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>`Tooltip popover visible ${directionClass}`),[directionClass]),floatingProps=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>getFloatingProps({...props,className:`${props.className} ${visiblePopoverClassName}`})),[getFloatingProps,props,visiblePopoverClassName]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(Container,{inlineBlock,...props,...triggerProps,"aria-describedby":context.floatingId,children:["tooltip"===variant&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(TooltipControl,{active:visible,tabIndex:"0",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_9__.A,{transform:"grow-4",icon:["fas","question-circle"],fontSize:"2"})}),text&&(visible?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.XF,{root:(0,_utils_floatingUiHelpers__WEBPACK_IMPORTED_MODULE_8__.BO)(context.refs.reference),preserveTabOrder:!0,children:containsLinks?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_5__.s3,{context,modal:!1,initialFocus:(0,_utils_floatingUiHelpers__WEBPACK_IMPORTED_MODULE_8__.pM)(context.refs.reference)&&-1,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StyledPopover,{className:visiblePopoverClassName,ref:refs.setFloating,textAlign,width,enableSelectAll,ariaLabel,style,...floatingProps,children:text})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StyledPopover,{className:visiblePopoverClassName,ref:refs.setFloating,textAlign,width,enableSelectAll,ariaLabel,style,...floatingProps,children:text})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StyledPopover,{ariaLabel,className:"Tooltip popover hack-for-legacy-tests",children:text})),children]})}Popover.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.element,direction:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.oneOf([...Object.keys(DIRECTIONS_MAP),...Object.values(DIRECTIONS_MAP)]),text:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.node,textAlign:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.oneOf(["left","right","center"]),width:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.string,inlineBlock:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.bool,variant:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.oneOf(["tooltip"]),theme:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.object,enableSelectAll:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.bool,ariaLabel:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.string,tabIndex:prop_types__WEBPACK_IMPORTED_MODULE_10__.PropTypes.number},Popover.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{direction:{defaultValue:{value:'"right"',computed:!1},description:"Specifies the direction of the popover. Defaults to right if not specified",type:{name:"enum",value:[{value:"...Object.keys(DIRECTIONS_MAP)",computed:!0},{value:"...Object.values(DIRECTIONS_MAP)",computed:!0}]},required:!1},children:{description:"The element that requires the popover helper text.",type:{name:"element"},required:!1},text:{description:"The text contained in the popover element",type:{name:"node"},required:!1},textAlign:{description:"Specifies the alignment of the text inside the popover",type:{name:"enum",value:[{value:'"left"',computed:!1},{value:'"right"',computed:!1},{value:'"center"',computed:!1}]},required:!1},width:{description:"Specifies the width of the popover (you need to specify units, e.g. pixels, %). If you use % it will be a percentage of the width of the Popover container",type:{name:"string"},required:!1},inlineBlock:{description:"Sets display property of popover tooltip to inline-block",type:{name:"bool"},required:!1},variant:{description:"Specifies the variant of the popover.",type:{name:"enum",value:[{value:'"tooltip"',computed:!1}]},required:!1},theme:{description:"Specifies the system design theme.",type:{name:"object"},required:!1},enableSelectAll:{description:"Specifies whether enable select all behaviour",type:{name:"bool"},required:!1},ariaLabel:{description:"Provide an aria-label if text is not a string",type:{name:"string"},required:!1},tabIndex:{description:"Provide a tab index for accessibilty, defaults to 0",type:{name:"number"},required:!1}}},Popover.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{direction:{defaultValue:{value:'"right"',computed:!1},description:"Specifies the direction of the popover. Defaults to right if not specified",type:{name:"enum",value:[{value:"...Object.keys(DIRECTIONS_MAP)",computed:!0},{value:"...Object.values(DIRECTIONS_MAP)",computed:!0}]},required:!1},children:{description:"The element that requires the popover helper text.",type:{name:"element"},required:!1},text:{description:"The text contained in the popover element",type:{name:"node"},required:!1},textAlign:{description:"Specifies the alignment of the text inside the popover",type:{name:"enum",value:[{value:'"left"',computed:!1},{value:'"right"',computed:!1},{value:'"center"',computed:!1}]},required:!1},width:{description:"Specifies the width of the popover (you need to specify units, e.g. pixels, %). If you use % it will be a percentage of the width of the Popover container",type:{name:"string"},required:!1},inlineBlock:{description:"Sets display property of popover tooltip to inline-block",type:{name:"bool"},required:!1},variant:{description:"Specifies the variant of the popover.",type:{name:"enum",value:[{value:'"tooltip"',computed:!1}]},required:!1},theme:{description:"Specifies the system design theme.",type:{name:"object"},required:!1},enableSelectAll:{description:"Specifies whether enable select all behaviour",type:{name:"bool"},required:!1},ariaLabel:{description:"Provide an aria-label if text is not a string",type:{name:"string"},required:!1},tabIndex:{description:"Provide a tab index for accessibilty, defaults to 0",type:{name:"number"},required:!1}}}},"./lib/components/StatusDot/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>StatusDot});__webpack_require__("./node_modules/react/index.js");var prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_css__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@styled-system/css/dist/index.esm.js"),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const StatusDotStyles=(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp,styled_system__WEBPACK_IMPORTED_MODULE_1__.yW),StatusDotItem=(0,styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay)("div").withConfig({displayName:"StatusDot__StatusDotItem",componentId:"sc-1esxq7c-0"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_5__.AH)({width:props.icon?"18px":"10px",height:props.icon?"18px":"10px",borderRadius:"50%",bg:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.secondary")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.0")(props),display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0",svg:{filter:props.icon?"drop-shadow(0 1px 1px rgba(0,0,0,0.7))":"none"}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Ox)({variants:{default:{},success:{bg:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.success")(props),svg:{filter:props.icon?"drop-shadow(0 1px 1px rgba(0,0,0,0.6))":"none"}},warning:{bg:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.warning")(props),svg:{filter:props.icon?"drop-shadow(0 1px 1px rgba(147,101,0,1))":"none"}},danger:{bg:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.danger")(props),svg:{filter:props.icon?"drop-shadow(0 1px 1px rgba(0,0,0,0.7))":"none"}}}})),StatusDotStyles);function StatusDot(_ref){let{icon,children,...props}=_ref;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(StatusDotItem,{...props,icon,children})}StatusDot.propTypes={variant:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOf(["success","warning","danger"]),icon:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_6___default().node,theme:prop_types__WEBPACK_IMPORTED_MODULE_6___default().object},StatusDot.__docgenInfo={description:"",methods:[],displayName:"StatusDot",props:{variant:{description:"Specifies StatusDot colour. Colours are taken from the standard design system colours.",type:{name:"enum",value:[{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"danger"',computed:!1}]},required:!1},icon:{description:"Specifies that this StatusDot contains an icon",type:{name:"bool"},required:!1},children:{description:"Can specify an Icon componet as a child item",type:{name:"node"},required:!1},theme:{description:"Specifies the system design theme.",type:{name:"object"},required:!1}}},StatusDot.__docgenInfo={description:"",methods:[],displayName:"StatusDot",props:{variant:{description:"Specifies StatusDot colour. Colours are taken from the standard design system colours.",type:{name:"enum",value:[{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"danger"',computed:!1}]},required:!1},icon:{description:"Specifies that this StatusDot contains an icon",type:{name:"bool"},required:!1},children:{description:"Can specify an Icon componet as a child item",type:{name:"node"},required:!1},theme:{description:"Specifies the system design theme.",type:{name:"object"},required:!1}}}},"./lib/utils/floatingUiHelpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BO:()=>getFloatingUiRootElement,pI:()=>getFloatingUiZIndex,pM:()=>isRenderedInReactSelectMenu});const getFloatingUiZIndex=triggerRef=>{const activeModalRef=document.getElementById("modal-overlay");return activeModalRef&&triggerRef.current&&activeModalRef?.contains?.(triggerRef.current)?1100:900},isRenderedInReactSelectMenu=triggerRef=>document.getElementById("react-select-menu")?.contains?.(triggerRef.current),getFloatingUiRootElement=triggerRef=>{const activeModalRef=document.getElementById("modal-overlay"),isRenderedInModal=activeModalRef?.contains?.(triggerRef.current);return isRenderedInModal?document.getElementById("modal"):isRenderedInReactSelectMenu(triggerRef)?document.getElementById("react-select-menu").firstChild:void 0}}}]);
\ No newline at end of file
diff --git a/588.9d1d7b7d.iframe.bundle.js b/588.9d1d7b7d.iframe.bundle.js
new file mode 100644
index 00000000..81cebd3b
--- /dev/null
+++ b/588.9d1d7b7d.iframe.bundle.js
@@ -0,0 +1 @@
+(self.webpackChunkorcs_design_system=self.webpackChunkorcs_design_system||[]).push([[588],{"./lib/components/Box/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/should-forward-prop/dist/index.esm.js"),_styled_system_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@styled-system/css/dist/index.esm.js"),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const boxStyles=(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp,styled_system__WEBPACK_IMPORTED_MODULE_1__.yW,styled_system__WEBPACK_IMPORTED_MODULE_1__.PQ),BoxWrapper=(0,styled_components__WEBPACK_IMPORTED_MODULE_5__.Ay)("div").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__.Ay,displayName:"Box__BoxWrapper",componentId:"sc-jr1api-0"}).attrs((props=>({"data-testid":props.dataTestId?props.dataTestId:props["data-testid"]?props["data-testid"]:null})))((0,_styled_system_css__WEBPACK_IMPORTED_MODULE_6__.AH)({width:"auto",display:"block",overflow:"visible"}),(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Ox)({prop:"shadow",variants:{default:{boxShadow:"boxDefault"}}}),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Ox)({prop:"boxBorder",variants:{default:{borderStyle:"solid",borderWidth:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("borderWidths.1")(props),borderColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("colors.greyLighter")(props)}}})),boxStyles),Box=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(((_ref,ref)=>{let{children,theme,dataTestId,...props}=_ref;const component=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(BoxWrapper,{ref,dataTestId,...props,children});return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_5__.NP,{theme,children:component}):component}));Box.__docgenInfo={description:"",methods:[],displayName:"Box",props:{bg:{defaultValue:{value:'"transparent"',computed:!1},description:"Sets the background colour of the box.",type:{name:"string"},required:!1},children:{description:"Children of `Box` are taken as node elements",type:{name:"node"},required:!1},display:{description:"Sets `Box` display mode. Default is `block`.",type:{name:"enum",value:[{value:'"inline"',computed:!1},{value:'"block"',computed:!1},{value:'"contents"',computed:!1},{value:'"inline-block"',computed:!1},{value:'"none"',computed:!1},{value:'"initial"',computed:!1},{value:'"inherit"',computed:!1}]},required:!1},overflow:{description:"Sets behaviour of elements in `Box` that are larger than their container. Default is `visible`.",type:{name:"enum",value:[{value:'"visible"',computed:!1},{value:'"hidden"',computed:!1},{value:'"scroll"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},p:{description:"Sets the inner padding on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},m:{description:"Sets the outer margin on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},width:{description:"Sets the width of the box.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},height:{description:"Sets the height of the box. Default is `auto`.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},theme:{description:"Specifies the colour theme",type:{name:"object"},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=Box;Box.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_7___default().node,display:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["inline","block","contents","inline-block","none","initial","inherit"]),overflow:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOf(["visible","hidden","scroll","auto"]),p:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().number,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),m:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().number,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),bg:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,width:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().array,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),height:prop_types__WEBPACK_IMPORTED_MODULE_7___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_7___default().array,prop_types__WEBPACK_IMPORTED_MODULE_7___default().string]),dataTestId:prop_types__WEBPACK_IMPORTED_MODULE_7___default().string,theme:prop_types__WEBPACK_IMPORTED_MODULE_7___default().object},Box.defaultProps={bg:"transparent"},Box.__docgenInfo={description:"",methods:[],displayName:"Box",props:{bg:{defaultValue:{value:'"transparent"',computed:!1},description:"Sets the background colour of the box.",type:{name:"string"},required:!1},children:{description:"Children of `Box` are taken as node elements",type:{name:"node"},required:!1},display:{description:"Sets `Box` display mode. Default is `block`.",type:{name:"enum",value:[{value:'"inline"',computed:!1},{value:'"block"',computed:!1},{value:'"contents"',computed:!1},{value:'"inline-block"',computed:!1},{value:'"none"',computed:!1},{value:'"initial"',computed:!1},{value:'"inherit"',computed:!1}]},required:!1},overflow:{description:"Sets behaviour of elements in `Box` that are larger than their container. Default is `visible`.",type:{name:"enum",value:[{value:'"visible"',computed:!1},{value:'"hidden"',computed:!1},{value:'"scroll"',computed:!1},{value:'"auto"',computed:!1}]},required:!1},p:{description:"Sets the inner padding on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},m:{description:"Sets the outer margin on all four sides. Takes values from the `space` array in `systemtheme.js`.",type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1},width:{description:"Sets the width of the box.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},height:{description:"Sets the height of the box. Default is `auto`.",type:{name:"union",value:[{name:"array"},{name:"string"}]},required:!1},dataTestId:{description:"Specifies the `data-testid` attribute for testing.",type:{name:"string"},required:!1},theme:{description:"Specifies the colour theme",type:{name:"object"},required:!1}}}},"./lib/components/Spacer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/prop-types/dist/index.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const SpacerBox=styled_components__WEBPACK_IMPORTED_MODULE_4__.Ay.div.withConfig({displayName:"Spacer__SpacerBox",componentId:"sc-1acikjz-0"})([""," "," line-height:0;"],styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp),Spacer=_ref=>{let{children,theme,...props}=_ref;const clones=react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).map(((child,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(SpacerBox,{...props,children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(child)},index)));return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_4__.NP,{theme,children:clones}):clones};Spacer.propTypes={..._styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__.Ay.space,..._styled_system_prop_types__WEBPACK_IMPORTED_MODULE_2__.Ay.layout},Spacer.__docgenInfo={description:"",methods:[],displayName:"Spacer",composes:["@styled-system/prop-types"]};const __WEBPACK_DEFAULT_EXPORT__=Spacer;Spacer.__docgenInfo={description:"",methods:[],displayName:"Spacer",composes:["@styled-system/prop-types"]}},"./lib/components/Typography/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,Cy:()=>Code,EY:()=>Text,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,Oc:()=>Small,P:()=>P,Pk:()=>Quote});var styled_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_css__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@styled-system/css/dist/index.esm.js"),_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@styled-system/should-forward-prop/dist/index.esm.js"),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js");const typeStyles=(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_0__.Il,styled_system__WEBPACK_IMPORTED_MODULE_0__.yW,styled_system__WEBPACK_IMPORTED_MODULE_0__.xe,styled_system__WEBPACK_IMPORTED_MODULE_0__.Zp),H1=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h1").withConfig({displayName:"Typography__H1",componentId:"sc-1613j99-0"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.6")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.7")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.5")(props)}}})),typeStyles),H2=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h2").withConfig({displayName:"Typography__H2",componentId:"sc-1613j99-1"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.5")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.6")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.4")(props)}}})),typeStyles),H3=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h3").withConfig({displayName:"Typography__H3",componentId:"sc-1613j99-2"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.4")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.5")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props)}}})),typeStyles),H4=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h4").withConfig({displayName:"Typography__H4",componentId:"sc-1613j99-3"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.4")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props)}}})),typeStyles),H5=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h5").withConfig({displayName:"Typography__H5",componentId:"sc-1613j99-4"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.1")(props)}}})),typeStyles),H6=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("h6").withConfig({displayName:"Typography__H6",componentId:"sc-1613j99-5"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.1")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props)},small:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.0")(props)}}})),typeStyles),P=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("p").withConfig({displayName:"Typography__P",componentId:"sc-1613j99-6"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props)}}})),typeStyles),Small=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("small").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_1__.Ay,displayName:"Typography__Small",componentId:"sc-1613j99-7"}).attrs({className:"Small"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),typeStyles),Text=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("span").withConfig({displayName:"Typography__Text",componentId:"sc-1613j99-8"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({fontFamily:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fonts.main")(props),fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),textTransform:props.uppercase?"uppercase":"none",wordBreak:props.breakWord?"break-word":"normal"})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"weight",variants:{light:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.0")(props)},bold:{fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.2")(props)}}})),(props=>(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ox)({prop:"sizing",variants:{large:{fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props)}}})),typeStyles),Quote=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("blockquote").withConfig({displayName:"Typography__Quote",componentId:"sc-1613j99-9"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({display:"block",fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.3")(props),fontWeight:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontWeights.1")(props),borderLeftStyle:"solid",borderLeftWidth:3,borderLeftColor:"greyLight",p:4,em:{display:"block",fontStyle:"italic",fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props),color:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.greyDark")(props)}})),typeStyles),Code=(0,styled_components__WEBPACK_IMPORTED_MODULE_3__.Ay)("div").withConfig({displayName:"Typography__Code",componentId:"sc-1613j99-10"})((props=>(0,_styled_system_css__WEBPACK_IMPORTED_MODULE_4__.Ay)({padding:3,fontSize:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("fontSizes.2")(props),fontFamily:"monospace",backgroundColor:(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_2__.y)("colors.warningLightest")(props)}))),__WEBPACK_DEFAULT_EXPORT__={H1,H2,H3,H4,H5,H6,P,Text,Quote,Small,Code}},"./lib/components/DatePicker/DatePicker.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,dateRange:()=>dateRange,default:()=>DatePicker_stories,invalidRequiredDate:()=>invalidRequiredDate,showClearDates:()=>showClearDates,singleDate:()=>singleDate});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),src=__webpack_require__("./node_modules/react-moment-proptypes/src/index.js"),src_default=__webpack_require__.n(src),omit=__webpack_require__("./node_modules/lodash/omit.js"),omit_default=__webpack_require__.n(omit),Typography=(__webpack_require__("./node_modules/react-dates/lib/css/_datepicker.css"),__webpack_require__("./node_modules/react-dates/initialize.js"),__webpack_require__("./lib/components/Typography/index.js")),react_dates=__webpack_require__("./node_modules/react-dates/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),index_esm=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),DateRangePickerShape=__webpack_require__("./node_modules/react-dates/lib/shapes/DateRangePickerShape.js"),defaultPhrases=__webpack_require__("./node_modules/react-dates/lib/defaultPhrases.js"),constants=__webpack_require__("./node_modules/react-dates/lib/constants.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const defaultProps={autoFocus:!1,autoFocusEndDate:!1,initialStartDate:null,initialEndDate:null,startDateId:constants.START_DATE,startDatePlaceholderText:"Start Date",endDateId:constants.END_DATE,endDatePlaceholderText:"End Date",disabled:!1,required:!1,screenReaderInputMessage:"",showClearDates:!1,showDefaultInputIcon:!1,customInputIcon:null,customArrowIcon:null,customCloseIcon:null,block:!1,small:!1,regular:!1,invalid:!1,renderMonthText:null,orientation:constants.HORIZONTAL_ORIENTATION,anchorDirection:constants.ANCHOR_LEFT,horizontalMargin:0,withPortal:!1,withFullScreenPortal:!1,initialVisibleMonth:null,numberOfMonths:2,keepOpenOnDateSelect:!1,reopenPickerOnClearDates:!1,isRTL:!1,navPosition:constants.NAV_POSITION_TOP,navPrev:null,navNext:null,onPrevMonthClick(){},onNextMonthClick(){},onClose(){},renderCalendarDay:void 0,renderDayContents:null,minimumNights:1,enableOutsideDays:!1,isDayBlocked:()=>!1,isOutsideRange:()=>!1,isDayHighlighted:()=>!1,displayFormat:"DD/MM/YYYY",monthFormat:"MMMM YYYY",phrases:defaultPhrases.DateRangePickerPhrases,stateDateWrapper:date=>date},DatePickerLabel=styled_components_browser_esm.Ay.label.withConfig({displayName:"DatePicker__DatePickerLabel",componentId:"sc-15292wq-0"})(["display:block;margin-bottom:",";font-size:",";font-weight:",";color:",";"],(0,index_esm.y)("space.xs"),(0,index_esm.y)("fontSizes.1"),(props=>props.boldLabel?(0,index_esm.y)("fontWeights.2"):(0,index_esm.y)("fontWeights.1")),(props=>props.invalid?(0,index_esm.y)("colors.dangerDark"):(0,index_esm.y)("colors.greyDarkest"))),DatePickerContainer=styled_components_browser_esm.Ay.div.withConfig({displayName:"DatePicker__DatePickerContainer",componentId:"sc-15292wq-1"})([".SingleDatePicker{width:",";}.DateRangePicker{width:",';}.SingleDatePickerInput,.DateRangePickerInput{display:block;cursor:text;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;border:0;border-radius:0;background:transparent;}.SingleDatePickerInput__withBorder,.DateRangePickerInput__withBorder{border:none;border-radius:0;}.DateInput{width:',";background:none;position:relative;}.DateRangePickerInput_arrow_svg path{fill:",";}.DateRangePickerInput_arrow{display:none;}.SingleDatePicker_picker,.DateRangePicker_picker{background:none;z-index:",';}.DateInput_input{display:block;cursor:text;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:',";font-weight:",";z-index:1;transition:",";background:",";color:",";height:",";width:",";padding:5px 12px 6px 12px;border-radius:",";border:1px solid ",";&:hover{border:1px solid ",";}&:focus{outline:0;box-shadow:"," ",";border:1px solid ",";}&::placeholder{color:",";}}.DateInput_input[disabled]{background:",";color:",";}.DateInput_input__focused{outline:0;box-shadow:"," ",";border:1px solid ",";}.DateRangePickerInput .DateInput:first-child .DateInput_input{border-radius:",";}.DateRangePickerInput .DateInput:last-child .DateInput_input,.DateRangePickerInput__showClearDates .DateInput .DateInput_input,.DateRangePickerInput__showClearDates .DateInput .DateInput_input__disabled{border-radius:",';}.SingleDatePickerInput__showClearDate,.DateRangePickerInput__showClearDates{padding-right:0;.SingleDatePickerInput_clearDate,.DateRangePickerInput_clearDates{display:none;}.DateInput:has(.DateInput_input:not([value=""])) ~ .SingleDatePickerInput_clearDate,.DateInput:has(.DateInput_input:not([value=""])) ~ .DateRangePickerInput_clearDates{display:flex;}}.SingleDatePickerInput__showClearDate,.DateRangePickerInput__showClearDates{display:flex;align-items:center;}.DateRangePickerInput__showClearDates .DateInput:first-child:has(.DateInput_input:not([value=""])) ~ .DateInput .DateInput_input,.DateRangePickerInput__showClearDates .DateInput:first-child ~ .DateInput .DateInput_input:not([value=""]){border-radius:',";}.SingleDatePickerInput_clearDate,.DateRangePickerInput_clearDates{background-color:transparent;border-radius:",";height:",";display:flex;align-items:center;justify-content:center;margin:0;position:absolute;top:auto;right:0;transform:none;&:hover,&:focus{outline:0;svg path{fill:",";}}.DayPickerKeyboardShortcuts_panel{color:",";}.CalendarDay__default{transition:",";}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:",";border:1px solid ",";}.DayPickerKeyboardShortcuts_show__bottomRight{border-radius:0 0 3px 0;overflow:hidden;}.DayPickerKeyboardShortcuts_show__topRight{border-radius:0 3px 0 0;overflow:hidden;}.DayPickerKeyboardShortcuts_show__bottomRight:before,.DayPickerKeyboardShortcuts_show__topRight:before{border-right:33px solid ",";transition:",";}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before,.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid ",";}.CalendarDay__selected_span,.CalendarDay__hovered_span,.CalendarDay__hovered_span:active{background:",";border:1px solid ",";color:",";}.CalendarDay__hovered_span:hover,.CalendarDay__default:hover{background:",";border:1px double ",";color:",";}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:",";border:1px solid ",";}.DateInput_fang{margin-top:1px;z-index:",";}"],(props=>props.width?props.width:"134px"),(props=>{if(props.width){if(props.width.includes("px")){return 2*parseInt(props.width,10)+"px"}return props.width}return"calc(134px * 2)"}),(props=>props.width?props.width:"134px"),(props=>(0,index_esm.y)("colors.greyLight")(props)),(props=>props.zIndex?props.zIndex:"1"),(props=>(0,index_esm.y)("fontSizes.2")(props)),(props=>(0,index_esm.y)("fontWeights.1")(props)),(props=>(0,index_esm.y)("transition.transitionDefault")(props)),(props=>(0,index_esm.y)("colors.white")(props)),(props=>(0,index_esm.y)("colors.greyDarkest")(props)),(props=>props.height?props.height:"40px"),(props=>props.width?props.width:"134px"),(props=>(0,index_esm.y)("radii.2")(props)),(props=>props.invalid?(0,index_esm.y)("colors.danger")(props):(0,index_esm.y)("colors.black30")(props)),(props=>props.invalid?(0,index_esm.y)("colors.danger")(props):(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("shadows.thinOutline")(props)),(props=>(0,index_esm.y)("colors.primary30")(props)),(props=>props.invalid?(0,index_esm.y)("colors.danger")(props):(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.grey")(props)),(props=>(0,index_esm.y)("colors.greyLightest")(props)),(props=>(0,index_esm.y)("colors.grey")(props)),(props=>(0,index_esm.y)("shadows.thinOutline")(props)),(props=>(0,index_esm.y)("colors.primary30")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>`${(0,index_esm.y)("radii.2")(props)} 0 0 ${(0,index_esm.y)("radii.2")(props)}`),(props=>`0 ${(0,index_esm.y)("radii.2")(props)} ${(0,index_esm.y)("radii.2")(props)} 0`),(props=>`0 ${(0,index_esm.y)("radii.2")(props)} ${(0,index_esm.y)("radii.2")(props)} 0`),(props=>`0 ${(0,index_esm.y)("radii.2")(props)} ${(0,index_esm.y)("radii.2")(props)} 0`),(props=>props.height?props.height:"40px"),(props=>props.invalid?(0,index_esm.y)("colors.danger")(props):(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.greyDarkest")(props)),(props=>(0,index_esm.y)("transition.transitionDefault")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("transition.transitionDefault")(props)),(props=>(0,index_esm.y)("colors.primaryDark")(props)),(props=>(0,index_esm.y)("colors.primaryLight")(props)),(props=>(0,index_esm.y)("colors.primaryLight")(props)),(props=>(0,index_esm.y)("colors.white")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.primary")(props)),(props=>(0,index_esm.y)("colors.white")(props)),(props=>(0,index_esm.y)("colors.primaryDarker")(props)),(props=>(0,index_esm.y)("colors.primaryDarker")(props)),(props=>props.zIndex?props.zIndex+1:"2"));class DatePicker extends react.Component{render(){const{single,range,width,height,zIndex,invalid,required,label,id,startDateId,boldLabel,...pickerProps}=this.props;return(0,jsx_runtime.jsx)(DatePickerContainer,{width,height,invalid,zIndex,required,children:single?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[label&&(0,jsx_runtime.jsxs)(DatePickerLabel,{htmlFor:id,invalid,boldLabel,children:[label,required&&(0,jsx_runtime.jsx)(Typography.Oc,{color:"danger",ml:"xs",children:"*"})]}),(0,jsx_runtime.jsx)(react_dates.SingleDatePicker,{id,...pickerProps})]}):range?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[label&&(0,jsx_runtime.jsxs)(DatePickerLabel,{htmlFor:startDateId,invalid,boldLabel,children:[label,required&&(0,jsx_runtime.jsx)(Typography.Oc,{color:"danger",ml:"xs",children:"*"})]}),(0,jsx_runtime.jsx)(react_dates.DateRangePicker,{id,...pickerProps})]}):null})}}DatePicker.defaultProps=defaultProps,DatePicker.propTypes={single:prop_types_default().bool,range:prop_types_default().bool,date:src_default().momentObj,onDateChange:prop_types_default().func,placeholder:prop_types_default().string,startDate:src_default().momentObj,endDate:src_default().momentObj,onDatesChange:prop_types_default().func,onFocusChange:prop_types_default().func,focusedInput:prop_types_default().bool,displayFormat:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().func]),width:prop_types_default().string,height:prop_types_default().string,invalid:prop_types_default().bool,autoFocus:prop_types_default().bool,autoFocusEndDate:prop_types_default().bool,stateDateWrapper:prop_types_default().func,initialStartDate:src_default().momentObj,initialEndDate:src_default().momentObj,...omit_default()(DateRangePickerShape.default,["startDate","endDate","onDatesChange","focusedInput","onFocusChange"])},DatePicker.__docgenInfo={description:"Datepicker uses airbnb's react datepicker under the hood. This is just a wrapper to override styles, the only props you need to specify is either single or range. For all functionality and additional required props refer to documentation here: ",methods:[],displayName:"DatePicker",props:{autoFocus:{defaultValue:{value:"false",computed:!1},description:"Should not be visible\n@ignore",type:{name:"bool"},required:!1},autoFocusEndDate:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},initialStartDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},initialEndDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},startDateId:{defaultValue:{value:"START_DATE",computed:!0},required:!1},startDatePlaceholderText:{defaultValue:{value:'"Start Date"',computed:!1},required:!1},endDateId:{defaultValue:{value:"END_DATE",computed:!0},required:!1},endDatePlaceholderText:{defaultValue:{value:'"End Date"',computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},screenReaderInputMessage:{defaultValue:{value:'""',computed:!1},required:!1},showClearDates:{defaultValue:{value:"false",computed:!1},required:!1},showDefaultInputIcon:{defaultValue:{value:"false",computed:!1},required:!1},customInputIcon:{defaultValue:{value:"null",computed:!1},required:!1},customArrowIcon:{defaultValue:{value:"null",computed:!1},required:!1},customCloseIcon:{defaultValue:{value:"null",computed:!1},required:!1},block:{defaultValue:{value:"false",computed:!1},required:!1},small:{defaultValue:{value:"false",computed:!1},required:!1},regular:{defaultValue:{value:"false",computed:!1},required:!1},invalid:{defaultValue:{value:"false",computed:!1},description:"Applies invalid input styles",type:{name:"bool"},required:!1},renderMonthText:{defaultValue:{value:"null",computed:!1},required:!1},orientation:{defaultValue:{value:"HORIZONTAL_ORIENTATION",computed:!0},required:!1},anchorDirection:{defaultValue:{value:"ANCHOR_LEFT",computed:!0},required:!1},horizontalMargin:{defaultValue:{value:"0",computed:!1},required:!1},withPortal:{defaultValue:{value:"false",computed:!1},required:!1},withFullScreenPortal:{defaultValue:{value:"false",computed:!1},required:!1},initialVisibleMonth:{defaultValue:{value:"null",computed:!1},required:!1},numberOfMonths:{defaultValue:{value:"2",computed:!1},required:!1},keepOpenOnDateSelect:{defaultValue:{value:"false",computed:!1},required:!1},reopenPickerOnClearDates:{defaultValue:{value:"false",computed:!1},required:!1},isRTL:{defaultValue:{value:"false",computed:!1},required:!1},navPosition:{defaultValue:{value:"NAV_POSITION_TOP",computed:!0},required:!1},navPrev:{defaultValue:{value:"null",computed:!1},required:!1},navNext:{defaultValue:{value:"null",computed:!1},required:!1},onPrevMonthClick:{defaultValue:{value:"() {}",computed:!1},required:!1},onNextMonthClick:{defaultValue:{value:"() {}",computed:!1},required:!1},onClose:{defaultValue:{value:"() {}",computed:!1},required:!1},renderCalendarDay:{defaultValue:{value:"undefined",computed:!0},required:!1},renderDayContents:{defaultValue:{value:"null",computed:!1},required:!1},minimumNights:{defaultValue:{value:"1",computed:!1},required:!1},enableOutsideDays:{defaultValue:{value:"false",computed:!1},required:!1},isDayBlocked:{defaultValue:{value:"() => false",computed:!1},required:!1},isOutsideRange:{defaultValue:{value:"() => false",computed:!1},required:!1},isDayHighlighted:{defaultValue:{value:"() => false",computed:!1},required:!1},displayFormat:{defaultValue:{value:'"DD/MM/YYYY"',computed:!1},description:"Date format",type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1},monthFormat:{defaultValue:{value:'"MMMM YYYY"',computed:!1},required:!1},phrases:{defaultValue:{value:"DateRangePickerPhrases",computed:!0},required:!1},stateDateWrapper:{defaultValue:{value:"(date) => date",computed:!1},description:"",type:{name:"func"},required:!1},single:{description:"Specifies a single date picker",type:{name:"bool"},required:!1},range:{description:"Specifies a range date picker",type:{name:"bool"},required:!1},date:{description:"For Single DatePicker Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},onDateChange:{description:"For Single DatePicker date change",type:{name:"func"},required:!1},placeholder:{description:"For Single DatePicker input placeholder",type:{name:"string"},required:!1},startDate:{description:"For Range DatePicker Start Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},endDate:{description:"For Range DatePicker End Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},onDatesChange:{description:"For Range DatePicker dates change",type:{name:"func"},required:!1},onFocusChange:{description:"For focus state change",type:{name:"func"},required:!1},focusedInput:{description:"Input focused state",type:{name:"bool"},required:!1},width:{description:"For specifying width of input (specify units)",type:{name:"string"},required:!1},height:{description:"For specifying height of input (specify units)",type:{name:"string"},required:!1}},composes:["lodash/omit"]};const components_DatePicker=DatePicker;DatePicker.__docgenInfo={description:"Datepicker uses airbnb's react datepicker under the hood. This is just a wrapper to override styles, the only props you need to specify is either single or range. For all functionality and additional required props refer to documentation here: ",methods:[],displayName:"DatePicker",props:{autoFocus:{defaultValue:{value:"false",computed:!1},description:"Should not be visible\n@ignore",type:{name:"bool"},required:!1},autoFocusEndDate:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},initialStartDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},initialEndDate:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},startDateId:{defaultValue:{value:"START_DATE",computed:!0},required:!1},startDatePlaceholderText:{defaultValue:{value:'"Start Date"',computed:!1},required:!1},endDateId:{defaultValue:{value:"END_DATE",computed:!0},required:!1},endDatePlaceholderText:{defaultValue:{value:'"End Date"',computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},screenReaderInputMessage:{defaultValue:{value:'""',computed:!1},required:!1},showClearDates:{defaultValue:{value:"false",computed:!1},required:!1},showDefaultInputIcon:{defaultValue:{value:"false",computed:!1},required:!1},customInputIcon:{defaultValue:{value:"null",computed:!1},required:!1},customArrowIcon:{defaultValue:{value:"null",computed:!1},required:!1},customCloseIcon:{defaultValue:{value:"null",computed:!1},required:!1},block:{defaultValue:{value:"false",computed:!1},required:!1},small:{defaultValue:{value:"false",computed:!1},required:!1},regular:{defaultValue:{value:"false",computed:!1},required:!1},invalid:{defaultValue:{value:"false",computed:!1},description:"Applies invalid input styles",type:{name:"bool"},required:!1},renderMonthText:{defaultValue:{value:"null",computed:!1},required:!1},orientation:{defaultValue:{value:"HORIZONTAL_ORIENTATION",computed:!0},required:!1},anchorDirection:{defaultValue:{value:"ANCHOR_LEFT",computed:!0},required:!1},horizontalMargin:{defaultValue:{value:"0",computed:!1},required:!1},withPortal:{defaultValue:{value:"false",computed:!1},required:!1},withFullScreenPortal:{defaultValue:{value:"false",computed:!1},required:!1},initialVisibleMonth:{defaultValue:{value:"null",computed:!1},required:!1},numberOfMonths:{defaultValue:{value:"2",computed:!1},required:!1},keepOpenOnDateSelect:{defaultValue:{value:"false",computed:!1},required:!1},reopenPickerOnClearDates:{defaultValue:{value:"false",computed:!1},required:!1},isRTL:{defaultValue:{value:"false",computed:!1},required:!1},navPosition:{defaultValue:{value:"NAV_POSITION_TOP",computed:!0},required:!1},navPrev:{defaultValue:{value:"null",computed:!1},required:!1},navNext:{defaultValue:{value:"null",computed:!1},required:!1},renderCalendarDay:{defaultValue:{value:"undefined",computed:!0},required:!1},renderDayContents:{defaultValue:{value:"null",computed:!1},required:!1},minimumNights:{defaultValue:{value:"1",computed:!1},required:!1},enableOutsideDays:{defaultValue:{value:"false",computed:!1},required:!1},isDayBlocked:{defaultValue:{value:"() => false",computed:!1},required:!1},isOutsideRange:{defaultValue:{value:"() => false",computed:!1},required:!1},isDayHighlighted:{defaultValue:{value:"() => false",computed:!1},required:!1},displayFormat:{defaultValue:{value:'"DD/MM/YYYY"',computed:!1},description:"Date format",type:{name:"union",value:[{name:"string"},{name:"func"}]},required:!1},monthFormat:{defaultValue:{value:'"MMMM YYYY"',computed:!1},required:!1},phrases:{defaultValue:{value:"DateRangePickerPhrases",computed:!0},required:!1},stateDateWrapper:{defaultValue:{value:"(date) => date",computed:!1},description:"",type:{name:"func"},required:!1},single:{description:"Specifies a single date picker",type:{name:"bool"},required:!1},range:{description:"Specifies a range date picker",type:{name:"bool"},required:!1},date:{description:"For Single DatePicker Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},onDateChange:{description:"For Single DatePicker date change",type:{name:"func"},required:!1},placeholder:{description:"For Single DatePicker input placeholder",type:{name:"string"},required:!1},startDate:{description:"For Range DatePicker Start Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},endDate:{description:"For Range DatePicker End Date",type:{name:"custom",raw:"momentPropTypes.momentObj"},required:!1},onDatesChange:{description:"For Range DatePicker dates change",type:{name:"func"},required:!1},onFocusChange:{description:"For focus state change",type:{name:"func"},required:!1},focusedInput:{description:"Input focused state",type:{name:"bool"},required:!1},width:{description:"For specifying width of input (specify units)",type:{name:"string"},required:!1},height:{description:"For specifying height of input (specify units)",type:{name:"string"},required:!1}},composes:["lodash/omit"]};var Box=__webpack_require__("./lib/components/Box/index.js"),Spacer=__webpack_require__("./lib/components/Spacer/index.js"),moment=__webpack_require__("./node_modules/moment/moment.js"),moment_default=__webpack_require__.n(moment);const DatePicker_stories={title:"Components/DatePicker",decorators:[storyFn=>(0,jsx_runtime.jsx)(Box.A,{bg:"greyLightest",height:"400px",p:"r",children:storyFn()})],component:components_DatePicker},SingleDate=()=>{const[date,setDate]=(0,react.useState)(null),[focused,setFocused]=(0,react.useState)(!1);return(0,jsx_runtime.jsx)(components_DatePicker,{single:!0,date,placeholder:"Date",focused,onDateChange:selectedDate=>{setDate(selectedDate)},onFocusChange:el=>{setFocused(el.focused)},numberOfMonths:1,displayFormat:"DD/MM/YYYY"})},InvalidRequiredDate=()=>{const[date,setDate]=(0,react.useState)(null),[focused,setFocused]=(0,react.useState)(!1);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(components_DatePicker,{id:"invalid date",single:!0,label:"Project start date - date required",required:!0,date,invalid:!0,placeholder:"Date",focused,onDateChange:selectedDate=>{setDate(selectedDate)},onFocusChange:el=>{setFocused(el.focused)},numberOfMonths:1,displayFormat:"DD/MM/YYYY"})})},DateRange=()=>{const[dates,setDates]=(0,react.useState)({}),[focused,setFocused]=(0,react.useState)(null);return(0,jsx_runtime.jsx)(components_DatePicker,{range:!0,startDate:dates.startDate,endDate:dates.endDate,onDatesChange:({startDate,endDate})=>{setDates({startDate,endDate})},focusedInput:focused,onFocusChange:setFocused,displayFormat:"DD/MM/YYYY"})},ShowClearDates=()=>{const[date,setDate]=(0,react.useState)(moment_default()()),[dates,setDates]=(0,react.useState)({startDate:moment_default()(),endDate:moment_default()()}),[focused1,setFocused1]=(0,react.useState)(null),[focused2,setFocused2]=(0,react.useState)(null);return(0,jsx_runtime.jsxs)(Spacer.A,{mb:"l",children:[(0,jsx_runtime.jsx)(components_DatePicker,{single:!0,showClearDate:!0,date,placeholder:"Date",focused:focused1,onDateChange:selectedDate=>{setDate(selectedDate)},onFocusChange:el=>{setFocused1(el.focused),setFocused2(el.focused)},numberOfMonths:1,displayFormat:"DD/MM/YYYY"}),(0,jsx_runtime.jsx)(components_DatePicker,{range:!0,showClearDates:!0,startDate:dates.startDate,endDate:dates.endDate,onDatesChange:({startDate,endDate})=>{setDates({startDate,endDate})},focusedInput:focused2,onFocusChange:setFocused2,displayFormat:"DD/MM/YYYY"})]})},singleDate=()=>(0,jsx_runtime.jsx)(SingleDate,{}),invalidRequiredDate=()=>(0,jsx_runtime.jsx)(InvalidRequiredDate,{}),dateRange=()=>(0,jsx_runtime.jsx)(DateRange,{}),showClearDates=()=>(0,jsx_runtime.jsx)(ShowClearDates,{});singleDate.__docgenInfo={description:"",methods:[],displayName:"singleDate"},invalidRequiredDate.__docgenInfo={description:"",methods:[],displayName:"invalidRequiredDate"},dateRange.__docgenInfo={description:"",methods:[],displayName:"dateRange"},showClearDates.__docgenInfo={description:"",methods:[],displayName:"showClearDates"};const __namedExportsOrder=["singleDate","invalidRequiredDate","dateRange","showClearDates"];singleDate.parameters={...singleDate.parameters,docs:{...singleDate.parameters?.docs,source:{originalSource:"() => ",...singleDate.parameters?.docs?.source}}},invalidRequiredDate.parameters={...invalidRequiredDate.parameters,docs:{...invalidRequiredDate.parameters?.docs,source:{originalSource:"() => ",...invalidRequiredDate.parameters?.docs?.source}}},dateRange.parameters={...dateRange.parameters,docs:{...dateRange.parameters?.docs,source:{originalSource:"() => ",...dateRange.parameters?.docs?.source}}},showClearDates.parameters={...showClearDates.parameters,docs:{...showClearDates.parameters?.docs,source:{originalSource:"() => ",...showClearDates.parameters?.docs?.source}}}},"?4f7e":()=>{}}]);
\ No newline at end of file
diff --git a/5982.35a47de2.iframe.bundle.js b/5982.35a47de2.iframe.bundle.js
new file mode 100644
index 00000000..d18c19b5
--- /dev/null
+++ b/5982.35a47de2.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkorcs_design_system=self.webpackChunkorcs_design_system||[]).push([[5982],{"./lib/components/Button/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,Nh:()=>VARIANT_COLORS,vx:()=>ButtonLink});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),prop_types__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@styled-system/should-forward-prop/dist/index.esm.js"),_Icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./lib/components/Icon/index.js"),_Loading__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./lib/components/Loading/index.js"),_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react-router-dom/esm/react-router-dom.js"),lodash__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/lodash/lodash.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");const VARIANT_COLORS={default:{background:"colors.primary",color:"colors.white",borderColor:"colors.primary",hovered:{background:"colors.primaryDark",color:"colors.white",borderColor:"colors.primaryDark"}},success:{background:"colors.success",color:"colors.white",borderColor:"colors.success",hovered:{background:"colors.successDark",color:"colors.white",borderColor:"colors.successDark"},focused:{outline:"colors.successDarker"}},successAlternate:{background:"colors.greyLightest",color:"colors.success",borderColor:"colors.greyLightest",hovered:{background:"colors.greyLighter",color:"colors.success",borderColor:"colors.greyLighter"},focused:{outline:"colors.successLight"}},danger:{background:"colors.danger",color:"colors.white",borderColor:"colors.danger",hovered:{background:"colors.dangerDark",color:"colors.white",borderColor:"colors.dangerDark"},focused:{outline:"colors.dangerDarker"}},dangerAlternate:{background:"colors.greyLightest",color:"colors.danger",borderColor:"colors.greyLightest",hovered:{background:"colors.greyLighter",color:"colors.danger",borderColor:"colors.greyLighter"},focused:{outline:"colors.dangerLight"}},disabled:{background:"colors.greyLighter",color:"colors.grey",borderColor:"colors.greyLighter",hovered:{background:"colors.greyLighter",color:"colors.grey",borderColor:"colors.greyLighter"}},ghost:{background:"colors.primaryLightest",color:"colors.primaryDark",borderColor:"colors.primaryLightest",hovered:{background:"colors.primaryLighter",color:"colors.primaryDarker",borderColor:"colors.primaryLighter"},focused:{outline:"colors.primaryLight"}}},addVariantColors=key=>{const variantStyle=VARIANT_COLORS[key];return(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["background:",";color:",";border-color:",";&:hover{background:",";color:",";border-color:",";}",""],(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.background),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.color),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.borderColor),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.hovered.background),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.hovered.color),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(variantStyle.hovered.borderColor),variantStyle.focused&&(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["&:focus{","}"],(color=variantStyle.focused.outline,(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["outline:0;box-shadow:",";"],(props=>[(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("shadows.thinOutline")(props),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(color)(props)].join(" "))))));var color},getSpace=getter=>props=>(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(`space.${getter(props)}`)(props),buttonStyles=(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["background:",";color:",";border-color:",";display:flex;align-items:center;justify-content:center;appearance:none;box-shadow:none;margin:0;text-decoration:none;text-align:center;font-family:",";font-weight:",";border-radius:",";transition:",";border-width:",";cursor:",";width:",";height:auto;font-size:",";padding:"," ",";svg{margin-right:",";margin-left:",";}&:hover{background:",";border-color:",";border-width:",";border-style:solid;}&:focus{outline:0;box-shadow:"," ",";}"," ",""],(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(VARIANT_COLORS.default.background),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(VARIANT_COLORS.default.color),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("colors.primary"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("fonts.main"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("fontWeights.2"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("radii.2"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("transition.transitionDefault"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("borderWidths.1"),(props=>props.disabled?"not-allowed":props.isLoading?"progress":"pointer"),(props=>props.fullWidth?"100%":"auto"),(props=>{let fontSize=2;return props.large&&props.iconOnly&&(fontSize=5),props.large&&(fontSize=3),props.small&&(fontSize=1),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(`fontSizes.${fontSize}`)(props)}),getSpace((props=>props.large?"s":props.small?"xxs":"xs")),getSpace((props=>props.large?"r":props.small?"s":"between")),getSpace((props=>props.iconLeft?props.small?"xs":"s":"")),getSpace((props=>props.iconRight?props.small?"xs":"s":"")),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)(VARIANT_COLORS.default.hovered.background),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("colors.primaryDark"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("borderWidths.1"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("shadows.thinOutline"),(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_3__.y)("colors.primaryDarker"),(props=>{const styles=Object.keys(VARIANT_COLORS).reduce(((obj,key)=>(obj[key]=(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["",""],addVariantColors(key)),obj)),{});return props.disabled?styles.disabled:styles[props.variant]||styles.default}),(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zz)(styled_system__WEBPACK_IMPORTED_MODULE_1__.xe,styled_system__WEBPACK_IMPORTED_MODULE_1__.Zp,styled_system__WEBPACK_IMPORTED_MODULE_1__.yW,styled_system__WEBPACK_IMPORTED_MODULE_1__.PQ)),attrs=props=>({"data-testid":props.dataTestId||props["data-testid"],disabled:props.disabled||"disabled"==props.variant,className:`${props.className||""} variant-${props.variant||"default"}`}),StyledButton=(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.Ay)("button").withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__.Ay}).attrs(attrs).withConfig({displayName:"Button__StyledButton",componentId:"sc-10uojnk-0"})(["",""],buttonStyles),linkStyles=(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.AH)(["width:",";display:",";align-items:",";"],(props=>props.width||"fit-content"),(props=>props.height||props.width?"flex":props.display||"inline-block"),(props=>props.alignItems||"center")),StyledButtonLink=styled_components__WEBPACK_IMPORTED_MODULE_6__.Ay.a.withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__.Ay}).attrs(attrs).withConfig({displayName:"Button__StyledButtonLink",componentId:"sc-10uojnk-1"})([""," ",""],buttonStyles,linkStyles),StyledReactButtonLink=(0,styled_components__WEBPACK_IMPORTED_MODULE_6__.Ay)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.N_).withConfig({shouldForwardProp:_styled_system_should_forward_prop__WEBPACK_IMPORTED_MODULE_2__.Ay}).attrs(attrs).withConfig({displayName:"Button__StyledReactButtonLink",componentId:"sc-10uojnk-2"})([""," ",""],buttonStyles,linkStyles),buttonPropTypes={large:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,small:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,variant:prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOf(["success","successAlternate","danger","dangerAlternate","ghost","disabled","default"]),fullWidth:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,isLoading:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,iconLeft:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,iconRight:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,leftIcon:prop_types__WEBPACK_IMPORTED_MODULE_8___default().array,rightIcon:prop_types__WEBPACK_IMPORTED_MODULE_8___default().array,iconOnly:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,disabled:prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,children:prop_types__WEBPACK_IMPORTED_MODULE_8___default().node,ButtonStyles:prop_types__WEBPACK_IMPORTED_MODULE_8___default().object,dataTestId:prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,ariaLabel:(props,propName)=>!props.iconOnly||null!=props[propName]&&""!==props[propName]?props[propName]&&"string"!=typeof props[propName]?new Error(`Invalid propType for \`${propName}\` supplied to Button component. Expected \`string\`, received \`${typeof props[propName]}\`.`):null:new Error(`Missing prop \`${propName}\` not specified for Button component. When \`iconOnly\` is true, \`${propName}\` is required.`),theme:prop_types__WEBPACK_IMPORTED_MODULE_8___default().object},renderButton=(ButtonComponent,_ref)=>{let{ariaLabel,...props}=_ref;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(ButtonComponent,{borderStyle:"solid",...props.ButtonStyles,...props,"aria-label":ariaLabel,ref:props.ref,children:[props.leftIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_9__.A,{icon:props.leftIcon,mr:props.small?"xxs":"xs"}),props.children,props.rightIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_9__.A,{icon:props.rightIcon,ml:props.small?"xxs":"xs"}),props.isLoading&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Loading__WEBPACK_IMPORTED_MODULE_10__.A,{inverted:!0,ml:"s"})]})},ButtonLink=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,ref)=>{const{theme}=props,component=renderButton(props.to?StyledReactButtonLink:StyledButtonLink,{...(0,lodash__WEBPACK_IMPORTED_MODULE_4__.omit)(props,"isLoading"),ref});return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_6__.NP,{theme,children:component}):component}));ButtonLink.propTypes={...buttonPropTypes,target:prop_types__WEBPACK_IMPORTED_MODULE_8___default().string,href:prop_types__WEBPACK_IMPORTED_MODULE_8___default().string},ButtonLink.defaultProps={variant:"default"};const Button=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(((props,ref)=>{const{theme}=props,component=renderButton(StyledButton,{...props,ref});return theme?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(styled_components__WEBPACK_IMPORTED_MODULE_6__.NP,{theme,children:component}):component}));Button.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:'"default"',computed:!1},description:"Specifies alternate button colours/styles.",type:{name:"enum",value:[{value:'"success"',computed:!1},{value:'"successAlternate"',computed:!1},{value:'"danger"',computed:!1},{value:'"dangerAlternate"',computed:!1},{value:'"ghost"',computed:!1},{value:'"disabled"',computed:!1},{value:'"default"',computed:!1}]},required:!1},large:{description:"Large button",type:{name:"bool"},required:!1},small:{description:"Small button",type:{name:"bool"},required:!1},fullWidth:{description:"Full width button that takes up all available space of parent",type:{name:"bool"},required:!1},isLoading:{description:"Adds a spinner animation to indicate loading or processing",type:{name:"bool"},required:!1},iconLeft:{description:"Styles button to fit an icon on the left of text. Uses Icon component.",type:{name:"bool"},required:!1},iconRight:{description:"Styles button to fit an icon on the right of text. Uses Icon component.",type:{name:"bool"},required:!1},leftIcon:{description:"New functionality to specify an `Icon` on the left side without having to include it as a child.",type:{name:"array"},required:!1},rightIcon:{description:"New functionality to specify an `Icon` on the right side without having to include it as a child.",type:{name:"array"},required:!1},iconOnly:{description:"Styles button to suit having only an icon. Uses Icon component.",type:{name:"bool"},required:!1},disabled:{description:"Specifies whether the button is disabled.",type:{name:"bool"},required:!1},children:{description:"The text label on the button is passed as a child. Keep this text short and descriptive. Use an action word or confirmation if possible.",type:{name:"node"},required:!1},ButtonStyles:{description:"Adds additional styling to the rendered `