diff --git a/docs/iframe.html b/docs/iframe.html
index 5367f716..9ba74f37 100644
--- a/docs/iframe.html
+++ b/docs/iframe.html
@@ -348,7 +348,7 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.714e4a69.iframe.bundle.js';
+      import './runtime~main.0d2d38d2.iframe.bundle.js';
       
       import './697.e0f57491.iframe.bundle.js';
       
diff --git a/docs/project.json b/docs/project.json
index 495d18ec..4cc708e2 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1701699779098,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"yarn","version":"3.4.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.3","storybookVersionSpecifier":"^7.0.4","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.3"},"@storybook/addons":{"version":"7.6.3"},"@storybook/node-logger":{"version":"7.6.3"},"@storybook/react":{"version":"7.6.3"},"@storybook/react-webpack5":{"version":"7.6.3"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.6.3"},"storybook":{"version":"7.6.3"}},"addons":{"@storybook/addon-links":{"version":"7.6.3"},"@storybook/addon-essentials":{"version":"7.6.3"},"@storybook/addon-interactions":{"version":"7.6.3"},"@storybook/preset-create-react-app":{"version":"7.6.3"},"@storybook/addon-a11y":{"version":"7.6.3"},"@storybook/addon-mdx-gfm":{"version":"7.6.3"}}}
+{"generatedAt":1702470069319,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"yarn","version":"3.4.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.6.4","storybookVersionSpecifier":"^7.0.4","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.4"},"@storybook/addons":{"version":"7.6.4"},"@storybook/node-logger":{"version":"7.6.4"},"@storybook/react":{"version":"7.6.4"},"@storybook/react-webpack5":{"version":"7.6.4"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.6.4"},"storybook":{"version":"7.6.4"}},"addons":{"@storybook/addon-links":{"version":"7.6.4"},"@storybook/addon-essentials":{"version":"7.6.4"},"@storybook/addon-interactions":{"version":"7.6.4"},"@storybook/preset-create-react-app":{"version":"7.6.4"},"@storybook/addon-a11y":{"version":"7.6.4"},"@storybook/addon-mdx-gfm":{"version":"7.6.4"}}}
diff --git a/docs/runtime~main.714e4a69.iframe.bundle.js b/docs/runtime~main.0d2d38d2.iframe.bundle.js
similarity index 93%
rename from docs/runtime~main.714e4a69.iframe.bundle.js
rename to docs/runtime~main.0d2d38d2.iframe.bundle.js
index 91457074..22f9041d 100644
--- a/docs/runtime~main.714e4a69.iframe.bundle.js
+++ b/docs/runtime~main.0d2d38d2.iframe.bundle.js
@@ -1 +1 @@
-(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({19:"stories-ContentBox-stories",128:"stories-Select-stories",185:"stories-LoadingAnimation-stories",233:"stories-Theme-stories",255:"stories-ErrorMessage-stories",256:"stories-Button-stories",282:"stories-WizardNavigation-stories",291:"stories-CheckBoxInput-stories",357:"stories-RadioButtonListItem-stories",362:"stories-ErrorBox-stories",446:"stories-CheckBoxIcon-stories",460:"stories-Accordion-stories",470:"stories-RadioButtonList-stories",472:"stories-InputField-stories",476:"stories-Dialog-stories",480:"stories-ProgressBar-stories",494:"stories-NavigationBar-stories",504:"stories-Paper-stories",513:"stories-Footer-stories",521:"stories-List-stories",522:"stories-RadioButtonIcon-stories",534:"stories-Label-stories",547:"stories-DragAndDropFileInput-stories",602:"stories-CheckBoxList-stories",641:"stories-Textarea-stories",665:"stories-Container-stories",744:"stories-Table-stories",758:"stories-Header-stories",768:"stories-CheckBoxListItem-stories",814:"stories-RadioButtonInput-stories"}[chunkId]||chunkId)+"."+{19:"5763f36e",28:"4fea0ea8",115:"60328aba",128:"3d507a66",185:"e6a88e9b",233:"32375279",238:"e12b5ec8",255:"b40c9cbc",256:"1d7f3141",282:"9cca6009",291:"5cd06720",312:"85e3757a",341:"0fa8ca4e",350:"0f2c5886",357:"a3eb1f9a",362:"bfe96d21",390:"e734296d",426:"96e11c15",440:"56d0728c",446:"bd13cea4",460:"e0b9fa37",470:"ab5380f2",472:"cf6e2502",476:"232ef302",480:"f478e83c",494:"dfcdb5ca",504:"dca5789a",513:"b87341e6",521:"ed1de118",522:"2eff6aef",534:"24f65a4f",547:"6509b9ef",602:"9c0ae604",607:"97d67e2f",641:"74e4a0ee",665:"7a7cb6c6",671:"c955072b",729:"80743ec0",744:"f33c27b7",758:"82f39648",768:"c27b9ea2",797:"87eeb631",814:"d60cd1df",845:"28c0f56a"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({19:"stories-ContentBox-stories",128:"stories-Select-stories",185:"stories-LoadingAnimation-stories",233:"stories-Theme-stories",255:"stories-ErrorMessage-stories",282:"stories-WizardNavigation-stories",357:"stories-RadioButtonListItem-stories",362:"stories-ErrorBox-stories",446:"stories-CheckBoxIcon-stories",460:"stories-Accordion-stories",470:"stories-RadioButtonList-stories",472:"stories-InputField-stories",476:"stories-Dialog-stories",480:"stories-ProgressBar-stories",494:"stories-NavigationBar-stories",504:"stories-Paper-stories",513:"stories-Footer-stories",521:"stories-List-stories",522:"stories-RadioButtonIcon-stories",534:"stories-Label-stories",547:"stories-DragAndDropFileInput-stories",641:"stories-Textarea-stories",665:"stories-Container-stories",744:"stories-Table-stories",758:"stories-Header-stories",768:"stories-CheckBoxListItem-stories"}[chunkId]||chunkId)+"."+{19:"63039669",28:"e4425f9b",128:"2d1bdaee",185:"f6bd35de",233:"45b5cfe0",238:"d7cd83fe",255:"a8c79826",282:"0eb0cdc8",357:"9241135f",362:"7c065135",390:"9c91eae0",440:"d9615832",446:"a231fbc0",460:"358b82b0",470:"104442e4",472:"d52239f6",476:"18ec3f8e",480:"e1d5d43b",494:"3f664f80",504:"e2a7f5ef",513:"c73a5814",521:"8b2ae181",522:"8c23d75b",534:"e8d8d733",547:"b74dc276",641:"7755ac21",665:"01eae4a3",744:"34b49130",758:"507b53bd",768:"9baf556e",845:"f776e091"}[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="dibk-design:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","dibk-design:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var loadStylesheet=chunkId=>new Promise(((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(((href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var dataHref=(tag=existingLinkTags[i]).getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}var existingStyleTags=document.getElementsByTagName("style");for(i=0;i<existingStyleTags.length;i++){var tag;if((dataHref=(tag=existingStyleTags[i]).getAttribute("data-href"))===href||dataHref===fullhref)return tag}})(href,fullhref))return resolve();((chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");linkTag.rel="stylesheet",linkTag.type="text/css",linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&("load"===event.type?"missing":event.type),realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+realHref+")");err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode&&linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag)})(chunkId,fullhref,null,resolve,reject)})),installedCssChunks={303:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{19:1,28:1,128:1,185:1,233:1,238:1,255:1,282:1,357:1,362:1,390:1,440:1,446:1,460:1,470:1,472:1,476:1,480:1,494:1,504:1,513:1,521:1,522:1,534:1,547:1,641:1,665:1,744:1,758:1,768:1,845:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(/^(238|28|303|390|440|845)$/.test(chunkId))installedChunks[chunkId]=0;else{var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkdibk_design=self.webpackChunkdibk_design||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({19:"stories-ContentBox-stories",128:"stories-Select-stories",185:"stories-LoadingAnimation-stories",233:"stories-Theme-stories",255:"stories-ErrorMessage-stories",256:"stories-Button-stories",282:"stories-WizardNavigation-stories",291:"stories-CheckBoxInput-stories",357:"stories-RadioButtonListItem-stories",362:"stories-ErrorBox-stories",446:"stories-CheckBoxIcon-stories",460:"stories-Accordion-stories",470:"stories-RadioButtonList-stories",472:"stories-InputField-stories",476:"stories-Dialog-stories",480:"stories-ProgressBar-stories",494:"stories-NavigationBar-stories",504:"stories-Paper-stories",513:"stories-Footer-stories",521:"stories-List-stories",522:"stories-RadioButtonIcon-stories",534:"stories-Label-stories",547:"stories-DragAndDropFileInput-stories",602:"stories-CheckBoxList-stories",641:"stories-Textarea-stories",665:"stories-Container-stories",744:"stories-Table-stories",758:"stories-Header-stories",768:"stories-CheckBoxListItem-stories",814:"stories-RadioButtonInput-stories"}[chunkId]||chunkId)+"."+{19:"ba5c7d68",28:"b8e5ce44",115:"60328aba",128:"a596f124",185:"09d14182",233:"821adbaa",238:"2dc0f26b",255:"13343923",256:"c93e9710",282:"2e68afad",291:"39984e4d",312:"85e3757a",341:"0fa8ca4e",350:"0f2c5886",357:"c066e8ed",362:"49904248",390:"dca731c4",426:"96e11c15",440:"683ff909",446:"392ed0e3",460:"3cf73895",470:"8afacaae",472:"05567283",476:"f96a4fc4",480:"41487853",494:"29c038b5",504:"773c41d4",513:"e94b7b78",521:"8ddacce0",522:"809c677c",534:"1826698a",547:"dee00f8c",602:"b8639dc3",607:"97d67e2f",641:"3ee65f16",665:"cdbbc7b1",671:"c955072b",729:"80743ec0",744:"65d33f02",758:"77dd12de",768:"ae844593",797:"87eeb631",814:"11d7efc9",845:"b0a92639"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({19:"stories-ContentBox-stories",128:"stories-Select-stories",185:"stories-LoadingAnimation-stories",233:"stories-Theme-stories",255:"stories-ErrorMessage-stories",282:"stories-WizardNavigation-stories",357:"stories-RadioButtonListItem-stories",362:"stories-ErrorBox-stories",446:"stories-CheckBoxIcon-stories",460:"stories-Accordion-stories",470:"stories-RadioButtonList-stories",472:"stories-InputField-stories",476:"stories-Dialog-stories",480:"stories-ProgressBar-stories",494:"stories-NavigationBar-stories",504:"stories-Paper-stories",513:"stories-Footer-stories",521:"stories-List-stories",522:"stories-RadioButtonIcon-stories",534:"stories-Label-stories",547:"stories-DragAndDropFileInput-stories",641:"stories-Textarea-stories",665:"stories-Container-stories",744:"stories-Table-stories",758:"stories-Header-stories",768:"stories-CheckBoxListItem-stories"}[chunkId]||chunkId)+"."+{19:"63039669",28:"e4425f9b",128:"2d1bdaee",185:"f6bd35de",233:"45b5cfe0",238:"d7cd83fe",255:"a8c79826",282:"0eb0cdc8",357:"9241135f",362:"7c065135",390:"9c91eae0",440:"d9615832",446:"a231fbc0",460:"358b82b0",470:"104442e4",472:"d52239f6",476:"18ec3f8e",480:"e1d5d43b",494:"3f664f80",504:"e2a7f5ef",513:"c73a5814",521:"8b2ae181",522:"8c23d75b",534:"e8d8d733",547:"b74dc276",641:"7755ac21",665:"01eae4a3",744:"34b49130",758:"507b53bd",768:"9baf556e",845:"f776e091"}[chunkId]+".chunk.css",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="dibk-design:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","dibk-design:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{if("undefined"!=typeof document){var loadStylesheet=chunkId=>new Promise(((resolve,reject)=>{var href=__webpack_require__.miniCssF(chunkId),fullhref=__webpack_require__.p+href;if(((href,fullhref)=>{for(var existingLinkTags=document.getElementsByTagName("link"),i=0;i<existingLinkTags.length;i++){var dataHref=(tag=existingLinkTags[i]).getAttribute("data-href")||tag.getAttribute("href");if("stylesheet"===tag.rel&&(dataHref===href||dataHref===fullhref))return tag}var existingStyleTags=document.getElementsByTagName("style");for(i=0;i<existingStyleTags.length;i++){var tag;if((dataHref=(tag=existingStyleTags[i]).getAttribute("data-href"))===href||dataHref===fullhref)return tag}})(href,fullhref))return resolve();((chunkId,fullhref,oldTag,resolve,reject)=>{var linkTag=document.createElement("link");linkTag.rel="stylesheet",linkTag.type="text/css",linkTag.onerror=linkTag.onload=event=>{if(linkTag.onerror=linkTag.onload=null,"load"===event.type)resolve();else{var errorType=event&&("load"===event.type?"missing":event.type),realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+realHref+")");err.code="CSS_CHUNK_LOAD_FAILED",err.type=errorType,err.request=realHref,linkTag.parentNode&&linkTag.parentNode.removeChild(linkTag),reject(err)}},linkTag.href=fullhref,oldTag?oldTag.parentNode.insertBefore(linkTag,oldTag.nextSibling):document.head.appendChild(linkTag)})(chunkId,fullhref,null,resolve,reject)})),installedCssChunks={303:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{19:1,28:1,128:1,185:1,233:1,238:1,255:1,282:1,357:1,362:1,390:1,440:1,446:1,460:1,470:1,472:1,476:1,480:1,494:1,504:1,513:1,521:1,522:1,534:1,547:1,641:1,665:1,744:1,758:1,768:1,845:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(/^(238|28|303|390|440|845)$/.test(chunkId))installedChunks[chunkId]=0;else{var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkdibk_design=self.webpackChunkdibk_design||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
diff --git a/docs/sb-manager/chunk-MF5WFFGF.js b/docs/sb-manager/chunk-3MAIP5DL.js
similarity index 99%
rename from docs/sb-manager/chunk-MF5WFFGF.js
rename to docs/sb-manager/chunk-3MAIP5DL.js
index 833c3234..87a4e0be 100644
--- a/docs/sb-manager/chunk-MF5WFFGF.js
+++ b/docs/sb-manager/chunk-3MAIP5DL.js
@@ -48,7 +48,7 @@ Output:
             it's possible a CORS error happened.
 
             Please check your dev-tools network tab.
-          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index2;setStoriesData?index2=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions,filters:{},status:{}}):storyIndex&&(index2=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions,filters:{},status:{}})),index2&&(index2=addRefIds(index2,ref)),api.updateRef(id,{index:index2,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data?data.type==="story"?data.prepared:!0:!1},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index2}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index2?index2[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index2}=store22.getState(),firstStory=Object.keys(index2).find(id=>index2[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index2,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index2,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);store22.setState({settings:{...store22.getState().settings,lastTrackedStoryId:entry.id}});let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index2,storyId){let entry=index2[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index2,childStoryId)},findLeafStoryId(index2,storyId){return api.findLeafEntry(index2,storyId)?.id},findSiblingStoryId(storyId,index2,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index2),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index2),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;provider.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;provider.channel.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await api.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async input=>{let{index:oldHash,status,filters}=store22.getState(),newHash=transformStoryIndexToStoriesHash(input,{provider,docsOptions,status,filters}),output=addPreparedStories(newHash,oldHash);await store22.setState({internal_index:input,index:output,indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[storyId]={...index2[storyId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[storyId]={...index2[storyId],...update2},await store22.setState({index:index2})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[docsId]={...index2[docsId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[docsId]={...index2[docsId],...update2},await store22.setState({index:index2})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,input)=>{let{status,internal_index:index2}=store22.getState(),newStatus={...status},update2=typeof input=="function"?input(status):input;Object.keys(update2).length!==0&&(Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},value2===null?delete newStatus[storyId][id]:newStatus[storyId][id]=value2,Object.keys(newStatus[storyId]).length===0&&delete newStatus[storyId]}),await store22.setState({status:newStatus},{persistence:"session"}),index2&&await api.setIndex(index2))},experimental_setFilter:async(id,filterFunction)=>{let{internal_index:index2}=store22.getState();await store22.setState({filters:{...store22.getState().filters,[id]:filterFunction}}),await api.setIndex(index2)}};provider.channel.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId,{type}=state.index[state.storyId]||{};isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent&&!(type==="root"||type==="component"||type==="group")?provider.channel.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),provider.channel.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=api.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(api.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index2,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index2,1,!0),api.findSiblingStoryId(storyId,index2,-1,!0)])).filter(Boolean);provider.channel.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),provider.channel.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(id,{...update2,prepared:!0},ref)}),provider.channel.on(SET_INDEX,function(index2){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index2},!0);else{api.setIndex(index2);let options3=api.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),provider.channel.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),provider.channel.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(storyId,{args:args2},ref)}),provider.channel.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(SET_CONFIG,()=>{let config2=provider.getConfig();config2?.sidebar?.filters&&store22.setState({filters:{...store22.getState().filters,...config2?.sidebar?.filters}})});let config=provider.getConfig();return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{},filters:config?.sidebar?.filters||{}},init:async()=>{FEATURES?.storyStoreV7&&(provider.channel.on(STORY_INDEX_INVALIDATED,()=>api.fetchIndex()),await api.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init8=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),provider.channel.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI,provider})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&api.handleShortcutFeature(matchedFeature,event)},handleShortcutFeature(feature,event){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(event?.preventDefault&&event.preventDefault(),feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||api.handleKeydownEvent(event)}),provider.channel.on(PREVIEW_KEYDOWN,data=>{api.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=moduleArgs=>{let{store:store22,navigate,provider,fullAPI}=moduleArgs,navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v3])=>`${k2}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),provider.channel.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},updateArgsParam=()=>{let{path,queryParams,viewMode}=api.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};provider.channel.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;return provider.channel.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),provider.channel.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=api.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),provider.channel.on(NAVIGATE_URL,(url,options3)=>{api.navigateUrl(url,options3)}),{api,state:initialUrlSupport(moduleArgs)}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="7.6.3",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22,provider})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),provider.channel.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return provider.channel.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>provider.channel.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){provider.channel.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI,provider})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){provider.channel.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return provider.channel.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),provider.channel.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)}),{api,state}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m2=>m2.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m2=>m2.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m2=>m2.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c3),l2=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l2)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}globalThis.STORYBOOK_ADDON_STATE={};var{STORYBOOK_ADDON_STATE}=globalThis;function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||STORYBOOK_ADDON_STATE[stateId],state=orDefault(existingState,STORYBOOK_ADDON_STATE[stateId]?STORYBOOK_ADDON_STATE[stateId]:defaultState2),quicksync=!1;state===defaultState2&&defaultState2!==void 0&&(STORYBOOK_ADDON_STATE[stateId]=defaultState2,quicksync=!0),(0,import_react2.useEffect)(()=>{quicksync&&api.setAddonState(stateId,defaultState2)},[quicksync]);let setState=async(s2,options3)=>{let result2=await api.setAddonState(stateId,s2,options3);return STORYBOOK_ADDON_STATE[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(STORYBOOK_ADDON_STATE[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):STORYBOOK_ADDON_STATE[stateId]?(await setState(STORYBOOK_ADDON_STATE[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,STORYBOOK_ADDON_STATE[stateId])):defaultState2!==void 0&&(await setState(defaultState2),STORYBOOK_ADDON_STATE[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var typesX=Addon_TypesEnum;var StorybookError=class extends Error{constructor(){super(...arguments),this.data={},this.documentation=!1,this.fromStorybook=!0}get fullErrorCode(){let paddedCode=String(this.code).padStart(4,"0");return`SB_${this.category}_${paddedCode}`}get name(){let errorName=this.constructor.name;return`${this.fullErrorCode} (${errorName})`}get message(){let page;return this.documentation===!0?page=`https://storybook.js.org/error/${this.fullErrorCode}`:typeof this.documentation=="string"?page=this.documentation:Array.isArray(this.documentation)&&(page=`
+          `});let versions=ref.versions&&Object.keys(ref.versions).length?ref.versions:loadedData.versions;await api.setRef(id,{id,url:urlParseResult.url,...loadedData,...versions?{versions}:{},type:loadedData.storyIndex?"lazy":"auto-inject"})},getRefs:()=>{let{refs:refs22={}}=store22.getState();return refs22},setRef:(id,{storyIndex,setStoriesData,...rest},ready=!1)=>{if(singleStory)return;let{storyMapper=defaultStoryMapper}=provider.getConfig(),ref=api.getRefs()[id],index2;setStoriesData?index2=transformSetStoriesStoryDataToStoriesHash(map(setStoriesData,ref,{storyMapper}),{provider,docsOptions,filters:{},status:{}}):storyIndex&&(index2=transformStoryIndexToStoriesHash(storyIndex,{provider,docsOptions,filters:{},status:{}})),index2&&(index2=addRefIds(index2,ref)),api.updateRef(id,{index:index2,...rest})},updateRef:(id,data)=>{let{[id]:ref,...updated}=api.getRefs();updated[id]={...ref,...data};let ordered=Object.keys(initialState).reduce((obj,key2)=>(obj[key2]=updated[key2],obj),{});store22.setState({refs:ordered})}},refs2=!singleStory&&scope.REFS||{},initialState=refs2;return runCheck&&Object.entries(refs2).forEach(([id,ref])=>{api.checkRef({...ref,stories:{}})}),{api,state:{refs:initialState}}},getEventMetadata=(context,fullAPI)=>{let{source:source2,refId,type}=context,[sourceType,sourceLocation]=getSourceType(source2,refId),ref=refId&&fullAPI.getRefs()[refId]?fullAPI.getRefs()[refId]:fullAPI.findRef(sourceLocation),meta={source:source2,sourceType,sourceLocation,refId,ref,type};switch(!0){case typeof refId=="string":case sourceType==="local":case sourceType==="external":return meta;default:return logger.warn(`Received a ${type} frame that was not configured as a ref`),null}},{FEATURES,fetch:fetch2}=scope,STORY_INDEX_PATH="./index.json",removedOptions=["enableShortcuts","theme","showRoots"];function removeRemovedOptions(options3){if(!options3||typeof options3=="string")return options3;let result2={...options3};return removedOptions.forEach(option=>{option in result2&&delete result2[option]}),result2}var init7=({fullAPI,store:store22,navigate,provider,storyId:initialStoryId,viewMode:initialViewMode,docsOptions={}})=>{let api={storyId:N,getData:(storyId,refId)=>{let result2=api.resolveStory(storyId,refId);if(result2?.type==="story"||result2?.type==="docs")return result2},isPrepared:(storyId,refId)=>{let data=api.getData(storyId,refId);return data?data.type==="story"?data.prepared:!0:!1},resolveStory:(storyId,refId)=>{let{refs:refs2,index:index2}=store22.getState();return refId&&!refs2[refId]?null:refId?refs2[refId].index?refs2[refId].index[storyId]:void 0:index2?index2[storyId]:void 0},getCurrentStoryData:()=>{let{storyId,refId}=store22.getState();return api.getData(storyId,refId)},getParameters:(storyIdOrCombo,parameterName)=>{let{storyId,refId}=typeof storyIdOrCombo=="string"?{storyId:storyIdOrCombo,refId:void 0}:storyIdOrCombo,data=api.getData(storyId,refId);if(["story","docs"].includes(data?.type)){let{parameters}=data;if(parameters)return parameterName?parameters[parameterName]:parameters}return null},getCurrentParameter:parameterName=>{let{storyId,refId}=store22.getState();return api.getParameters({storyId,refId},parameterName)||void 0},jumpToComponent:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState();if(!api.getData(storyId,refId))return;let hash=refId?refs2[refId].index||{}:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!0);result2&&api.selectStory(result2,void 0,{ref:refId})},jumpToStory:direction=>{let{index:index2,storyId,refs:refs2,refId}=store22.getState(),story=api.getData(storyId,refId);if(!story)return;let hash=story.refId?refs2[story.refId].index:index2,result2=api.findSiblingStoryId(storyId,hash,direction,!1);result2&&api.selectStory(result2,void 0,{ref:refId})},selectFirstStory:()=>{let{index:index2}=store22.getState(),firstStory=Object.keys(index2).find(id=>index2[id].type==="story");if(firstStory){api.selectStory(firstStory);return}navigate("/")},selectStory:(titleOrId=void 0,name2=void 0,options3={})=>{let{ref}=options3,{storyId,index:index2,refs:refs2}=store22.getState(),hash=ref?refs2[ref].index:index2,kindSlug=storyId?.split("--",2)[0];if(name2)if(titleOrId){let id=ref?`${ref}_${N(titleOrId,name2)}`:N(titleOrId,name2);if(hash[id])api.selectStory(id,void 0,options3);else{let entry=hash[L(titleOrId)];if(entry?.type==="component"){let foundId=entry.children.find(childId=>hash[childId].name===name2);foundId&&api.selectStory(foundId,void 0,options3)}}}else{let id=N(kindSlug,name2);api.selectStory(id,void 0,options3)}else{let entry=titleOrId?hash[titleOrId]||hash[L(titleOrId)]:hash[kindSlug];if(!entry)throw new Error(`Unknown id or title: '${titleOrId}'`);store22.setState({settings:{...store22.getState().settings,lastTrackedStoryId:entry.id}});let leafEntry=api.findLeafEntry(hash,entry.id),fullId=leafEntry.refId?`${leafEntry.refId}_${leafEntry.id}`:leafEntry.id;navigate(`/${leafEntry.type}/${fullId}`)}},findLeafEntry(index2,storyId){let entry=index2[storyId];if(entry.type==="docs"||entry.type==="story")return entry;let childStoryId=entry.children[0];return api.findLeafEntry(index2,childStoryId)},findLeafStoryId(index2,storyId){return api.findLeafEntry(index2,storyId)?.id},findSiblingStoryId(storyId,index2,direction,toSiblingGroup){if(toSiblingGroup){let lookupList2=getComponentLookupList(index2),position2=lookupList2.findIndex(i3=>i3.includes(storyId));return position2===lookupList2.length-1&&direction>0||position2===0&&direction<0?void 0:lookupList2[position2+direction]?lookupList2[position2+direction][0]:void 0}let lookupList=getStoriesLookupList(index2),position=lookupList.indexOf(storyId);if(!(position===lookupList.length-1&&direction>0)&&!(position===0&&direction<0))return lookupList[position+direction]},updateStoryArgs:(story,updatedArgs)=>{let{id:storyId,refId}=story;provider.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs,options:{target:refId}})},resetStoryArgs:(story,argNames)=>{let{id:storyId,refId}=story;provider.channel.emit(RESET_STORY_ARGS,{storyId,argNames,options:{target:refId}})},fetchIndex:async()=>{try{let result2=await fetch2(STORY_INDEX_PATH);if(result2.status!==200)throw new Error(await result2.text());let storyIndex=await result2.json();if(storyIndex.v<3){logger.warn(`Skipping story index with version v${storyIndex.v}, awaiting SET_STORIES.`);return}await api.setIndex(storyIndex)}catch(err){await store22.setState({indexError:err})}},setIndex:async input=>{let{index:oldHash,status,filters}=store22.getState(),newHash=transformStoryIndexToStoriesHash(input,{provider,docsOptions,status,filters}),output=addPreparedStories(newHash,oldHash);await store22.setState({internal_index:input,index:output,indexError:void 0})},updateStory:async(storyId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[storyId]={...index2[storyId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[storyId]={...index2[storyId],...update2},await store22.setState({index:index2})}},updateDocs:async(docsId,update2,ref)=>{if(ref){let{id:refId,index:index2}=ref;index2[docsId]={...index2[docsId],...update2},await fullAPI.updateRef(refId,{index:index2})}else{let{index:index2}=store22.getState();index2[docsId]={...index2[docsId],...update2},await store22.setState({index:index2})}},setPreviewInitialized:async ref=>{ref?fullAPI.updateRef(ref.id,{previewInitialized:!0}):store22.setState({previewInitialized:!0})},experimental_updateStatus:async(id,input)=>{let{status,internal_index:index2}=store22.getState(),newStatus={...status},update2=typeof input=="function"?input(status):input;Object.keys(update2).length!==0&&(Object.entries(update2).forEach(([storyId,value2])=>{newStatus[storyId]={...newStatus[storyId]||{}},value2===null?delete newStatus[storyId][id]:newStatus[storyId][id]=value2,Object.keys(newStatus[storyId]).length===0&&delete newStatus[storyId]}),await store22.setState({status:newStatus},{persistence:"session"}),index2&&await api.setIndex(index2))},experimental_setFilter:async(id,filterFunction)=>{let{internal_index:index2}=store22.getState();await store22.setState({filters:{...store22.getState().filters,[id]:filterFunction}}),await api.setIndex(index2)}};provider.channel.on(STORY_SPECIFIED,function({storyId,viewMode}){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let state=store22.getState(),isCanvasRoute=state.path==="/"||state.viewMode==="story"||state.viewMode==="docs",stateHasSelection=state.viewMode&&state.storyId,stateSelectionDifferent=state.viewMode!==viewMode||state.storyId!==storyId,{type}=state.index[state.storyId]||{};isCanvasRoute&&(stateHasSelection&&stateSelectionDifferent&&!(type==="root"||type==="component"||type==="group")?provider.channel.emit(SET_CURRENT_STORY,{storyId:state.storyId,viewMode:state.viewMode}):stateSelectionDifferent&&navigate(`/${viewMode}/${storyId}`))}}),provider.channel.on(CURRENT_STORY_WAS_SET,function(){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_CHANGED,function(){let{sourceType}=getEventMetadata(this,fullAPI);if(sourceType==="local"){let options3=api.getCurrentParameter("options");options3&&fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(STORY_PREPARED,function({id,...update2}){let{ref,sourceType}=getEventMetadata(this,fullAPI);if(api.updateStory(id,{...update2,prepared:!0},ref),!ref&&!store22.getState().hasCalledSetOptions){let{options:options3}=update2.parameters;fullAPI.setOptions(removeRemovedOptions(options3)),store22.setState({hasCalledSetOptions:!0})}if(sourceType==="local"){let{storyId,index:index2,refId}=store22.getState(),toBePreloaded=Array.from(new Set([api.findSiblingStoryId(storyId,index2,1,!0),api.findSiblingStoryId(storyId,index2,-1,!0)])).filter(Boolean);provider.channel.emit(PRELOAD_ENTRIES,{ids:toBePreloaded,options:{target:refId}})}}),provider.channel.on(DOCS_PREPARED,function({id,...update2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(id,{...update2,prepared:!0},ref)}),provider.channel.on(SET_INDEX,function(index2){let{ref}=getEventMetadata(this,fullAPI);if(ref)fullAPI.setRef(ref.id,{...ref,storyIndex:index2},!0);else{api.setIndex(index2);let options3=api.getCurrentParameter("options");fullAPI.setOptions(removeRemovedOptions(options3))}}),provider.channel.on(SET_STORIES,function(data){let{ref}=getEventMetadata(this,fullAPI),setStoriesData=data.v?denormalizeStoryParameters(data):data.stories;if(ref)fullAPI.setRef(ref.id,{...ref,setStoriesData},!0);else throw new Error("Cannot call SET_STORIES for local frame")}),provider.channel.on(SELECT_STORY,function({kind,title=kind,story,name:name2=story,storyId,...rest}){let{ref}=getEventMetadata(this,fullAPI);ref?fullAPI.selectStory(storyId||title,name2,{...rest,ref:ref.id}):fullAPI.selectStory(storyId||title,name2,rest)}),provider.channel.on(STORY_ARGS_UPDATED,function({storyId,args:args2}){let{ref}=getEventMetadata(this,fullAPI);api.updateStory(storyId,{args:args2},ref)}),provider.channel.on(CONFIG_ERROR,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(STORY_MISSING,function(err){let{ref}=getEventMetadata(this,fullAPI);api.setPreviewInitialized(ref)}),provider.channel.on(SET_CONFIG,()=>{let config2=provider.getConfig();config2?.sidebar?.filters&&store22.setState({filters:{...store22.getState().filters,...config2?.sidebar?.filters}})});let config=provider.getConfig();return{api,state:{storyId:initialStoryId,viewMode:initialViewMode,hasCalledSetOptions:!1,previewInitialized:!1,status:{},filters:config?.sidebar?.filters||{}},init:async()=>{FEATURES?.storyStoreV7&&(provider.channel.on(STORY_INDEX_INVALIDATED,()=>api.fetchIndex()),await api.fetchIndex())}}},layout_exports={};__export2(layout_exports,{ActiveTabs:()=>ActiveTabs,focusableUIElements:()=>focusableUIElements,init:()=>init8});var{document:document3}=scope,ActiveTabs={SIDEBAR:"sidebar",CANVAS:"canvas",ADDONS:"addons"},defaultState={ui:{enableShortcuts:!0},layout:{initialActive:ActiveTabs.CANVAS,showToolbar:!0,isFullscreen:!1,showPanel:!0,showNav:!0,panelPosition:"bottom",showTabs:!0},selectedPanel:void 0,theme:create()},focusableUIElements={storySearchField:"storybook-explorer-searchfield",storyListMenu:"storybook-explorer-menu",storyPanelRoot:"storybook-panel-root"},init8=({store:store22,provider,singleStory,fullAPI})=>{let api={toggleFullscreen(toggled){return store22.setState(state=>{let{showNav}=state.layout,value2=typeof toggled=="boolean"?toggled:!state.layout.isFullscreen,shouldShowNav=showNav===!1&&value2===!1;return{layout:{...state.layout,isFullscreen:value2,showNav:!singleStory&&shouldShowNav?!0:showNav}}},{persistence:"session"})},togglePanel(toggled){return store22.setState(state=>{let{showNav,isFullscreen}=state.layout,value2=typeof toggled<"u"?toggled:!state.layout.showPanel,shouldToggleFullScreen=showNav===!1&&value2===!1;return{layout:{...state.layout,showPanel:value2,isFullscreen:shouldToggleFullScreen?!0:isFullscreen}}},{persistence:"session"})},togglePanelPosition(position){return typeof position<"u"?store22.setState(state=>({layout:{...state.layout,panelPosition:position}}),{persistence:"permanent"}):store22.setState(state=>({layout:{...state.layout,panelPosition:state.layout.panelPosition==="right"?"bottom":"right"}}),{persistence:"permanent"})},toggleNav(toggled){return store22.setState(state=>{if(singleStory)return{layout:state.layout};let{showPanel,isFullscreen}=state.layout,showNav=typeof toggled<"u"?toggled:!state.layout.showNav,shouldToggleFullScreen=showPanel===!1&&showNav===!1;return{layout:{...state.layout,showNav,isFullscreen:shouldToggleFullScreen?!0:!showNav&&isFullscreen}}},{persistence:"session"})},toggleToolbar(toggled){return store22.setState(state=>{let value2=typeof toggled<"u"?toggled:!state.layout.showToolbar;return{layout:{...state.layout,showToolbar:value2}}},{persistence:"session"})},resetLayout(){return store22.setState(state=>({layout:{...state.layout,showNav:!1,showPanel:!1,isFullscreen:!1}}),{persistence:"session"})},focusOnUIElement(elementId,select){if(!elementId)return;let element=document3.getElementById(elementId);element&&(element.focus(),select&&element.select())},getInitialOptions(){let{theme,selectedPanel,...options3}=provider.getConfig();return{...defaultState,layout:{...defaultState.layout,...(0,import_pick.default)(options3,Object.keys(defaultState.layout)),...singleStory&&{showNav:!1}},ui:{...defaultState.ui,...(0,import_pick.default)(options3,Object.keys(defaultState.ui))},selectedPanel:selectedPanel||defaultState.selectedPanel,theme:theme||defaultState.theme}},setOptions:options3=>{let{layout,ui,selectedPanel,theme}=store22.getState();if(options3){let updatedLayout={...layout,...options3.layout,...(0,import_pick.default)(options3,Object.keys(layout)),...singleStory&&{showNav:!1}},updatedUi={...ui,...options3.ui,...(0,import_pick.default)(options3,Object.keys(ui))},updatedTheme={...theme,...options3.theme},modification={};dequal2(ui,updatedUi)||(modification.ui=updatedUi),dequal2(layout,updatedLayout)||(modification.layout=updatedLayout),options3.selectedPanel&&!dequal2(selectedPanel,options3.selectedPanel)&&(modification.selectedPanel=options3.selectedPanel),Object.keys(modification).length&&store22.setState(modification,{persistence:"permanent"}),dequal2(theme,updatedTheme)||store22.setState({theme:updatedTheme})}}},persisted=(0,import_pick.default)(store22.getState(),"layout","selectedPanel");return{api,state:merge_default(api.getInitialOptions(),persisted),init:()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted)),provider.channel.on(SET_CONFIG,()=>{api.setOptions(merge_default(api.getInitialOptions(),persisted))})}}},shortcuts_exports={};__export2(shortcuts_exports,{controlOrMetaKey:()=>controlOrMetaKey2,defaultShortcuts:()=>defaultShortcuts,init:()=>init9,isMacLike:()=>isMacLike2,keys:()=>keys});var{navigator:navigator2}=scope,isMacLike=()=>navigator2&&navigator2.platform?!!navigator2.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaSymbol=()=>isMacLike()?"\u2318":"ctrl",controlOrMetaKey=()=>isMacLike()?"meta":"control",optionOrAltSymbol=()=>isMacLike()?"\u2325":"alt",isShortcutTaken=(arr1,arr2)=>JSON.stringify(arr1)===JSON.stringify(arr2),eventToShortcut=e3=>{if(["Meta","Alt","Control","Shift"].includes(e3.key))return null;let keys2=[];if(e3.altKey&&keys2.push("alt"),e3.ctrlKey&&keys2.push("control"),e3.metaKey&&keys2.push("meta"),e3.shiftKey&&keys2.push("shift"),e3.key&&e3.key.length===1&&e3.key!==" "){let key2=e3.key.toUpperCase(),code=e3.code?.toUpperCase().replace("KEY","").replace("DIGIT","");code&&code.length===1&&code!==key2?keys2.push([key2,code]):keys2.push(key2)}return e3.key===" "&&keys2.push("space"),e3.key==="Escape"&&keys2.push("escape"),e3.key==="ArrowRight"&&keys2.push("ArrowRight"),e3.key==="ArrowDown"&&keys2.push("ArrowDown"),e3.key==="ArrowUp"&&keys2.push("ArrowUp"),e3.key==="ArrowLeft"&&keys2.push("ArrowLeft"),keys2.length>0?keys2:null},shortcutMatchesShortcut=(inputShortcut,shortcut)=>!inputShortcut||!shortcut||(inputShortcut.join("").startsWith("shift/")&&inputShortcut.shift(),inputShortcut.length!==shortcut.length)?!1:!inputShortcut.find((input,i3)=>Array.isArray(input)?!input.includes(shortcut[i3]):input!==shortcut[i3]),eventMatchesShortcut=(e3,shortcut)=>shortcutMatchesShortcut(eventToShortcut(e3),shortcut),keyToSymbol=key2=>key2==="alt"?optionOrAltSymbol():key2==="control"?"\u2303":key2==="meta"?"\u2318":key2==="shift"?"\u21E7\u200B":key2==="Enter"||key2==="Backspace"||key2==="Esc"||key2==="escape"?"":key2===" "?"SPACE":key2==="ArrowUp"?"\u2191":key2==="ArrowDown"?"\u2193":key2==="ArrowLeft"?"\u2190":key2==="ArrowRight"?"\u2192":key2.toUpperCase(),shortcutToHumanString=shortcut=>shortcut.map(keyToSymbol).join(" "),{navigator:navigator22,document:document23}=scope,isMacLike2=()=>navigator22&&navigator22.platform?!!navigator22.platform.match(/(Mac|iPhone|iPod|iPad)/i):!1,controlOrMetaKey2=()=>isMacLike2()?"meta":"control";function keys(o2){return Object.keys(o2)}var defaultShortcuts=Object.freeze({fullScreen:["F"],togglePanel:["A"],panelPosition:["D"],toggleNav:["S"],toolbar:["T"],search:["/"],focusNav:["1"],focusIframe:["2"],focusPanel:["3"],prevComponent:["alt","ArrowUp"],nextComponent:["alt","ArrowDown"],prevStory:["alt","ArrowLeft"],nextStory:["alt","ArrowRight"],shortcutsPage:[controlOrMetaKey2(),"shift",","],aboutPage:[","],escape:["escape"],collapseAll:[controlOrMetaKey2(),"shift","ArrowUp"],expandAll:[controlOrMetaKey2(),"shift","ArrowDown"],remount:["alt","R"]}),addonsShortcuts={};function focusInInput(event){let target=event.target;return/input|textarea/i.test(target.tagName)||target.getAttribute("contenteditable")!==null}var init9=({store:store22,fullAPI,provider})=>{let api={getShortcutKeys(){return store22.getState().shortcuts},getDefaultShortcuts(){return{...defaultShortcuts,...api.getAddonsShortcutDefaults()}},getAddonsShortcuts(){return addonsShortcuts},getAddonsShortcutLabels(){let labels={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{label}])=>{labels[actionName]=label}),labels},getAddonsShortcutDefaults(){let defaults={};return Object.entries(api.getAddonsShortcuts()).forEach(([actionName,{defaultShortcut}])=>{defaults[actionName]=defaultShortcut}),defaults},async setShortcuts(shortcuts){return await store22.setState({shortcuts},{persistence:"permanent"}),shortcuts},async restoreAllDefaultShortcuts(){return api.setShortcuts(api.getDefaultShortcuts())},async setShortcut(action,value2){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[action]:value2}),value2},async setAddonShortcut(addon,shortcut){let shortcuts=api.getShortcutKeys();return await api.setShortcuts({...shortcuts,[`${addon}-${shortcut.actionName}`]:shortcut.defaultShortcut}),addonsShortcuts[`${addon}-${shortcut.actionName}`]=shortcut,shortcut},async restoreDefaultShortcut(action){let defaultShortcut=api.getDefaultShortcuts()[action];return api.setShortcut(action,defaultShortcut)},handleKeydownEvent(event){let shortcut=eventToShortcut(event),shortcuts=api.getShortcutKeys(),matchedFeature=keys(shortcuts).find(feature=>shortcutMatchesShortcut(shortcut,shortcuts[feature]));matchedFeature&&api.handleShortcutFeature(matchedFeature,event)},handleShortcutFeature(feature,event){let{layout:{isFullscreen,showNav,showPanel},ui:{enableShortcuts},storyId}=store22.getState();if(enableShortcuts)switch(event?.preventDefault&&event.preventDefault(),feature){case"escape":{isFullscreen?fullAPI.toggleFullscreen():showNav||fullAPI.toggleNav();break}case"focusNav":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),fullAPI.focusOnUIElement(focusableUIElements.storyListMenu);break}case"search":{isFullscreen&&fullAPI.toggleFullscreen(),showNav||fullAPI.toggleNav(),setTimeout(()=>{fullAPI.focusOnUIElement(focusableUIElements.storySearchField,!0)},0);break}case"focusIframe":{let element=document23.getElementById("storybook-preview-iframe");if(element)try{element.contentWindow.focus()}catch{}break}case"focusPanel":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.focusOnUIElement(focusableUIElements.storyPanelRoot);break}case"nextStory":{fullAPI.jumpToStory(1);break}case"prevStory":{fullAPI.jumpToStory(-1);break}case"nextComponent":{fullAPI.jumpToComponent(1);break}case"prevComponent":{fullAPI.jumpToComponent(-1);break}case"fullScreen":{fullAPI.toggleFullscreen();break}case"togglePanel":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.togglePanel();break}case"toggleNav":{isFullscreen&&(fullAPI.toggleFullscreen(),fullAPI.resetLayout()),fullAPI.toggleNav();break}case"toolbar":{fullAPI.toggleToolbar();break}case"panelPosition":{isFullscreen&&fullAPI.toggleFullscreen(),showPanel||fullAPI.togglePanel(),fullAPI.togglePanelPosition();break}case"aboutPage":{fullAPI.navigate("/settings/about");break}case"shortcutsPage":{fullAPI.navigate("/settings/shortcuts");break}case"collapseAll":{fullAPI.collapseAll();break}case"expandAll":{fullAPI.expandAll();break}case"remount":{fullAPI.emit(FORCE_REMOUNT,{storyId});break}default:addonsShortcuts[feature].action();break}}},{shortcuts:persistedShortcuts=defaultShortcuts}=store22.getState(),state={shortcuts:keys(defaultShortcuts).reduce((acc,key2)=>({...acc,[key2]:persistedShortcuts[key2]||defaultShortcuts[key2]}),defaultShortcuts)};return{api,state,init:()=>{document23.addEventListener("keydown",event=>{focusInInput(event)||api.handleKeydownEvent(event)}),provider.channel.on(PREVIEW_KEYDOWN,data=>{api.handleKeydownEvent(data.event)})}}},url_exports={};__export2(url_exports,{init:()=>init10});var{window:globalWindow}=scope,parseBoolean=value2=>{if(value2==="true"||value2==="1")return!0;if(value2==="false"||value2==="0")return!1},prevParams,initialUrlSupport=({state:{location:location22,path,viewMode,storyId:storyIdFromUrl},singleStory})=>{let{full,panel,nav,shortcuts,addonPanel,tabs,path:queryPath,...otherParams}=queryFromLocation(location22),layout={isFullscreen:parseBoolean(full),showNav:!singleStory&&parseBoolean(nav),showPanel:parseBoolean(panel),panelPosition:["right","bottom"].includes(panel)?panel:void 0,showTabs:parseBoolean(tabs)},ui={enableShortcuts:parseBoolean(shortcuts)},selectedPanel=addonPanel||void 0,storyId=storyIdFromUrl,customQueryParams=dequal2(prevParams,otherParams)?prevParams:otherParams;return prevParams=customQueryParams,{viewMode,layout,ui,selectedPanel,location:location22,path,customQueryParams,storyId}},init10=moduleArgs=>{let{store:store22,navigate,provider,fullAPI}=moduleArgs,navigateTo=(path,queryParams={},options3={})=>{let params=Object.entries(queryParams).filter(([,v3])=>v3).sort(([a2],[b3])=>a2<b3?-1:1).map(([k2,v3])=>`${k2}=${v3}`),to=[path,...params].join("&");return navigate(to,options3)},api={getQueryParam(key2){let{customQueryParams}=store22.getState();return customQueryParams?customQueryParams[key2]:void 0},getUrlState(){let{path,customQueryParams,storyId,url,viewMode}=store22.getState();return{path,queryParams:customQueryParams,storyId,url,viewMode}},setQueryParams(input){let{customQueryParams}=store22.getState(),queryParams={},update2={...customQueryParams,...Object.entries(input).reduce((acc,[key2,value2])=>(value2!==null&&(acc[key2]=value2),acc),queryParams)};dequal2(customQueryParams,update2)||(store22.setState({customQueryParams:update2}),provider.channel.emit(UPDATE_QUERY_PARAMS,update2))},navigateUrl(url,options3){navigate(url,{plain:!0,...options3})}},updateArgsParam=()=>{let{path,queryParams,viewMode}=api.getUrlState();if(viewMode!=="story")return;let currentStory=fullAPI.getCurrentStoryData();if(currentStory?.type!=="story")return;let{args:args2,initialArgs}=currentStory,argsString=buildArgsParam(initialArgs,args2);navigateTo(path,{...queryParams,args:argsString},{replace:!0}),api.setQueryParams({args:argsString})};provider.channel.on(SET_CURRENT_STORY,()=>updateArgsParam());let handleOrId;return provider.channel.on(STORY_ARGS_UPDATED,()=>{"requestIdleCallback"in globalWindow?(handleOrId&&globalWindow.cancelIdleCallback(handleOrId),handleOrId=globalWindow.requestIdleCallback(updateArgsParam,{timeout:1e3})):(handleOrId&&clearTimeout(handleOrId),setTimeout(updateArgsParam,100))}),provider.channel.on(GLOBALS_UPDATED,({globals,initialGlobals})=>{let{path,queryParams}=api.getUrlState(),globalsString=buildArgsParam(initialGlobals,globals);navigateTo(path,{...queryParams,globals:globalsString},{replace:!0}),api.setQueryParams({globals:globalsString})}),provider.channel.on(NAVIGATE_URL,(url,options3)=>{api.navigateUrl(url,options3)}),{api,state:initialUrlSupport(moduleArgs)}},versions_exports={};__export2(versions_exports,{init:()=>init11});var version="7.6.4",{VERSIONCHECK}=scope,getVersionCheckData=(0,import_memoizerific3.default)(1)(()=>{try{return{...JSON.parse(VERSIONCHECK).data||{}}}catch{return{}}}),init11=({store:store22})=>{let{dismissedVersionNotification}=store22.getState(),state={versions:{current:{version},...getVersionCheckData()},dismissedVersionNotification},api={getCurrentVersion:()=>{let{versions:{current}}=store22.getState();return current},getLatestVersion:()=>{let{versions:{latest,next,current}}=store22.getState();return current&&import_semver.default.prerelease(current.version)&&next?latest&&import_semver.default.gt(latest.version,next.version)?latest:next:latest},versionUpdateAvailable:()=>{let latest=api.getLatestVersion(),current=api.getCurrentVersion();if(latest){if(!latest.version||!current.version)return!0;let actualCurrent=import_semver.default.prerelease(current.version)?`${import_semver.default.major(current.version)}.${import_semver.default.minor(current.version)}.${import_semver.default.patch(current.version)}`:current.version,diff=import_semver.default.diff(actualCurrent,latest.version);return import_semver.default.gt(latest.version,actualCurrent)&&diff!=="patch"&&!diff.includes("pre")}return!1}};return{init:async()=>{let{versions={}}=store22.getState(),{latest,next}=getVersionCheckData();await store22.setState({versions:{...versions,latest,next}})},state,api}},whatsnew_exports={};__export2(whatsnew_exports,{init:()=>init12});var WHATS_NEW_NOTIFICATION_ID="whats-new",init12=({fullAPI,store:store22,provider})=>{let state={whatsNewData:void 0};function setWhatsNewState(newState){store22.setState({whatsNewData:newState}),state.whatsNewData=newState}let api={isWhatsNewUnread(){return state.whatsNewData?.status==="SUCCESS"&&!state.whatsNewData.postIsRead},whatsNewHasBeenRead(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewCache({lastReadPost:state.whatsNewData.url}),setWhatsNewState({...state.whatsNewData,postIsRead:!0}),fullAPI.clearNotification(WHATS_NEW_NOTIFICATION_ID))},toggleWhatsNewNotifications(){state.whatsNewData?.status==="SUCCESS"&&(setWhatsNewState({...state.whatsNewData,disableWhatsNewNotifications:!state.whatsNewData.disableWhatsNewNotifications}),provider.channel.emit(TOGGLE_WHATS_NEW_NOTIFICATIONS,{disableWhatsNewNotifications:state.whatsNewData.disableWhatsNewNotifications}))}};function getLatestWhatsNewPost(){return provider.channel.emit(REQUEST_WHATS_NEW_DATA),new Promise(resolve=>provider.channel.once(RESULT_WHATS_NEW_DATA,({data})=>resolve(data)))}function setWhatsNewCache(cache){provider.channel.emit(SET_WHATS_NEW_CACHE,cache)}return{init:async()=>{if(scope.CONFIG_TYPE!=="DEVELOPMENT")return;let whatsNewData=await getLatestWhatsNewPost();setWhatsNewState(whatsNewData);let urlState=fullAPI.getUrlState();!(urlState?.path==="/onboarding"||urlState.queryParams?.onboarding==="true")&&whatsNewData.status==="SUCCESS"&&!whatsNewData.disableWhatsNewNotifications&&whatsNewData.showNotification&&fullAPI.addNotification({id:WHATS_NEW_NOTIFICATION_ID,link:"/settings/whats-new",content:{headline:whatsNewData.excerpt,subHeadline:"Click to learn what's new in Storybook"},icon:{name:"hearthollow"},onClear({dismissed}){dismissed&&setWhatsNewCache({lastDismissedPost:whatsNewData.url})}})},state,api}},globals_exports={};__export2(globals_exports,{init:()=>init13});var init13=({store:store22,fullAPI,provider})=>{let api={getGlobals(){return store22.getState().globals},getGlobalTypes(){return store22.getState().globalTypes},updateGlobals(newGlobals){provider.channel.emit(UPDATE_GLOBALS,{globals:newGlobals,options:{target:"storybook-preview-iframe"}})}},state={globals:{},globalTypes:{}},updateGlobals=globals=>{let currentGlobals=store22.getState()?.globals;dequal2(globals,currentGlobals)||store22.setState({globals})};return provider.channel.on(GLOBALS_UPDATED,function({globals}){let{ref}=getEventMetadata(this,fullAPI);ref?logger.warn("received a GLOBALS_UPDATED from a non-local ref. This is not currently supported."):updateGlobals(globals)}),provider.channel.on(SET_GLOBALS,function({globals,globalTypes}){let{ref}=getEventMetadata(this,fullAPI),currentGlobals=store22.getState()?.globals;ref?Object.keys(globals).length>0&&logger.warn("received globals from a non-local ref. This is not currently supported."):store22.setState({globals,globalTypes}),currentGlobals&&Object.keys(currentGlobals).length!==0&&!dequal2(globals,currentGlobals)&&api.updateGlobals(currentGlobals)}),{api,state}};function mockChannel(){let transport={setHandler:()=>{},send:()=>{}};return new Channel({transport})}var AddonStore=class{constructor(){this.loaders={},this.elements={},this.config={},this.getChannel=()=>(this.channel||this.setChannel(mockChannel()),this.channel),this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel},this.ready=()=>this.promise,this.hasChannel=()=>!!this.channel,this.hasServerChannel=()=>!!this.serverChannel,this.setChannel=channel=>{this.channel=channel,this.resolve()},this.setServerChannel=channel=>{this.serverChannel=channel},this.addPanel=(id,options3)=>{this.add(id,{type:Addon_TypesEnum.PANEL,...options3})},this.setConfig=value2=>{Object.assign(this.config,value2),this.hasChannel()?this.getChannel().emit(SET_CONFIG,this.config):this.ready().then(channel=>{channel.emit(SET_CONFIG,this.config)})},this.getConfig=()=>this.config,this.register=(id,callback)=>{this.loaders[id]&&logger.warn(`${id} was loaded twice, this could have bad side-effects`),this.loaders[id]=callback},this.loadAddons=api=>{Object.values(this.loaders).forEach(value2=>value2(api))},this.promise=new Promise(res=>{this.resolve=()=>res(this.getChannel())})}getElements(type){return this.elements[type]||(this.elements[type]={}),this.elements[type]}add(id,addon){let{type}=addon,collection=this.getElements(type);collection[id]={id,...addon}}},KEY2="__STORYBOOK_ADDONS_MANAGER";function getAddonsStore(){return scope[KEY2]||(scope[KEY2]=new AddonStore),scope[KEY2]}var addons=getAddonsStore(),{ActiveTabs:ActiveTabs2}=layout_exports,ManagerContext=createContext2({api:void 0,state:initial_state_default({})}),combineParameters=(...parameterSets)=>(0,import_mergeWith.default)({},...parameterSets,(objValue,srcValue)=>{if(Array.isArray(srcValue))return srcValue}),ManagerProvider=class extends import_react2.Component{constructor(props){super(props),this.api={},this.initModules=()=>{this.modules.forEach(module=>{"init"in module&&module.init()})};let{location:location22,path,refId,viewMode=props.docsOptions.docsMode?"docs":props.viewMode,singleStory,storyId,docsOptions,navigate}=props,store22=new Store({getState:()=>this.state,setState:(stateChange,callback)=>this.setState(stateChange,callback)}),routeData={location:location22,path,viewMode,singleStory,storyId,refId},optionsData={docsOptions};this.state=store22.getInitialState(initial_state_default({...routeData,...optionsData}));let apiData={navigate,store:store22,provider:props.provider};this.modules=[provider_exports,channel_exports,addons_exports,layout_exports,notifications_exports,settings_exports,shortcuts_exports,stories_exports,refs_exports,globals_exports,url_exports,versions_exports,whatsnew_exports].map(m2=>m2.init({...routeData,...optionsData,...apiData,state:this.state,fullAPI:this.api}));let state=initial_state_default(this.state,...this.modules.map(m2=>m2.state)),api=Object.assign(this.api,{navigate},...this.modules.map(m2=>m2.api));this.state=state,this.api=api}static getDerivedStateFromProps(props,state){return state.path!==props.path?{...state,location:props.location,path:props.path,refId:props.refId,viewMode:props.viewMode,storyId:props.storyId}:null}shouldComponentUpdate(nextProps,nextState){let prevState=this.state,prevProps=this.props;return prevState!==nextState||prevProps.path!==nextProps.path}render(){let{children}=this.props,value2={state:this.state,api:this.api};return import_react2.default.createElement(EffectOnMount,{effect:this.initModules},import_react2.default.createElement(ManagerContext.Provider,{value:value2},import_react2.default.createElement(ManagerConsumer,null,children)))}};ManagerProvider.displayName="Manager";var EffectOnMount=({children,effect})=>(import_react2.default.useEffect(effect,[]),children),defaultFilter=c3=>c3;function ManagerConsumer({filter=defaultFilter,children}){let c3=(0,import_react2.useContext)(ManagerContext),renderer=(0,import_react2.useRef)(children),filterer=(0,import_react2.useRef)(filter);if(typeof renderer.current!="function")return import_react2.default.createElement(import_react2.Fragment,null,renderer.current);let data=filterer.current(c3),l2=(0,import_react2.useMemo)(()=>[...Object.entries(data).reduce((acc,keyval)=>acc.concat(keyval),[])],[c3.state]);return(0,import_react2.useMemo)(()=>{let Child=renderer.current;return import_react2.default.createElement(Child,{...data})},l2)}function useStorybookState(){let{state}=(0,import_react2.useContext)(ManagerContext);return{...state,get storiesHash(){return deprecate("state.storiesHash is deprecated, please use state.index"),this.index||{}},get storiesConfigured(){return deprecate("state.storiesConfigured is deprecated, please use state.previewInitialized"),this.previewInitialized},get storiesFailed(){return deprecate("state.storiesFailed is deprecated, please use state.indexError"),this.indexError}}}function useStorybookApi(){let{api}=(0,import_react2.useContext)(ManagerContext);return api}function orDefault(fromStore,defaultState2){return typeof fromStore>"u"?defaultState2:fromStore}var useChannel=(eventMap,deps=[])=>{let api=useStorybookApi();return(0,import_react2.useEffect)(()=>(Object.entries(eventMap).forEach(([type,listener])=>api.on(type,listener)),()=>{Object.entries(eventMap).forEach(([type,listener])=>api.off(type,listener))}),deps),api.emit};function useStoryPrepared(storyId){return useStorybookApi().isPrepared(storyId)}function useParameter(parameterKey,defaultValue){let result2=useStorybookApi().getCurrentParameter(parameterKey);return orDefault(result2,defaultValue)}globalThis.STORYBOOK_ADDON_STATE={};var{STORYBOOK_ADDON_STATE}=globalThis;function useSharedState(stateId,defaultState2){let api=useStorybookApi(),existingState=api.getAddonState(stateId)||STORYBOOK_ADDON_STATE[stateId],state=orDefault(existingState,STORYBOOK_ADDON_STATE[stateId]?STORYBOOK_ADDON_STATE[stateId]:defaultState2),quicksync=!1;state===defaultState2&&defaultState2!==void 0&&(STORYBOOK_ADDON_STATE[stateId]=defaultState2,quicksync=!0),(0,import_react2.useEffect)(()=>{quicksync&&api.setAddonState(stateId,defaultState2)},[quicksync]);let setState=async(s2,options3)=>{let result2=await api.setAddonState(stateId,s2,options3);return STORYBOOK_ADDON_STATE[stateId]=result2,result2},allListeners=(0,import_react2.useMemo)(()=>{let stateChangeHandlers={[`${SHARED_STATE_CHANGED}-client-${stateId}`]:setState,[`${SHARED_STATE_SET}-client-${stateId}`]:setState},stateInitializationHandlers={[SET_STORIES]:async()=>{let currentState=api.getAddonState(stateId);currentState?(STORYBOOK_ADDON_STATE[stateId]=currentState,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)):STORYBOOK_ADDON_STATE[stateId]?(await setState(STORYBOOK_ADDON_STATE[stateId]),api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,STORYBOOK_ADDON_STATE[stateId])):defaultState2!==void 0&&(await setState(defaultState2),STORYBOOK_ADDON_STATE[stateId]=defaultState2,api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,defaultState2))},[STORY_CHANGED]:()=>{let currentState=api.getAddonState(stateId);currentState!==void 0&&api.emit(`${SHARED_STATE_SET}-manager-${stateId}`,currentState)}};return{...stateChangeHandlers,...stateInitializationHandlers}},[stateId]),emit=useChannel(allListeners);return[state,async(newStateOrMerger,options3)=>{let result2=await setState(newStateOrMerger,options3);emit(`${SHARED_STATE_CHANGED}-manager-${stateId}`,result2)}]}function useAddonState(addonId,defaultState2){return useSharedState(addonId,defaultState2)}function useArgs(){let{getCurrentStoryData,updateStoryArgs,resetStoryArgs}=useStorybookApi(),data=getCurrentStoryData(),args2=data?.type==="story"?data.args:{},updateArgs=(0,import_react2.useCallback)(newArgs=>updateStoryArgs(data,newArgs),[data,updateStoryArgs]),resetArgs=(0,import_react2.useCallback)(argNames=>resetStoryArgs(data,argNames),[data,resetStoryArgs]);return[args2,updateArgs,resetArgs]}function useGlobals(){let api=useStorybookApi();return[api.getGlobals(),api.updateGlobals]}function useGlobalTypes(){return useStorybookApi().getGlobalTypes()}function useCurrentStory(){let{getCurrentStoryData}=useStorybookApi();return getCurrentStoryData()}function useArgTypes(){let current=useCurrentStory();return current?.type==="story"&&current.argTypes||{}}var typesX=Addon_TypesEnum;var StorybookError=class extends Error{constructor(){super(...arguments),this.data={},this.documentation=!1,this.fromStorybook=!0}get fullErrorCode(){let paddedCode=String(this.code).padStart(4,"0");return`SB_${this.category}_${paddedCode}`}get name(){let errorName=this.constructor.name;return`${this.fullErrorCode} (${errorName})`}get message(){let page;return this.documentation===!0?page=`https://storybook.js.org/error/${this.fullErrorCode}`:typeof this.documentation=="string"?page=this.documentation:Array.isArray(this.documentation)&&(page=`
 ${this.documentation.map(doc=>`	- ${doc}`).join(`
 `)}`),`${this.template()}${page!=null?`
 
diff --git a/docs/sb-manager/index.js b/docs/sb-manager/index.js
index aa19796d..92d892d0 100644
--- a/docs/sb-manager/index.js
+++ b/docs/sb-manager/index.js
@@ -1 +1 @@
-import{Provider,Root,renderStorybookUI}from"./chunk-MF5WFFGF.js";import"./chunk-2IXBUOFS.js";import"./chunk-NGTUFCUO.js";import"./chunk-INSKDKQB.js";import"./chunk-ZEU7PDD3.js";export{Provider,Root,renderStorybookUI};
+import{Provider,Root,renderStorybookUI}from"./chunk-3MAIP5DL.js";import"./chunk-2IXBUOFS.js";import"./chunk-NGTUFCUO.js";import"./chunk-INSKDKQB.js";import"./chunk-ZEU7PDD3.js";export{Provider,Root,renderStorybookUI};
diff --git a/docs/sb-manager/runtime.js b/docs/sb-manager/runtime.js
index 1ee73d57..95901943 100644
--- a/docs/sb-manager/runtime.js
+++ b/docs/sb-manager/runtime.js
@@ -1 +1 @@
-import{CHANNEL_CREATED,Provider,TELEMETRY_ERROR,UncaughtManagerError,addons,createBrowserChannel,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports6,dist_exports6 as dist_exports8,mockChannel,renderStorybookUI,typesX}from"./chunk-MF5WFFGF.js";import"./chunk-2IXBUOFS.js";import"./chunk-NGTUFCUO.js";import{dist_exports,dist_exports2 as dist_exports7,require_react,require_react_dom,scope}from"./chunk-INSKDKQB.js";import{__commonJS,__toESM}from"./chunk-ZEU7PDD3.js";var require_browser_dtector_umd_min=__commonJS({"../../node_modules/browser-dtector/browser-dtector.umd.min.js"(exports,module){(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o():typeof define=="function"&&define.amd?define(o):(e=typeof globalThis<"u"?globalThis:e||self).BrowserDetector=o()})(exports,function(){"use strict";function e(e2,o2){for(var r2=0;r2<o2.length;r2++){var n2=o2[r2];n2.enumerable=n2.enumerable||!1,n2.configurable=!0,"value"in n2&&(n2.writable=!0),Object.defineProperty(e2,(i2=n2.key,t2=void 0,typeof(t2=function(e3,o3){if(typeof e3!="object"||e3===null)return e3;var r3=e3[Symbol.toPrimitive];if(r3!==void 0){var n3=r3.call(e3,o3||"default");if(typeof n3!="object")return n3;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o3==="string"?String:Number)(e3)}(i2,"string"))=="symbol"?t2:String(t2)),n2)}var i2,t2}var o={chrome:"Google Chrome",brave:"Brave",crios:"Google Chrome",edge:"Microsoft Edge",edg:"Microsoft Edge",edgios:"Microsoft Edge",fennec:"Mozilla Firefox",jsdom:"JsDOM",mozilla:"Mozilla Firefox",fxios:"Mozilla Firefox",msie:"Microsoft Internet Explorer",opera:"Opera",opios:"Opera",opr:"Opera",opt:"Opera",rv:"Microsoft Internet Explorer",safari:"Safari",samsungbrowser:"Samsung Browser",electron:"Electron"},r={android:"Android",androidTablet:"Android Tablet",cros:"Chrome OS",fennec:"Android Tablet",ipad:"IPad",iphone:"IPhone",jsdom:"JsDOM",linux:"Linux",mac:"Macintosh",tablet:"Android Tablet",win:"Windows","windows phone":"Windows Phone",xbox:"Microsoft Xbox"},n=function(e2){var o2=new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length>1&&arguments[1]!==void 0?arguments[1]:-1,"})?")),r2=Number(e2).toString().match(o2);return r2?r2[0]:null},i=function(){return typeof window<"u"?window.navigator:null},t=function(){function t2(e2){var o2;(function(e3,o3){if(!(e3 instanceof o3))throw new TypeError("Cannot call a class as a function")})(this,t2),this.userAgent=e2||((o2=i())===null||o2===void 0?void 0:o2.userAgent)||null}var a,l,s;return a=t2,l=[{key:"parseUserAgent",value:function(e2){var t3,a2,l2,s2={},c=e2||this.userAgent||"",d=c.toLowerCase().replace(/\s\s+/g," "),u=/(edge)\/([\w.]+)/.exec(d)||/(edg)[/]([\w.]+)/.exec(d)||/(opr)[/]([\w.]+)/.exec(d)||/(opt)[/]([\w.]+)/.exec(d)||/(fxios)[/]([\w.]+)/.exec(d)||/(edgios)[/]([\w.]+)/.exec(d)||/(jsdom)[/]([\w.]+)/.exec(d)||/(samsungbrowser)[/]([\w.]+)/.exec(d)||/(electron)[/]([\w.]+)/.exec(d)||/(chrome)[/]([\w.]+)/.exec(d)||/(crios)[/]([\w.]+)/.exec(d)||/(opios)[/]([\w.]+)/.exec(d)||/(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+)/.exec(d)||/(opera)(?:.*version|)[/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||/(fennec)[/]([\w.]+)/.exec(d)||d.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(d)||d.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(d)||[],f=/(ipad)/.exec(d)||/(ipod)/.exec(d)||/(iphone)/.exec(d)||/(jsdom)/.exec(d)||/(windows phone)/.exec(d)||/(xbox)/.exec(d)||/(win)/.exec(d)||/(tablet)/.exec(d)||/(android)/.test(d)&&/(mobile)/.test(d)===!1&&["androidTablet"]||/(android)/.exec(d)||/(mac)/.exec(d)||/(linux)/.exec(d)||/(cros)/.exec(d)||[],p=u[5]||u[3]||u[1]||null,w=f[0]||null,x=u[4]||u[2]||null,b=i();p==="chrome"&&typeof(b==null||(t3=b.brave)===null||t3===void 0?void 0:t3.isBrave)=="function"&&(p="brave"),p&&(s2[p]=!0),w&&(s2[w]=!0);var v=!!(s2.tablet||s2.android||s2.androidTablet),m=!!(s2.ipad||s2.tablet||s2.androidTablet),g=!!(s2.android||s2.androidTablet||s2.tablet||s2.ipad||s2.ipod||s2.iphone||s2["windows phone"]),h=!!(s2.cros||s2.mac||s2.linux||s2.win),y=!!(s2.brave||s2.chrome||s2.crios||s2.opr||s2.safari||s2.edg||s2.electron),A=!!(s2.msie||s2.rv);return{name:(a2=o[p])!==null&&a2!==void 0?a2:null,platform:(l2=r[w])!==null&&l2!==void 0?l2:null,userAgent:c,version:x,shortVersion:x?n(parseFloat(x),2):null,isAndroid:v,isTablet:m,isMobile:g,isDesktop:h,isWebkit:y,isIE:A}}},{key:"getBrowserInfo",value:function(){var e2=this.parseUserAgent();return{name:e2.name,platform:e2.platform,userAgent:e2.userAgent,version:e2.version,shortVersion:e2.shortVersion}}}],s=[{key:"VERSION",get:function(){return"3.4.0"}}],l&&e(a.prototype,l),s&&e(a,s),Object.defineProperty(a,"prototype",{writable:!1}),t2}();return t})}});var REACT=__toESM(require_react()),REACT_DOM=__toESM(require_react_dom());var globalsNameValueMap={react:REACT,"react-dom":REACT_DOM,"@storybook/components":dist_exports8,"@storybook/channels":dist_exports5,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports7,"@storybook/api":dist_exports6,"@storybook/manager-api":dist_exports6,"@storybook/addons":{addons,types:typesX,mockChannel},"@storybook/client-logger":dist_exports,"@storybook/types":dist_exports4};var globalsNameReferenceMap={react:"__REACT__","react-dom":"__REACT_DOM__","@storybook/components":"__STORYBOOK_COMPONENTS__","@storybook/channels":"__STORYBOOK_CHANNELS__","@storybook/core-events":"__STORYBOOK_CORE_EVENTS__","@storybook/router":"__STORYBOOK_ROUTER__","@storybook/theming":"__STORYBOOK_THEMING__","@storybook/api":"__STORYBOOK_API__","@storybook/manager-api":"__STORYBOOK_API__","@storybook/addons":"__STORYBOOK_ADDONS__","@storybook/client-logger":"__STORYBOOK_CLIENT_LOGGER__","@storybook/types":"__STORYBOOK_TYPES__"},globalPackages=Object.keys(globalsNameReferenceMap);var import_browser_dtector=__toESM(require_browser_dtector_umd_min()),browserInfo;function getBrowserInfo(){return browserInfo||(browserInfo=new import_browser_dtector.default(scope.navigator?.userAgent).getBrowserInfo()),browserInfo}var errorMessages=["ResizeObserver loop completed with undelivered notifications.","ResizeObserver loop limit exceeded","Script error."],shouldSkipError=error=>errorMessages.includes(error?.message);function prepareForTelemetry(originalError){let error=originalError;return(originalError.target===scope||originalError.currentTarget===scope||originalError.srcElement===scope)&&(error=new Error(originalError.message),error.name=originalError.name||error.name),originalError.fromStorybook||(error=new UncaughtManagerError({error})),error.browserInfo=getBrowserInfo(),error}var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,scope.__STORYBOOK_ADDONS_CHANNEL__=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}};globalPackages.forEach(key=>{scope[globalsNameReferenceMap[key]]=globalsNameValueMap[key]});scope.sendTelemetryError=error=>{shouldSkipError(error)||scope.__STORYBOOK_ADDONS_CHANNEL__.emit(TELEMETRY_ERROR,prepareForTelemetry(error))};scope.addEventListener("error",args=>{let error=args.error||args;scope.sendTelemetryError(error)});scope.addEventListener("unhandledrejection",({reason})=>{scope.sendTelemetryError(reason)});var{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);
+import{CHANNEL_CREATED,Provider,TELEMETRY_ERROR,UncaughtManagerError,addons,createBrowserChannel,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports6,dist_exports6 as dist_exports8,mockChannel,renderStorybookUI,typesX}from"./chunk-3MAIP5DL.js";import"./chunk-2IXBUOFS.js";import"./chunk-NGTUFCUO.js";import{dist_exports,dist_exports2 as dist_exports7,require_react,require_react_dom,scope}from"./chunk-INSKDKQB.js";import{__commonJS,__toESM}from"./chunk-ZEU7PDD3.js";var require_browser_dtector_umd_min=__commonJS({"../../node_modules/browser-dtector/browser-dtector.umd.min.js"(exports,module){(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o():typeof define=="function"&&define.amd?define(o):(e=typeof globalThis<"u"?globalThis:e||self).BrowserDetector=o()})(exports,function(){"use strict";function e(e2,o2){for(var r2=0;r2<o2.length;r2++){var n2=o2[r2];n2.enumerable=n2.enumerable||!1,n2.configurable=!0,"value"in n2&&(n2.writable=!0),Object.defineProperty(e2,(i2=n2.key,t2=void 0,typeof(t2=function(e3,o3){if(typeof e3!="object"||e3===null)return e3;var r3=e3[Symbol.toPrimitive];if(r3!==void 0){var n3=r3.call(e3,o3||"default");if(typeof n3!="object")return n3;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o3==="string"?String:Number)(e3)}(i2,"string"))=="symbol"?t2:String(t2)),n2)}var i2,t2}var o={chrome:"Google Chrome",brave:"Brave",crios:"Google Chrome",edge:"Microsoft Edge",edg:"Microsoft Edge",edgios:"Microsoft Edge",fennec:"Mozilla Firefox",jsdom:"JsDOM",mozilla:"Mozilla Firefox",fxios:"Mozilla Firefox",msie:"Microsoft Internet Explorer",opera:"Opera",opios:"Opera",opr:"Opera",opt:"Opera",rv:"Microsoft Internet Explorer",safari:"Safari",samsungbrowser:"Samsung Browser",electron:"Electron"},r={android:"Android",androidTablet:"Android Tablet",cros:"Chrome OS",fennec:"Android Tablet",ipad:"IPad",iphone:"IPhone",jsdom:"JsDOM",linux:"Linux",mac:"Macintosh",tablet:"Android Tablet",win:"Windows","windows phone":"Windows Phone",xbox:"Microsoft Xbox"},n=function(e2){var o2=new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length>1&&arguments[1]!==void 0?arguments[1]:-1,"})?")),r2=Number(e2).toString().match(o2);return r2?r2[0]:null},i=function(){return typeof window<"u"?window.navigator:null},t=function(){function t2(e2){var o2;(function(e3,o3){if(!(e3 instanceof o3))throw new TypeError("Cannot call a class as a function")})(this,t2),this.userAgent=e2||((o2=i())===null||o2===void 0?void 0:o2.userAgent)||null}var a,l,s;return a=t2,l=[{key:"parseUserAgent",value:function(e2){var t3,a2,l2,s2={},c=e2||this.userAgent||"",d=c.toLowerCase().replace(/\s\s+/g," "),u=/(edge)\/([\w.]+)/.exec(d)||/(edg)[/]([\w.]+)/.exec(d)||/(opr)[/]([\w.]+)/.exec(d)||/(opt)[/]([\w.]+)/.exec(d)||/(fxios)[/]([\w.]+)/.exec(d)||/(edgios)[/]([\w.]+)/.exec(d)||/(jsdom)[/]([\w.]+)/.exec(d)||/(samsungbrowser)[/]([\w.]+)/.exec(d)||/(electron)[/]([\w.]+)/.exec(d)||/(chrome)[/]([\w.]+)/.exec(d)||/(crios)[/]([\w.]+)/.exec(d)||/(opios)[/]([\w.]+)/.exec(d)||/(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(d)||/(webkit)[/]([\w.]+)/.exec(d)||/(opera)(?:.*version|)[/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||/(fennec)[/]([\w.]+)/.exec(d)||d.indexOf("trident")>=0&&/(rv)(?::| )([\w.]+)/.exec(d)||d.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(d)||[],f=/(ipad)/.exec(d)||/(ipod)/.exec(d)||/(iphone)/.exec(d)||/(jsdom)/.exec(d)||/(windows phone)/.exec(d)||/(xbox)/.exec(d)||/(win)/.exec(d)||/(tablet)/.exec(d)||/(android)/.test(d)&&/(mobile)/.test(d)===!1&&["androidTablet"]||/(android)/.exec(d)||/(mac)/.exec(d)||/(linux)/.exec(d)||/(cros)/.exec(d)||[],p=u[5]||u[3]||u[1]||null,w=f[0]||null,x=u[4]||u[2]||null,b=i();p==="chrome"&&typeof(b==null||(t3=b.brave)===null||t3===void 0?void 0:t3.isBrave)=="function"&&(p="brave"),p&&(s2[p]=!0),w&&(s2[w]=!0);var v=!!(s2.tablet||s2.android||s2.androidTablet),m=!!(s2.ipad||s2.tablet||s2.androidTablet),g=!!(s2.android||s2.androidTablet||s2.tablet||s2.ipad||s2.ipod||s2.iphone||s2["windows phone"]),h=!!(s2.cros||s2.mac||s2.linux||s2.win),y=!!(s2.brave||s2.chrome||s2.crios||s2.opr||s2.safari||s2.edg||s2.electron),A=!!(s2.msie||s2.rv);return{name:(a2=o[p])!==null&&a2!==void 0?a2:null,platform:(l2=r[w])!==null&&l2!==void 0?l2:null,userAgent:c,version:x,shortVersion:x?n(parseFloat(x),2):null,isAndroid:v,isTablet:m,isMobile:g,isDesktop:h,isWebkit:y,isIE:A}}},{key:"getBrowserInfo",value:function(){var e2=this.parseUserAgent();return{name:e2.name,platform:e2.platform,userAgent:e2.userAgent,version:e2.version,shortVersion:e2.shortVersion}}}],s=[{key:"VERSION",get:function(){return"3.4.0"}}],l&&e(a.prototype,l),s&&e(a,s),Object.defineProperty(a,"prototype",{writable:!1}),t2}();return t})}});var REACT=__toESM(require_react()),REACT_DOM=__toESM(require_react_dom());var globalsNameValueMap={react:REACT,"react-dom":REACT_DOM,"@storybook/components":dist_exports8,"@storybook/channels":dist_exports5,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports7,"@storybook/api":dist_exports6,"@storybook/manager-api":dist_exports6,"@storybook/addons":{addons,types:typesX,mockChannel},"@storybook/client-logger":dist_exports,"@storybook/types":dist_exports4};var globalsNameReferenceMap={react:"__REACT__","react-dom":"__REACT_DOM__","@storybook/components":"__STORYBOOK_COMPONENTS__","@storybook/channels":"__STORYBOOK_CHANNELS__","@storybook/core-events":"__STORYBOOK_CORE_EVENTS__","@storybook/router":"__STORYBOOK_ROUTER__","@storybook/theming":"__STORYBOOK_THEMING__","@storybook/api":"__STORYBOOK_API__","@storybook/manager-api":"__STORYBOOK_API__","@storybook/addons":"__STORYBOOK_ADDONS__","@storybook/client-logger":"__STORYBOOK_CLIENT_LOGGER__","@storybook/types":"__STORYBOOK_TYPES__"},globalPackages=Object.keys(globalsNameReferenceMap);var import_browser_dtector=__toESM(require_browser_dtector_umd_min()),browserInfo;function getBrowserInfo(){return browserInfo||(browserInfo=new import_browser_dtector.default(scope.navigator?.userAgent).getBrowserInfo()),browserInfo}var errorMessages=["ResizeObserver loop completed with undelivered notifications.","ResizeObserver loop limit exceeded","Script error."],shouldSkipError=error=>errorMessages.includes(error?.message);function prepareForTelemetry(originalError){let error=originalError;return(originalError.target===scope||originalError.currentTarget===scope||originalError.srcElement===scope)&&(error=new Error(originalError.message),error.name=originalError.name||error.name),originalError.fromStorybook||(error=new UncaughtManagerError({error})),error.browserInfo=getBrowserInfo(),error}var{FEATURES,CONFIG_TYPE}=scope,ReactProvider=class extends Provider{constructor(){super();let channel=createBrowserChannel({page:"manager"});addons.setChannel(channel),channel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=channel,scope.__STORYBOOK_ADDONS_CHANNEL__=channel,FEATURES?.storyStoreV7&&CONFIG_TYPE==="DEVELOPMENT"&&(this.serverChannel=this.channel,addons.setServerChannel(this.serverChannel))}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}};globalPackages.forEach(key=>{scope[globalsNameReferenceMap[key]]=globalsNameValueMap[key]});scope.sendTelemetryError=error=>{shouldSkipError(error)||scope.__STORYBOOK_ADDONS_CHANNEL__.emit(TELEMETRY_ERROR,prepareForTelemetry(error))};scope.addEventListener("error",args=>{let error=args.error||args;scope.sendTelemetryError(error)});scope.addEventListener("unhandledrejection",({reason})=>{scope.sendTelemetryError(reason)});var{document}=scope,rootEl=document.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);
diff --git a/docs/stories-Accordion-stories.3cf73895.iframe.bundle.js b/docs/stories-Accordion-stories.3cf73895.iframe.bundle.js
new file mode 100644
index 00000000..bbd00548
--- /dev/null
+++ b/docs/stories-Accordion-stories.3cf73895.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Accordion-stories.3cf73895.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[460],{"./src/stories/Accordion.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Info:()=>Info,LightCyan:()=>LightCyan,LightLime:()=>LightLime,LightOrange:()=>LightOrange,Lime:()=>Lime,Orange:()=>Orange,Primary:()=>Primary,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Accordion_stories});var react=__webpack_require__("./node_modules/react/index.js");const Accordion_module={flex:"Accordion_flex__7S2VQ","main-content":"Accordion_main-content__B2Nua",accordion:"Accordion_accordion__BcFkF",default:"Accordion_default__F7JkO",panel:"Accordion_panel__TyCHl",content:"Accordion_content__zF0gW",primary:"Accordion_primary__fj5Kr",success:"Accordion_success__8njux",warning:"Accordion_warning__-5FW2",info:"Accordion_info__jmXbI",lightCyan:"Accordion_lightCyan__HACM-",orange:"Accordion_orange__998ut",lightOrange:"Accordion_lightOrange__aHqz6",lime:"Accordion_lime__P5Bn8",lightLime:"Accordion_lightLime__d6m6P",panelText:"Accordion_panelText__eRO3I",panelChevron:"Accordion_panelChevron__mRKLZ",expanded:"Accordion_expanded__Hrw12",initialized:"Accordion_initialized__qnbQ7",hide:"Accordion_hide__ZtebP",show:"Accordion_show__VGOuV"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Accordion=props=>{const[expanded,setExpanded]=(0,react.useState)(props.expanded),[initialized,setInitialized]=(0,react.useState)(props.initialized),handleToggleExpand=()=>{setExpanded(!expanded),setInitialized(!0),props.onToggleExpand&&props.onToggleExpand()};(0,react.useEffect)((()=>{setExpanded(props.expanded)}),[props.expanded]);const className="".concat(Accordion_module.accordion," ").concat(props.color?Accordion_module[props.color]:"");return(0,jsx_runtime.jsxs)("div",{className,children:[(0,jsx_runtime.jsxs)("button",{...props.buttonProps,className:Accordion_module.panel,onClick:handleToggleExpand,"aria-expanded":expanded?"true":"false",children:[(0,jsx_runtime.jsx)("span",{className:Accordion_module.panelText,children:props.title}),(0,jsx_runtime.jsx)("span",{className:"".concat(Accordion_module.panelChevron," ").concat(expanded?Accordion_module.expanded:"")})]}),(0,jsx_runtime.jsx)("div",{className:"".concat(Accordion_module.content," ").concat(initialized?Accordion_module.initialized:""," ").concat(expanded?Accordion_module.expanded:""),children:props.children})]})};Accordion.defaultProps={title:null,titleSize:"regular",href:null,content:"",color:"default",expanded:!1};const stories_Accordion=Accordion;Accordion.__docgenInfo={description:"",methods:[],displayName:"Accordion",props:{title:{defaultValue:{value:"null",computed:!1},description:"Content title inside box",type:{name:"string"},required:!1},titleSize:{defaultValue:{value:'"regular"',computed:!1},description:"",type:{name:"enum",value:[{value:'"regular"',computed:!1},{value:'"large"',computed:!1}]},required:!1},href:{defaultValue:{value:"null",computed:!1},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"Text content inside box",type:{name:"string"},required:!1},color:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1},{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"info"',computed:!1},{value:'"lightCyan"',computed:!1},{value:'"orange"',computed:!1},{value:'"lightOrange"',computed:!1},{value:'"lime"',computed:!1},{value:'"lightLime"',computed:!1}]},required:!1},expanded:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},onToggleExpand:{description:"",type:{name:"func"},required:!1},buttonProps:{description:"",type:{name:"object"},required:!1}}};const Accordion_stories={title:"Example/Accordion",component:stories_Accordion,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Accordion,{...args}),Default=Template.bind({});Default.args={color:"default",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with default color"})};const Primary=Template.bind({});Primary.args={color:"primary",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with primary color"})};const Success=Template.bind({});Success.args={color:"success",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with success color"})};const Warning=Template.bind({});Warning.args={color:"warning",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with warning color"})};const Info=Template.bind({});Info.args={color:"info",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with info color"})};const LightCyan=Template.bind({});LightCyan.args={color:"lightCyan",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light cyan color"})};const Orange=Template.bind({});Orange.args={color:"orange",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with orange color"})};const LightOrange=Template.bind({});LightOrange.args={color:"lightOrange",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light orange color"})};const Lime=Template.bind({});Lime.args={color:"lime",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with lime color"})};const LightLime=Template.bind({});LightLime.args={color:"lightLime",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light lime color"})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Default.parameters?.docs?.source}}},Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Primary.parameters?.docs?.source}}},Success.parameters={...Success.parameters,docs:{...Success.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Success.parameters?.docs?.source}}},Warning.parameters={...Warning.parameters,docs:{...Warning.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Warning.parameters?.docs?.source}}},Info.parameters={...Info.parameters,docs:{...Info.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Info.parameters?.docs?.source}}},LightCyan.parameters={...LightCyan.parameters,docs:{...LightCyan.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...LightCyan.parameters?.docs?.source}}},Orange.parameters={...Orange.parameters,docs:{...Orange.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Orange.parameters?.docs?.source}}},LightOrange.parameters={...LightOrange.parameters,docs:{...LightOrange.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...LightOrange.parameters?.docs?.source}}},Lime.parameters={...Lime.parameters,docs:{...Lime.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...Lime.parameters?.docs?.source}}},LightLime.parameters={...LightLime.parameters,docs:{...LightLime.parameters?.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...LightLime.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Primary","Success","Warning","Info","LightCyan","Orange","LightOrange","Lime","LightLime"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Accordion-stories.e0b9fa37.iframe.bundle.js.LICENSE.txt b/docs/stories-Accordion-stories.3cf73895.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Accordion-stories.e0b9fa37.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Accordion-stories.3cf73895.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Accordion-stories.e0b9fa37.iframe.bundle.js b/docs/stories-Accordion-stories.e0b9fa37.iframe.bundle.js
deleted file mode 100644
index 6245af6b..00000000
--- a/docs/stories-Accordion-stories.e0b9fa37.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Accordion-stories.e0b9fa37.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[460],{"./src/stories/Accordion.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Info:()=>Info,LightCyan:()=>LightCyan,LightLime:()=>LightLime,LightOrange:()=>LightOrange,Lime:()=>Lime,Orange:()=>Orange,Primary:()=>Primary,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Accordion_stories});var react=__webpack_require__("./node_modules/react/index.js");const Accordion_module={flex:"Accordion_flex__7S2VQ","main-content":"Accordion_main-content__B2Nua",accordion:"Accordion_accordion__BcFkF",default:"Accordion_default__F7JkO",panel:"Accordion_panel__TyCHl",content:"Accordion_content__zF0gW",primary:"Accordion_primary__fj5Kr",success:"Accordion_success__8njux",warning:"Accordion_warning__-5FW2",info:"Accordion_info__jmXbI",lightCyan:"Accordion_lightCyan__HACM-",orange:"Accordion_orange__998ut",lightOrange:"Accordion_lightOrange__aHqz6",lime:"Accordion_lime__P5Bn8",lightLime:"Accordion_lightLime__d6m6P",panelText:"Accordion_panelText__eRO3I",panelChevron:"Accordion_panelChevron__mRKLZ",expanded:"Accordion_expanded__Hrw12",initialized:"Accordion_initialized__qnbQ7",hide:"Accordion_hide__ZtebP",show:"Accordion_show__VGOuV"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Accordion=props=>{const[expanded,setExpanded]=(0,react.useState)(props.expanded),[initialized,setInitialized]=(0,react.useState)(props.initialized),handleToggleExpand=()=>{setExpanded(!expanded),setInitialized(!0),props.onToggleExpand&&props.onToggleExpand()};(0,react.useEffect)((()=>{setExpanded(props.expanded)}),[props.expanded]);const className="".concat(Accordion_module.accordion," ").concat(props.color?Accordion_module[props.color]:"");return(0,jsx_runtime.jsxs)("div",{className,children:[(0,jsx_runtime.jsxs)("button",{...props.buttonProps,className:Accordion_module.panel,onClick:handleToggleExpand,"aria-expanded":expanded?"true":"false",children:[(0,jsx_runtime.jsx)("span",{className:Accordion_module.panelText,children:props.title}),(0,jsx_runtime.jsx)("span",{className:"".concat(Accordion_module.panelChevron," ").concat(expanded?Accordion_module.expanded:"")})]}),(0,jsx_runtime.jsx)("div",{className:"".concat(Accordion_module.content," ").concat(initialized?Accordion_module.initialized:""," ").concat(expanded?Accordion_module.expanded:""),children:props.children})]})};Accordion.defaultProps={title:null,titleSize:"regular",href:null,content:"",color:"default",expanded:!1};const stories_Accordion=Accordion;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Primary$parameters,_Primary$parameters2,_Primary$parameters2$,_Success$parameters,_Success$parameters2,_Success$parameters2$,_Warning$parameters,_Warning$parameters2,_Warning$parameters2$,_Info$parameters,_Info$parameters2,_Info$parameters2$doc,_LightCyan$parameters,_LightCyan$parameters2,_LightCyan$parameters3,_Orange$parameters,_Orange$parameters2,_Orange$parameters2$d,_LightOrange$paramete,_LightOrange$paramete2,_LightOrange$paramete3,_Lime$parameters,_Lime$parameters2,_Lime$parameters2$doc,_LightLime$parameters,_LightLime$parameters2,_LightLime$parameters3;Accordion.__docgenInfo={description:"",methods:[],displayName:"Accordion",props:{title:{defaultValue:{value:"null",computed:!1},description:"Content title inside box",type:{name:"string"},required:!1},titleSize:{defaultValue:{value:'"regular"',computed:!1},description:"",type:{name:"enum",value:[{value:'"regular"',computed:!1},{value:'"large"',computed:!1}]},required:!1},href:{defaultValue:{value:"null",computed:!1},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"Text content inside box",type:{name:"string"},required:!1},color:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1},{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"info"',computed:!1},{value:'"lightCyan"',computed:!1},{value:'"orange"',computed:!1},{value:'"lightOrange"',computed:!1},{value:'"lime"',computed:!1},{value:'"lightLime"',computed:!1}]},required:!1},expanded:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},onToggleExpand:{description:"",type:{name:"func"},required:!1},buttonProps:{description:"",type:{name:"object"},required:!1}}};const Accordion_stories={title:"Example/Accordion",component:stories_Accordion,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Accordion,{...args}),Default=Template.bind({});Default.args={color:"default",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with default color"})};const Primary=Template.bind({});Primary.args={color:"primary",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with primary color"})};const Success=Template.bind({});Success.args={color:"success",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with success color"})};const Warning=Template.bind({});Warning.args={color:"warning",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with warning color"})};const Info=Template.bind({});Info.args={color:"info",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with info color"})};const LightCyan=Template.bind({});LightCyan.args={color:"lightCyan",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light cyan color"})};const Orange=Template.bind({});Orange.args={color:"orange",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with orange color"})};const LightOrange=Template.bind({});LightOrange.args={color:"lightOrange",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light orange color"})};const Lime=Template.bind({});Lime.args={color:"lime",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with lime color"})};const LightLime=Template.bind({});LightLime.args={color:"lightLime",title:"Accordion title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Accordion with light lime color"})},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Primary.parameters={...Primary.parameters,docs:{...null===(_Primary$parameters=Primary.parameters)||void 0===_Primary$parameters?void 0:_Primary$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Primary$parameters2=Primary.parameters)||void 0===_Primary$parameters2||null===(_Primary$parameters2$=_Primary$parameters2.docs)||void 0===_Primary$parameters2$?void 0:_Primary$parameters2$.source}}},Success.parameters={...Success.parameters,docs:{...null===(_Success$parameters=Success.parameters)||void 0===_Success$parameters?void 0:_Success$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Success$parameters2=Success.parameters)||void 0===_Success$parameters2||null===(_Success$parameters2$=_Success$parameters2.docs)||void 0===_Success$parameters2$?void 0:_Success$parameters2$.source}}},Warning.parameters={...Warning.parameters,docs:{...null===(_Warning$parameters=Warning.parameters)||void 0===_Warning$parameters?void 0:_Warning$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Warning$parameters2=Warning.parameters)||void 0===_Warning$parameters2||null===(_Warning$parameters2$=_Warning$parameters2.docs)||void 0===_Warning$parameters2$?void 0:_Warning$parameters2$.source}}},Info.parameters={...Info.parameters,docs:{...null===(_Info$parameters=Info.parameters)||void 0===_Info$parameters?void 0:_Info$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Info$parameters2=Info.parameters)||void 0===_Info$parameters2||null===(_Info$parameters2$doc=_Info$parameters2.docs)||void 0===_Info$parameters2$doc?void 0:_Info$parameters2$doc.source}}},LightCyan.parameters={...LightCyan.parameters,docs:{...null===(_LightCyan$parameters=LightCyan.parameters)||void 0===_LightCyan$parameters?void 0:_LightCyan$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_LightCyan$parameters2=LightCyan.parameters)||void 0===_LightCyan$parameters2||null===(_LightCyan$parameters3=_LightCyan$parameters2.docs)||void 0===_LightCyan$parameters3?void 0:_LightCyan$parameters3.source}}},Orange.parameters={...Orange.parameters,docs:{...null===(_Orange$parameters=Orange.parameters)||void 0===_Orange$parameters?void 0:_Orange$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Orange$parameters2=Orange.parameters)||void 0===_Orange$parameters2||null===(_Orange$parameters2$d=_Orange$parameters2.docs)||void 0===_Orange$parameters2$d?void 0:_Orange$parameters2$d.source}}},LightOrange.parameters={...LightOrange.parameters,docs:{...null===(_LightOrange$paramete=LightOrange.parameters)||void 0===_LightOrange$paramete?void 0:_LightOrange$paramete.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_LightOrange$paramete2=LightOrange.parameters)||void 0===_LightOrange$paramete2||null===(_LightOrange$paramete3=_LightOrange$paramete2.docs)||void 0===_LightOrange$paramete3?void 0:_LightOrange$paramete3.source}}},Lime.parameters={...Lime.parameters,docs:{...null===(_Lime$parameters=Lime.parameters)||void 0===_Lime$parameters?void 0:_Lime$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_Lime$parameters2=Lime.parameters)||void 0===_Lime$parameters2||null===(_Lime$parameters2$doc=_Lime$parameters2.docs)||void 0===_Lime$parameters2$doc?void 0:_Lime$parameters2$doc.source}}},LightLime.parameters={...LightLime.parameters,docs:{...null===(_LightLime$parameters=LightLime.parameters)||void 0===_LightLime$parameters?void 0:_LightLime$parameters.docs,source:{originalSource:"args => <Accordion {...args}></Accordion>",...null===(_LightLime$parameters2=LightLime.parameters)||void 0===_LightLime$parameters2||null===(_LightLime$parameters3=_LightLime$parameters2.docs)||void 0===_LightLime$parameters3?void 0:_LightLime$parameters3.source}}};const __namedExportsOrder=["Default","Primary","Success","Warning","Info","LightCyan","Orange","LightOrange","Lime","LightLime"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Button-stories.1d7f3141.iframe.bundle.js b/docs/stories-Button-stories.1d7f3141.iframe.bundle.js
deleted file mode 100644
index a87bc3e8..00000000
--- a/docs/stories-Button-stories.1d7f3141.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[256],{"./src/stories/Button.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonWithHTMLContent:()=>ButtonWithHTMLContent,ButtonWithLink:()=>ButtonWithLink,ButtonWithReactLink:()=>ButtonWithReactLink,Default:()=>Default,DisabledButtonWithReactLink:()=>DisabledButtonWithReactLink,InputButton:()=>InputButton,Large:()=>Large,Primary:()=>Primary,RadioButton:()=>RadioButton,Rounded:()=>Rounded,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Primary$parameters,_Primary$parameters2,_Primary$parameters2$,_Large$parameters,_Large$parameters2,_Large$parameters2$do,_Small$parameters,_Small$parameters2,_Small$parameters2$do,_Rounded$parameters,_Rounded$parameters2,_Rounded$parameters2$,_ButtonWithHTMLConten,_ButtonWithHTMLConten2,_ButtonWithHTMLConten3,_ButtonWithLink$param,_ButtonWithLink$param2,_ButtonWithLink$param3,_ButtonWithReactLink$,_ButtonWithReactLink$2,_ButtonWithReactLink$3,_DisabledButtonWithRe,_DisabledButtonWithRe2,_DisabledButtonWithRe3,_InputButton$paramete,_InputButton$paramete2,_InputButton$paramete3,_RadioButton$paramete,_RadioButton$paramete2,_RadioButton$paramete3,_Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Button.jsx"),react_router_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Button",component:_Button__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{color:{control:"radio",options:["default","primary"]},inputType:{control:"radio",options:["button","radio"]}}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),RouterTemplate=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Z,{...args})}),Default=Template.bind({});Default.args={color:"default",content:"Button"};const Primary=Template.bind({});Primary.args={color:"primary",content:"Button"};const Large=Template.bind({});Large.args={content:"Button"};const Small=Template.bind({});Small.args={size:"small",content:"Button"};const Rounded=Template.bind({});Rounded.args={rounded:!0,content:"Button"};const ButtonWithHTMLContent=Template.bind({});ButtonWithHTMLContent.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("span",{children:["Button with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("b",{children:"HTML"})," content"]})};const ButtonWithLink=Template.bind({});ButtonWithLink.args={content:"Button with link",href:"test"};const ButtonWithReactLink=RouterTemplate.bind({});ButtonWithReactLink.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.rU,{to:"/test",children:"Button with React Link"})};const DisabledButtonWithReactLink=RouterTemplate.bind({});DisabledButtonWithReactLink.args={disabled:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.rU,{to:"/test",children:"Disabled button with React Link"})};const InputButton=Template.bind({});InputButton.args={content:"InputButton",inputType:"button"};const RadioButton=Template.bind({});RadioButton.args={content:"RadioButton",inputType:"radio",name:"radio-button",defaultChecked:!1},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Primary.parameters={...Primary.parameters,docs:{...null===(_Primary$parameters=Primary.parameters)||void 0===_Primary$parameters?void 0:_Primary$parameters.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_Primary$parameters2=Primary.parameters)||void 0===_Primary$parameters2||null===(_Primary$parameters2$=_Primary$parameters2.docs)||void 0===_Primary$parameters2$?void 0:_Primary$parameters2$.source}}},Large.parameters={...Large.parameters,docs:{...null===(_Large$parameters=Large.parameters)||void 0===_Large$parameters?void 0:_Large$parameters.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_Large$parameters2=Large.parameters)||void 0===_Large$parameters2||null===(_Large$parameters2$do=_Large$parameters2.docs)||void 0===_Large$parameters2$do?void 0:_Large$parameters2$do.source}}},Small.parameters={...Small.parameters,docs:{...null===(_Small$parameters=Small.parameters)||void 0===_Small$parameters?void 0:_Small$parameters.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_Small$parameters2=Small.parameters)||void 0===_Small$parameters2||null===(_Small$parameters2$do=_Small$parameters2.docs)||void 0===_Small$parameters2$do?void 0:_Small$parameters2$do.source}}},Rounded.parameters={...Rounded.parameters,docs:{...null===(_Rounded$parameters=Rounded.parameters)||void 0===_Rounded$parameters?void 0:_Rounded$parameters.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_Rounded$parameters2=Rounded.parameters)||void 0===_Rounded$parameters2||null===(_Rounded$parameters2$=_Rounded$parameters2.docs)||void 0===_Rounded$parameters2$?void 0:_Rounded$parameters2$.source}}},ButtonWithHTMLContent.parameters={...ButtonWithHTMLContent.parameters,docs:{...null===(_ButtonWithHTMLConten=ButtonWithHTMLContent.parameters)||void 0===_ButtonWithHTMLConten?void 0:_ButtonWithHTMLConten.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_ButtonWithHTMLConten2=ButtonWithHTMLContent.parameters)||void 0===_ButtonWithHTMLConten2||null===(_ButtonWithHTMLConten3=_ButtonWithHTMLConten2.docs)||void 0===_ButtonWithHTMLConten3?void 0:_ButtonWithHTMLConten3.source}}},ButtonWithLink.parameters={...ButtonWithLink.parameters,docs:{...null===(_ButtonWithLink$param=ButtonWithLink.parameters)||void 0===_ButtonWithLink$param?void 0:_ButtonWithLink$param.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_ButtonWithLink$param2=ButtonWithLink.parameters)||void 0===_ButtonWithLink$param2||null===(_ButtonWithLink$param3=_ButtonWithLink$param2.docs)||void 0===_ButtonWithLink$param3?void 0:_ButtonWithLink$param3.source}}},ButtonWithReactLink.parameters={...ButtonWithReactLink.parameters,docs:{...null===(_ButtonWithReactLink$=ButtonWithReactLink.parameters)||void 0===_ButtonWithReactLink$?void 0:_ButtonWithReactLink$.docs,source:{originalSource:"args => <BrowserRouter>\n        <Button {...args}></Button>\n    </BrowserRouter>",...null===(_ButtonWithReactLink$2=ButtonWithReactLink.parameters)||void 0===_ButtonWithReactLink$2||null===(_ButtonWithReactLink$3=_ButtonWithReactLink$2.docs)||void 0===_ButtonWithReactLink$3?void 0:_ButtonWithReactLink$3.source}}},DisabledButtonWithReactLink.parameters={...DisabledButtonWithReactLink.parameters,docs:{...null===(_DisabledButtonWithRe=DisabledButtonWithReactLink.parameters)||void 0===_DisabledButtonWithRe?void 0:_DisabledButtonWithRe.docs,source:{originalSource:"args => <BrowserRouter>\n        <Button {...args}></Button>\n    </BrowserRouter>",...null===(_DisabledButtonWithRe2=DisabledButtonWithReactLink.parameters)||void 0===_DisabledButtonWithRe2||null===(_DisabledButtonWithRe3=_DisabledButtonWithRe2.docs)||void 0===_DisabledButtonWithRe3?void 0:_DisabledButtonWithRe3.source}}},InputButton.parameters={...InputButton.parameters,docs:{...null===(_InputButton$paramete=InputButton.parameters)||void 0===_InputButton$paramete?void 0:_InputButton$paramete.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_InputButton$paramete2=InputButton.parameters)||void 0===_InputButton$paramete2||null===(_InputButton$paramete3=_InputButton$paramete2.docs)||void 0===_InputButton$paramete3?void 0:_InputButton$paramete3.source}}},RadioButton.parameters={...RadioButton.parameters,docs:{...null===(_RadioButton$paramete=RadioButton.parameters)||void 0===_RadioButton$paramete?void 0:_RadioButton$paramete.docs,source:{originalSource:"args => <Button {...args}></Button>",...null===(_RadioButton$paramete2=RadioButton.parameters)||void 0===_RadioButton$paramete2||null===(_RadioButton$paramete3=_RadioButton$paramete2.docs)||void 0===_RadioButton$paramete3?void 0:_RadioButton$paramete3.source}}};const __namedExportsOrder=["Default","Primary","Large","Small","Rounded","ButtonWithHTMLContent","ButtonWithLink","ButtonWithReactLink","DisabledButtonWithReactLink","InputButton","RadioButton"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-Button-stories.c93e9710.iframe.bundle.js b/docs/stories-Button-stories.c93e9710.iframe.bundle.js
new file mode 100644
index 00000000..8cdcef95
--- /dev/null
+++ b/docs/stories-Button-stories.c93e9710.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[256],{"./src/stories/Button.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ButtonWithHTMLContent:()=>ButtonWithHTMLContent,ButtonWithLink:()=>ButtonWithLink,ButtonWithReactLink:()=>ButtonWithReactLink,Default:()=>Default,DisabledButtonWithReactLink:()=>DisabledButtonWithReactLink,InputButton:()=>InputButton,Large:()=>Large,Primary:()=>Primary,RadioButton:()=>RadioButton,Rounded:()=>Rounded,Small:()=>Small,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Button.jsx"),react_router_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Button",component:_Button__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{color:{control:"radio",options:["default","primary"]},inputType:{control:"radio",options:["button","radio"]}}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),RouterTemplate=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.VK,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_1__.Z,{...args})}),Default=Template.bind({});Default.args={color:"default",content:"Button"};const Primary=Template.bind({});Primary.args={color:"primary",content:"Button"};const Large=Template.bind({});Large.args={content:"Button"};const Small=Template.bind({});Small.args={size:"small",content:"Button"};const Rounded=Template.bind({});Rounded.args={rounded:!0,content:"Button"};const ButtonWithHTMLContent=Template.bind({});ButtonWithHTMLContent.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("span",{children:["Button with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("b",{children:"HTML"})," content"]})};const ButtonWithLink=Template.bind({});ButtonWithLink.args={content:"Button with link",href:"test"};const ButtonWithReactLink=RouterTemplate.bind({});ButtonWithReactLink.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.rU,{to:"/test",children:"Button with React Link"})};const DisabledButtonWithReactLink=RouterTemplate.bind({});DisabledButtonWithReactLink.args={disabled:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.rU,{to:"/test",children:"Disabled button with React Link"})};const InputButton=Template.bind({});InputButton.args={content:"InputButton",inputType:"button"};const RadioButton=Template.bind({});RadioButton.args={content:"RadioButton",inputType:"radio",name:"radio-button",defaultChecked:!1},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...Default.parameters?.docs?.source}}},Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...Primary.parameters?.docs?.source}}},Large.parameters={...Large.parameters,docs:{...Large.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...Large.parameters?.docs?.source}}},Small.parameters={...Small.parameters,docs:{...Small.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...Small.parameters?.docs?.source}}},Rounded.parameters={...Rounded.parameters,docs:{...Rounded.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...Rounded.parameters?.docs?.source}}},ButtonWithHTMLContent.parameters={...ButtonWithHTMLContent.parameters,docs:{...ButtonWithHTMLContent.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...ButtonWithHTMLContent.parameters?.docs?.source}}},ButtonWithLink.parameters={...ButtonWithLink.parameters,docs:{...ButtonWithLink.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...ButtonWithLink.parameters?.docs?.source}}},ButtonWithReactLink.parameters={...ButtonWithReactLink.parameters,docs:{...ButtonWithReactLink.parameters?.docs,source:{originalSource:"args => <BrowserRouter>\n        <Button {...args}></Button>\n    </BrowserRouter>",...ButtonWithReactLink.parameters?.docs?.source}}},DisabledButtonWithReactLink.parameters={...DisabledButtonWithReactLink.parameters,docs:{...DisabledButtonWithReactLink.parameters?.docs,source:{originalSource:"args => <BrowserRouter>\n        <Button {...args}></Button>\n    </BrowserRouter>",...DisabledButtonWithReactLink.parameters?.docs?.source}}},InputButton.parameters={...InputButton.parameters,docs:{...InputButton.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...InputButton.parameters?.docs?.source}}},RadioButton.parameters={...RadioButton.parameters,docs:{...RadioButton.parameters?.docs,source:{originalSource:"args => <Button {...args}></Button>",...RadioButton.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Primary","Large","Small","Rounded","ButtonWithHTMLContent","ButtonWithLink","ButtonWithReactLink","DisabledButtonWithReactLink","InputButton","RadioButton"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js b/docs/stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js
new file mode 100644
index 00000000..05c73926
--- /dev/null
+++ b/docs/stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[446],{"./src/stories/CheckBoxIcon.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndSize:()=>CheckedCustomThemeAndSize,CheckedDisabled:()=>CheckedDisabled,CheckedDisabledCustomCheckmark:()=>CheckedDisabledCustomCheckmark,Disabled:()=>Disabled,Unchecked:()=>Unchecked,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxIcon",component:_CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={};const Checked=Template.bind({});Checked.args={checked:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={checked:!0,checkmarkCharacter:"✕"};const Disabled=Template.bind({});Disabled.args={disabled:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={checked:!0,disabled:!0};const CheckedDisabledCustomCheckmark=Template.bind({});CheckedDisabledCustomCheckmark.args={checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={hasErrors:!0,checked:!0,disabled:!0};const CheckedCustomThemeAndSize=Template.bind({});CheckedCustomThemeAndSize.args={checked:!0,size:"36px",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...Unchecked.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...Unchecked.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...Checked.parameters?.docs?.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...CheckedCustomCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...CheckedCustomCheckmark.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...Disabled.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...CheckedDisabled.parameters?.docs?.source}}},CheckedDisabledCustomCheckmark.parameters={...CheckedDisabledCustomCheckmark.parameters,docs:{...CheckedDisabledCustomCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...CheckedDisabledCustomCheckmark.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},CheckedCustomThemeAndSize.parameters={...CheckedCustomThemeAndSize.parameters,docs:{...CheckedCustomThemeAndSize.parameters?.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...CheckedCustomThemeAndSize.parameters?.docs?.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedCustomCheckmark","Disabled","CheckedDisabled","CheckedDisabledCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","CheckedCustomThemeAndSize"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js.LICENSE.txt b/docs/stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js.LICENSE.txt
rename to docs/stories-CheckBoxIcon-stories.392ed0e3.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js b/docs/stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js
deleted file mode 100644
index 8e7eed1f..00000000
--- a/docs/stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-CheckBoxIcon-stories.bd13cea4.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[446],{"./src/stories/CheckBoxIcon.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndSize:()=>CheckedCustomThemeAndSize,CheckedDisabled:()=>CheckedDisabled,CheckedDisabledCustomCheckmark:()=>CheckedDisabledCustomCheckmark,Disabled:()=>Disabled,Unchecked:()=>Unchecked,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Unchecked$parameters,_Unchecked$parameters2,_Unchecked$parameters3,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_CheckedCustomCheckma,_CheckedCustomCheckma2,_CheckedCustomCheckma3,_Disabled$parameters,_Disabled$parameters2,_Disabled$parameters3,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_CheckedDisabledCusto,_CheckedDisabledCusto2,_CheckedDisabledCusto3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_CheckedCustomThemeAn,_CheckedCustomThemeAn2,_CheckedCustomThemeAn3,_CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxIcon",component:_CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={};const Checked=Template.bind({});Checked.args={checked:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={checked:!0,checkmarkCharacter:"✕"};const Disabled=Template.bind({});Disabled.args={disabled:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={checked:!0,disabled:!0};const CheckedDisabledCustomCheckmark=Template.bind({});CheckedDisabledCustomCheckmark.args={checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={hasErrors:!0,checked:!0,disabled:!0};const CheckedCustomThemeAndSize=Template.bind({});CheckedCustomThemeAndSize.args={checked:!0,size:"36px",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...null===(_Unchecked$parameters=Unchecked.parameters)||void 0===_Unchecked$parameters?void 0:_Unchecked$parameters.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_Unchecked$parameters2=Unchecked.parameters)||void 0===_Unchecked$parameters2||null===(_Unchecked$parameters3=_Unchecked$parameters2.docs)||void 0===_Unchecked$parameters3?void 0:_Unchecked$parameters3.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...null===(_CheckedCustomCheckma=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma?void 0:_CheckedCustomCheckma.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_CheckedCustomCheckma2=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma2||null===(_CheckedCustomCheckma3=_CheckedCustomCheckma2.docs)||void 0===_CheckedCustomCheckma3?void 0:_CheckedCustomCheckma3.source}}},Disabled.parameters={...Disabled.parameters,docs:{...null===(_Disabled$parameters=Disabled.parameters)||void 0===_Disabled$parameters?void 0:_Disabled$parameters.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_Disabled$parameters2=Disabled.parameters)||void 0===_Disabled$parameters2||null===(_Disabled$parameters3=_Disabled$parameters2.docs)||void 0===_Disabled$parameters3?void 0:_Disabled$parameters3.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},CheckedDisabledCustomCheckmark.parameters={...CheckedDisabledCustomCheckmark.parameters,docs:{...null===(_CheckedDisabledCusto=CheckedDisabledCustomCheckmark.parameters)||void 0===_CheckedDisabledCusto?void 0:_CheckedDisabledCusto.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_CheckedDisabledCusto2=CheckedDisabledCustomCheckmark.parameters)||void 0===_CheckedDisabledCusto2||null===(_CheckedDisabledCusto3=_CheckedDisabledCusto2.docs)||void 0===_CheckedDisabledCusto3?void 0:_CheckedDisabledCusto3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},CheckedCustomThemeAndSize.parameters={...CheckedCustomThemeAndSize.parameters,docs:{...null===(_CheckedCustomThemeAn=CheckedCustomThemeAndSize.parameters)||void 0===_CheckedCustomThemeAn?void 0:_CheckedCustomThemeAn.docs,source:{originalSource:"args => <CheckBoxIcon {...args} />",...null===(_CheckedCustomThemeAn2=CheckedCustomThemeAndSize.parameters)||void 0===_CheckedCustomThemeAn2||null===(_CheckedCustomThemeAn3=_CheckedCustomThemeAn2.docs)||void 0===_CheckedCustomThemeAn3?void 0:_CheckedCustomThemeAn3.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedCustomCheckmark","Disabled","CheckedDisabled","CheckedDisabledCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","CheckedCustomThemeAndSize"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js b/docs/stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js
new file mode 100644
index 00000000..aeb9cfbf
--- /dev/null
+++ b/docs/stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[291],{"./src/stories/CheckBoxInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxInput.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxInput",component:_CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"checkBoxInput-1",children:"Label for unchecked checkbox"};const Checked=Template.bind({});Checked.args={id:"checkBoxInput-2",children:"Label for checked checkbox",checked:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"checkBoxInput-3",children:"Label for checked disabled checkbox",checked:!0,disabled:!0};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"checkBoxInput-4",children:"Label for unchecked checkbox with content only",contentOnly:!0};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"checkBoxInput-5",children:"Label for checked checkbox with content only",checked:!0,contentOnly:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"checkBoxInput-6",children:"Label for checked checkbox with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={id:"checkBoxInput-7",children:"Label for checkbox with errors",hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"checkBoxInput-8",children:"Label for disabled checkbox with errors",hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"checkBoxInput-9",children:"Label for checked checkbox with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"checkBoxInput-10",children:"Label for checked disabled checkbox with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"checkBoxInput-11",required:!0,children:"Label for required checkbox"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"checkBoxInput-12",children:"Label for checked checkbox with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...Unchecked.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...Unchecked.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...Checked.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...CheckedDisabled.parameters?.docs?.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...UncheckedContentOnly.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...UncheckedContentOnly.parameters?.docs?.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...CheckedContentOnly.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...CheckedContentOnly.parameters?.docs?.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...CheckedCustomCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...CheckedCustomCheckmark.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...Required.parameters?.docs?.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...CheckedCustomThemeAndCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...CheckedCustomThemeAndCheckmark.parameters?.docs?.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js.LICENSE.txt b/docs/stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js.LICENSE.txt
rename to docs/stories-CheckBoxInput-stories.39984e4d.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js b/docs/stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js
deleted file mode 100644
index 94811290..00000000
--- a/docs/stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-CheckBoxInput-stories.5cd06720.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[291],{"./src/stories/CheckBoxInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Unchecked$parameters,_Unchecked$parameters2,_Unchecked$parameters3,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_UncheckedContentOnly,_UncheckedContentOnly2,_UncheckedContentOnly3,_CheckedContentOnly$p,_CheckedContentOnly$p2,_CheckedContentOnly$p3,_CheckedCustomCheckma,_CheckedCustomCheckma2,_CheckedCustomCheckma3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_Required$parameters,_Required$parameters2,_Required$parameters3,_CheckedCustomThemeAn,_CheckedCustomThemeAn2,_CheckedCustomThemeAn3,_CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxInput.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxInput",component:_CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxInput__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"checkBoxInput-1",children:"Label for unchecked checkbox"};const Checked=Template.bind({});Checked.args={id:"checkBoxInput-2",children:"Label for checked checkbox",checked:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"checkBoxInput-3",children:"Label for checked disabled checkbox",checked:!0,disabled:!0};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"checkBoxInput-4",children:"Label for unchecked checkbox with content only",contentOnly:!0};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"checkBoxInput-5",children:"Label for checked checkbox with content only",checked:!0,contentOnly:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"checkBoxInput-6",children:"Label for checked checkbox with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={id:"checkBoxInput-7",children:"Label for checkbox with errors",hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"checkBoxInput-8",children:"Label for disabled checkbox with errors",hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"checkBoxInput-9",children:"Label for checked checkbox with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"checkBoxInput-10",children:"Label for checked disabled checkbox with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"checkBoxInput-11",required:!0,children:"Label for required checkbox"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"checkBoxInput-12",children:"Label for checked checkbox with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...null===(_Unchecked$parameters=Unchecked.parameters)||void 0===_Unchecked$parameters?void 0:_Unchecked$parameters.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_Unchecked$parameters2=Unchecked.parameters)||void 0===_Unchecked$parameters2||null===(_Unchecked$parameters3=_Unchecked$parameters2.docs)||void 0===_Unchecked$parameters3?void 0:_Unchecked$parameters3.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...null===(_UncheckedContentOnly=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly?void 0:_UncheckedContentOnly.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_UncheckedContentOnly2=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly2||null===(_UncheckedContentOnly3=_UncheckedContentOnly2.docs)||void 0===_UncheckedContentOnly3?void 0:_UncheckedContentOnly3.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...null===(_CheckedContentOnly$p=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p?void 0:_CheckedContentOnly$p.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_CheckedContentOnly$p2=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p2||null===(_CheckedContentOnly$p3=_CheckedContentOnly$p2.docs)||void 0===_CheckedContentOnly$p3?void 0:_CheckedContentOnly$p3.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...null===(_CheckedCustomCheckma=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma?void 0:_CheckedCustomCheckma.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_CheckedCustomCheckma2=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma2||null===(_CheckedCustomCheckma3=_CheckedCustomCheckma2.docs)||void 0===_CheckedCustomCheckma3?void 0:_CheckedCustomCheckma3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...null===(_CheckedCustomThemeAn=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn?void 0:_CheckedCustomThemeAn.docs,source:{originalSource:"args => <CheckBoxInput {...args} />",...null===(_CheckedCustomThemeAn2=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn2||null===(_CheckedCustomThemeAn3=_CheckedCustomThemeAn2.docs)||void 0===_CheckedCustomThemeAn3?void 0:_CheckedCustomThemeAn3.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js b/docs/stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js
deleted file mode 100644
index 83da3e66..00000000
--- a/docs/stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[602],{"./src/stories/CheckBoxList.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Compact:()=>Compact,Default:()=>Default,Required:()=>Required,Themed:()=>Themed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Required$parameters,_Required$parameters2,_Required$parameters3,_Compact$parameters,_Compact$parameters2,_Compact$parameters2$,_Themed$parameters,_Themed$parameters2,_Themed$parameters2$d,_CheckBoxList__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxList.jsx"),_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxList",component:_CheckBoxList__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>{const checkBoxListArgs={...args};delete checkBoxListArgs.theme;const checkBoxListItemArgs={theme:args.theme};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_CheckBoxList__WEBPACK_IMPORTED_MODULE_1__.Z,{...checkBoxListArgs,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__.Z,{onChange:()=>{console.log("onchange")},checked:!0,name:"checkboxlist",theme:checkBoxListItemArgs.theme,id:"checkboxList-listItem-1",children:"Label for checked checkbox"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__.Z,{onChange:()=>{console.log("onchange")},name:"checkboxlist",theme:checkBoxListItemArgs.theme,id:"checkboxList-listItem-2",children:"Label for unchecked checkbox"})]})},Default=Template.bind({});Default.args={legend:"Default checkbox list"};const Required=Template.bind({});Required.args={legend:"Required checkbox list",required:!0};const Compact=Template.bind({});Compact.args={legend:"Compact checkbox list",compact:!0};const Themed=Template.bind({});Themed.args={legend:"Themed checkbox list",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_3__.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},Compact.parameters={...Compact.parameters,docs:{...null===(_Compact$parameters=Compact.parameters)||void 0===_Compact$parameters?void 0:_Compact$parameters.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...null===(_Compact$parameters2=Compact.parameters)||void 0===_Compact$parameters2||null===(_Compact$parameters2$=_Compact$parameters2.docs)||void 0===_Compact$parameters2$?void 0:_Compact$parameters2$.source}}},Themed.parameters={...Themed.parameters,docs:{...null===(_Themed$parameters=Themed.parameters)||void 0===_Themed$parameters?void 0:_Themed$parameters.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...null===(_Themed$parameters2=Themed.parameters)||void 0===_Themed$parameters2||null===(_Themed$parameters2$d=_Themed$parameters2.docs)||void 0===_Themed$parameters2$d?void 0:_Themed$parameters2$d.source}}};const __namedExportsOrder=["Default","Required","Compact","Themed"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxList.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxList});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxList_module_checkBoxList="CheckBoxList_checkBoxList__U47JD",CheckBoxList_module_requiredSymbol="CheckBoxList_requiredSymbol__+jZAJ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:CheckBoxList_module_checkBoxList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="CheckBoxListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_CheckBoxList=CheckBoxList;CheckBoxList.__docgenInfo={description:"",methods:[],displayName:"CheckBoxList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"],id:props.id,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js b/docs/stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js
new file mode 100644
index 00000000..8dafaf27
--- /dev/null
+++ b/docs/stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[602],{"./src/stories/CheckBoxList.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Compact:()=>Compact,Default:()=>Default,Required:()=>Required,Themed:()=>Themed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _CheckBoxList__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxList.jsx"),_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxList",component:_CheckBoxList__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>{const checkBoxListArgs={...args};delete checkBoxListArgs.theme;const checkBoxListItemArgs={theme:args.theme};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_CheckBoxList__WEBPACK_IMPORTED_MODULE_1__.Z,{...checkBoxListArgs,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__.Z,{onChange:()=>{console.log("onchange")},checked:!0,name:"checkboxlist",theme:checkBoxListItemArgs.theme,id:"checkboxList-listItem-1",children:"Label for checked checkbox"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_2__.Z,{onChange:()=>{console.log("onchange")},name:"checkboxlist",theme:checkBoxListItemArgs.theme,id:"checkboxList-listItem-2",children:"Label for unchecked checkbox"})]})},Default=Template.bind({});Default.args={legend:"Default checkbox list"};const Required=Template.bind({});Required.args={legend:"Required checkbox list",required:!0};const Compact=Template.bind({});Compact.args={legend:"Compact checkbox list",compact:!0};const Themed=Template.bind({});Themed.args={legend:"Themed checkbox list",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_3__.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...Default.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...Required.parameters?.docs?.source}}},Compact.parameters={...Compact.parameters,docs:{...Compact.parameters?.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...Compact.parameters?.docs?.source}}},Themed.parameters={...Themed.parameters,docs:{...Themed.parameters?.docs,source:{originalSource:'args => {\n  const checkBoxListArgs = {\n    ...args\n  };\n  delete checkBoxListArgs.theme;\n  const checkBoxListItemArgs = {\n    theme: args.theme\n  };\n  return <CheckBoxList {...checkBoxListArgs}>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} checked={true} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-1">\n                Label for checked checkbox\n            </CheckBoxListItem>\n            <CheckBoxListItem onChange={() => {\n      console.log("onchange");\n    }} name="checkboxlist" theme={checkBoxListItemArgs.theme} id="checkboxList-listItem-2">\n                Label for unchecked checkbox\n            </CheckBoxListItem>\n        </CheckBoxList>;\n}',...Themed.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Required","Compact","Themed"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxList.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxList});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxList_module_checkBoxList="CheckBoxList_checkBoxList__U47JD",CheckBoxList_module_requiredSymbol="CheckBoxList_requiredSymbol__+jZAJ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:CheckBoxList_module_checkBoxList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="CheckBoxListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_CheckBoxList=CheckBoxList;CheckBoxList.__docgenInfo={description:"",methods:[],displayName:"CheckBoxList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],id:props.id,name:props.name,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js.LICENSE.txt b/docs/stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-CheckBoxList-stories.9c0ae604.iframe.bundle.js.LICENSE.txt
rename to docs/stories-CheckBoxList-stories.b8639dc3.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js b/docs/stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js
new file mode 100644
index 00000000..3d49848d
--- /dev/null
+++ b/docs/stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[768],{"./src/stories/CheckBoxListItem.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Compact:()=>Compact,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxListItem",component:_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"checkBoxListItem-1",children:"Label for unchecked checkbox",name:"checkboxListItem"};const Checked=Template.bind({});Checked.args={id:"checkBoxListItem-2",children:"Label for checked checkbox",checked:!0,name:"checkboxListItem"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"checkBoxListItem-3",children:"Label for checked disabled checkbox",checked:!0,disabled:!0};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"checkBoxListItem-4",children:"Label for unchecked checkbox with content only",contentOnly:!0};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"checkBoxListItem-5",children:"Label for checked checkbox with content only",checked:!0,contentOnly:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"checkBoxListItem-6",children:"Label for checked checkbox with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={id:"checkBoxListItem-7",children:"Label for checkbox with errors",hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"checkBoxListItem-8",children:"Label for disabled checkbox with errors",hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"checkBoxListItem-9",children:"Label for checked checkbox with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"checkBoxListItem-10",children:"Label for checked disabled checkbox with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"checkBoxListItem-12",required:!0,children:"Label for required checkbox"};const Compact=Template.bind({});Compact.args={id:"checkBoxListItem-12",compact:!0,children:"Label for compact checkbox"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"checkBoxListItem-13",children:"Label for checked checkbox with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...Unchecked.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...Unchecked.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...Checked.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...CheckedDisabled.parameters?.docs?.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...UncheckedContentOnly.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...UncheckedContentOnly.parameters?.docs?.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...CheckedContentOnly.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...CheckedContentOnly.parameters?.docs?.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...CheckedCustomCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...CheckedCustomCheckmark.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...Required.parameters?.docs?.source}}},Compact.parameters={...Compact.parameters,docs:{...Compact.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...Compact.parameters?.docs?.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...CheckedCustomThemeAndCheckmark.parameters?.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...CheckedCustomThemeAndCheckmark.parameters?.docs?.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","Compact","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],id:props.id,name:props.name,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js.LICENSE.txt b/docs/stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js.LICENSE.txt
rename to docs/stories-CheckBoxListItem-stories.ae844593.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js b/docs/stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js
deleted file mode 100644
index 24115e2b..00000000
--- a/docs/stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-CheckBoxListItem-stories.c27b9ea2.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[768],{"./src/stories/CheckBoxListItem.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Compact:()=>Compact,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Unchecked$parameters,_Unchecked$parameters2,_Unchecked$parameters3,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_UncheckedContentOnly,_UncheckedContentOnly2,_UncheckedContentOnly3,_CheckedContentOnly$p,_CheckedContentOnly$p2,_CheckedContentOnly$p3,_CheckedCustomCheckma,_CheckedCustomCheckma2,_CheckedCustomCheckma3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_Required$parameters,_Required$parameters2,_Required$parameters3,_Compact$parameters,_Compact$parameters2,_Compact$parameters2$,_CheckedCustomThemeAn,_CheckedCustomThemeAn2,_CheckedCustomThemeAn3,_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/CheckBoxListItem",component:_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_CheckBoxListItem__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"checkBoxListItem-1",children:"Label for unchecked checkbox",name:"checkboxListItem"};const Checked=Template.bind({});Checked.args={id:"checkBoxListItem-2",children:"Label for checked checkbox",checked:!0,name:"checkboxListItem"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"checkBoxListItem-3",children:"Label for checked disabled checkbox",checked:!0,disabled:!0};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"checkBoxListItem-4",children:"Label for unchecked checkbox with content only",contentOnly:!0};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"checkBoxListItem-5",children:"Label for checked checkbox with content only",checked:!0,contentOnly:!0};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"checkBoxListItem-6",children:"Label for checked checkbox with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕"};const hasErrors=Template.bind({});hasErrors.args={id:"checkBoxListItem-7",children:"Label for checkbox with errors",hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"checkBoxListItem-8",children:"Label for disabled checkbox with errors",hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"checkBoxListItem-9",children:"Label for checked checkbox with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"checkBoxListItem-10",children:"Label for checked disabled checkbox with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"checkBoxListItem-12",required:!0,children:"Label for required checkbox"};const Compact=Template.bind({});Compact.args={id:"checkBoxListItem-12",compact:!0,children:"Label for compact checkbox"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"checkBoxListItem-13",children:"Label for checked checkbox with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...null===(_Unchecked$parameters=Unchecked.parameters)||void 0===_Unchecked$parameters?void 0:_Unchecked$parameters.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_Unchecked$parameters2=Unchecked.parameters)||void 0===_Unchecked$parameters2||null===(_Unchecked$parameters3=_Unchecked$parameters2.docs)||void 0===_Unchecked$parameters3?void 0:_Unchecked$parameters3.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...null===(_UncheckedContentOnly=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly?void 0:_UncheckedContentOnly.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_UncheckedContentOnly2=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly2||null===(_UncheckedContentOnly3=_UncheckedContentOnly2.docs)||void 0===_UncheckedContentOnly3?void 0:_UncheckedContentOnly3.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...null===(_CheckedContentOnly$p=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p?void 0:_CheckedContentOnly$p.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_CheckedContentOnly$p2=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p2||null===(_CheckedContentOnly$p3=_CheckedContentOnly$p2.docs)||void 0===_CheckedContentOnly$p3?void 0:_CheckedContentOnly$p3.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...null===(_CheckedCustomCheckma=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma?void 0:_CheckedCustomCheckma.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_CheckedCustomCheckma2=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma2||null===(_CheckedCustomCheckma3=_CheckedCustomCheckma2.docs)||void 0===_CheckedCustomCheckma3?void 0:_CheckedCustomCheckma3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},Compact.parameters={...Compact.parameters,docs:{...null===(_Compact$parameters=Compact.parameters)||void 0===_Compact$parameters?void 0:_Compact$parameters.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_Compact$parameters2=Compact.parameters)||void 0===_Compact$parameters2||null===(_Compact$parameters2$=_Compact$parameters2.docs)||void 0===_Compact$parameters2$?void 0:_Compact$parameters2$.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...null===(_CheckedCustomThemeAn=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn?void 0:_CheckedCustomThemeAn.docs,source:{originalSource:"args => <CheckBoxListItem {...args} />",...null===(_CheckedCustomThemeAn2=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn2||null===(_CheckedCustomThemeAn3=_CheckedCustomThemeAn2.docs)||void 0===_CheckedCustomThemeAn3?void 0:_CheckedCustomThemeAn3.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","Compact","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"],id:props.id,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Container-stories.7a7cb6c6.iframe.bundle.js b/docs/stories-Container-stories.7a7cb6c6.iframe.bundle.js
deleted file mode 100644
index 60c4016e..00000000
--- a/docs/stories-Container-stories.7a7cb6c6.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Container-stories.7a7cb6c6.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[665],{"./src/stories/Container.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Container__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Container.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Container",component:_Container__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Default=(args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Container__WEBPACK_IMPORTED_MODULE_1__.Z,{...args})).bind({});Default.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:"Container content here"})},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Container {...args}></Container>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}};const __namedExportsOrder=["Default"]},"./src/stories/Container.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Container});__webpack_require__("./node_modules/react/index.js");const Container_module_container="Container_container__VMwvZ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Container=props=>(0,jsx_runtime.jsx)("div",{className:Container_module_container,children:props.children}),stories_Container=Container;Container.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Container"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Container-stories.cdbbc7b1.iframe.bundle.js b/docs/stories-Container-stories.cdbbc7b1.iframe.bundle.js
new file mode 100644
index 00000000..902af2d3
--- /dev/null
+++ b/docs/stories-Container-stories.cdbbc7b1.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Container-stories.cdbbc7b1.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[665],{"./src/stories/Container.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Container__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Container.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Container",component:_Container__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Default=(args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Container__WEBPACK_IMPORTED_MODULE_1__.Z,{...args})).bind({});Default.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:"Container content here"})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Container {...args}></Container>",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./src/stories/Container.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Container});__webpack_require__("./node_modules/react/index.js");const Container_module_container="Container_container__VMwvZ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Container=props=>(0,jsx_runtime.jsx)("div",{className:Container_module_container,children:props.children}),stories_Container=Container;Container.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Container"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Container-stories.7a7cb6c6.iframe.bundle.js.LICENSE.txt b/docs/stories-Container-stories.cdbbc7b1.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Container-stories.7a7cb6c6.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Container-stories.cdbbc7b1.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-ContentBox-stories.5763f36e.iframe.bundle.js b/docs/stories-ContentBox-stories.5763f36e.iframe.bundle.js
deleted file mode 100644
index 3085c0ac..00000000
--- a/docs/stories-ContentBox-stories.5763f36e.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-ContentBox-stories.5763f36e.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[19],{"./src/stories/ContentBox.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DefaultWithoutTitle:()=>DefaultWithoutTitle,Info:()=>Info,LightCyan:()=>LightCyan,LightLime:()=>LightLime,LightOrange:()=>LightOrange,Lime:()=>Lime,Orange:()=>Orange,Primary:()=>Primary,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ContentBox_stories});__webpack_require__("./node_modules/react/index.js");const ContentBox_module={flex:"ContentBox_flex__+wQME","main-content":"ContentBox_main-content__cPVvc",contentBox:"ContentBox_contentBox__x+3-6",link:"ContentBox_link__23gAd",default:"ContentBox_default__h2ZX2",content:"ContentBox_content__TA2+u",title:"ContentBox_title__02JfU",primary:"ContentBox_primary__aaj0j",success:"ContentBox_success__XRylc",warning:"ContentBox_warning__GbYwz",info:"ContentBox_info__Hm1DW",lightCyan:"ContentBox_lightCyan__AyMvv",orange:"ContentBox_orange__X3bJV",lightOrange:"ContentBox_lightOrange__F2lEp",lime:"ContentBox_lime__YaPNX",lightLime:"ContentBox_lightLime__g8+-6",regular:"ContentBox_regular__6yK0L",large:"ContentBox_large__aMKNl"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ContentBox=props=>{var _props$content;const renderTitle=()=>{let className=ContentBox_module.title+" "+ContentBox_module[props.titleSize];return props.title?(0,jsx_runtime.jsx)("h2",{className,children:props.title}):void 0};let colorClass=" "+ContentBox_module[props.color],linkClass=props.href?" "+ContentBox_module.link:"",className=ContentBox_module.contentBox+colorClass+linkClass;const bodyContent=null!==(_props$content=props.content)&&void 0!==_props$content&&_props$content.length?props.content:props.children;return props.href?(0,jsx_runtime.jsxs)("a",{href:props.href,className,children:[renderTitle(),(0,jsx_runtime.jsx)("div",{className:ContentBox_module.content,children:bodyContent})]}):(0,jsx_runtime.jsxs)("div",{className,children:[renderTitle(),(0,jsx_runtime.jsx)("div",{className:ContentBox_module.content,children:bodyContent})]})};ContentBox.defaultProps={title:null,titleSize:"regular",href:null,content:"",color:"default"};const stories_ContentBox=ContentBox;var _DefaultWithoutTitle$,_DefaultWithoutTitle$2,_DefaultWithoutTitle$3,_Default$parameters,_Default$parameters2,_Default$parameters2$,_Primary$parameters,_Primary$parameters2,_Primary$parameters2$,_Success$parameters,_Success$parameters2,_Success$parameters2$,_Warning$parameters,_Warning$parameters2,_Warning$parameters2$,_Info$parameters,_Info$parameters2,_Info$parameters2$doc,_LightCyan$parameters,_LightCyan$parameters2,_LightCyan$parameters3,_Orange$parameters,_Orange$parameters2,_Orange$parameters2$d,_LightOrange$paramete,_LightOrange$paramete2,_LightOrange$paramete3,_Lime$parameters,_Lime$parameters2,_Lime$parameters2$doc,_LightLime$parameters,_LightLime$parameters2,_LightLime$parameters3;ContentBox.__docgenInfo={description:"",methods:[],displayName:"ContentBox",props:{title:{defaultValue:{value:"null",computed:!1},description:"Content title inside box",type:{name:"string"},required:!1},titleSize:{defaultValue:{value:'"regular"',computed:!1},description:"",type:{name:"enum",value:[{value:'"regular"',computed:!1},{value:'"large"',computed:!1}]},required:!1},href:{defaultValue:{value:"null",computed:!1},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"Text content inside box",type:{name:"string"},required:!1},color:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1},{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"info"',computed:!1},{value:'"lightCyan"',computed:!1},{value:'"orange"',computed:!1},{value:'"lightOrange"',computed:!1},{value:'"lime"',computed:!1},{value:'"lightLime"',computed:!1}]},required:!1},children:{description:"HTML content inside box if not content is set",type:{name:"any"},required:!1}}};const ContentBox_stories={title:"Example/ContentBox",component:stories_ContentBox,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ContentBox,{...args}),DefaultWithoutTitle=Template.bind({});DefaultWithoutTitle.args={color:"default",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with default color"})};const Default=Template.bind({});Default.args={color:"default",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with default color"})};const Primary=Template.bind({});Primary.args={color:"primary",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with primary color"})};const Success=Template.bind({});Success.args={color:"success",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with success color"})};const Warning=Template.bind({});Warning.args={color:"warning",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with warning color"})};const Info=Template.bind({});Info.args={color:"info",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with info color"})};const LightCyan=Template.bind({});LightCyan.args={color:"lightCyan",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light cyan color"})};const Orange=Template.bind({});Orange.args={color:"orange",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with orange color"})};const LightOrange=Template.bind({});LightOrange.args={color:"lightOrange",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light orange color"})};const Lime=Template.bind({});Lime.args={color:"lime",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with lime color"})};const LightLime=Template.bind({});LightLime.args={color:"lightLime",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light lime color"})},DefaultWithoutTitle.parameters={...DefaultWithoutTitle.parameters,docs:{...null===(_DefaultWithoutTitle$=DefaultWithoutTitle.parameters)||void 0===_DefaultWithoutTitle$?void 0:_DefaultWithoutTitle$.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_DefaultWithoutTitle$2=DefaultWithoutTitle.parameters)||void 0===_DefaultWithoutTitle$2||null===(_DefaultWithoutTitle$3=_DefaultWithoutTitle$2.docs)||void 0===_DefaultWithoutTitle$3?void 0:_DefaultWithoutTitle$3.source}}},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Primary.parameters={...Primary.parameters,docs:{...null===(_Primary$parameters=Primary.parameters)||void 0===_Primary$parameters?void 0:_Primary$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Primary$parameters2=Primary.parameters)||void 0===_Primary$parameters2||null===(_Primary$parameters2$=_Primary$parameters2.docs)||void 0===_Primary$parameters2$?void 0:_Primary$parameters2$.source}}},Success.parameters={...Success.parameters,docs:{...null===(_Success$parameters=Success.parameters)||void 0===_Success$parameters?void 0:_Success$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Success$parameters2=Success.parameters)||void 0===_Success$parameters2||null===(_Success$parameters2$=_Success$parameters2.docs)||void 0===_Success$parameters2$?void 0:_Success$parameters2$.source}}},Warning.parameters={...Warning.parameters,docs:{...null===(_Warning$parameters=Warning.parameters)||void 0===_Warning$parameters?void 0:_Warning$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Warning$parameters2=Warning.parameters)||void 0===_Warning$parameters2||null===(_Warning$parameters2$=_Warning$parameters2.docs)||void 0===_Warning$parameters2$?void 0:_Warning$parameters2$.source}}},Info.parameters={...Info.parameters,docs:{...null===(_Info$parameters=Info.parameters)||void 0===_Info$parameters?void 0:_Info$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Info$parameters2=Info.parameters)||void 0===_Info$parameters2||null===(_Info$parameters2$doc=_Info$parameters2.docs)||void 0===_Info$parameters2$doc?void 0:_Info$parameters2$doc.source}}},LightCyan.parameters={...LightCyan.parameters,docs:{...null===(_LightCyan$parameters=LightCyan.parameters)||void 0===_LightCyan$parameters?void 0:_LightCyan$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_LightCyan$parameters2=LightCyan.parameters)||void 0===_LightCyan$parameters2||null===(_LightCyan$parameters3=_LightCyan$parameters2.docs)||void 0===_LightCyan$parameters3?void 0:_LightCyan$parameters3.source}}},Orange.parameters={...Orange.parameters,docs:{...null===(_Orange$parameters=Orange.parameters)||void 0===_Orange$parameters?void 0:_Orange$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Orange$parameters2=Orange.parameters)||void 0===_Orange$parameters2||null===(_Orange$parameters2$d=_Orange$parameters2.docs)||void 0===_Orange$parameters2$d?void 0:_Orange$parameters2$d.source}}},LightOrange.parameters={...LightOrange.parameters,docs:{...null===(_LightOrange$paramete=LightOrange.parameters)||void 0===_LightOrange$paramete?void 0:_LightOrange$paramete.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_LightOrange$paramete2=LightOrange.parameters)||void 0===_LightOrange$paramete2||null===(_LightOrange$paramete3=_LightOrange$paramete2.docs)||void 0===_LightOrange$paramete3?void 0:_LightOrange$paramete3.source}}},Lime.parameters={...Lime.parameters,docs:{...null===(_Lime$parameters=Lime.parameters)||void 0===_Lime$parameters?void 0:_Lime$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_Lime$parameters2=Lime.parameters)||void 0===_Lime$parameters2||null===(_Lime$parameters2$doc=_Lime$parameters2.docs)||void 0===_Lime$parameters2$doc?void 0:_Lime$parameters2$doc.source}}},LightLime.parameters={...LightLime.parameters,docs:{...null===(_LightLime$parameters=LightLime.parameters)||void 0===_LightLime$parameters?void 0:_LightLime$parameters.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...null===(_LightLime$parameters2=LightLime.parameters)||void 0===_LightLime$parameters2||null===(_LightLime$parameters3=_LightLime$parameters2.docs)||void 0===_LightLime$parameters3?void 0:_LightLime$parameters3.source}}};const __namedExportsOrder=["DefaultWithoutTitle","Default","Primary","Success","Warning","Info","LightCyan","Orange","LightOrange","Lime","LightLime"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ContentBox-stories.ba5c7d68.iframe.bundle.js b/docs/stories-ContentBox-stories.ba5c7d68.iframe.bundle.js
new file mode 100644
index 00000000..011a02b1
--- /dev/null
+++ b/docs/stories-ContentBox-stories.ba5c7d68.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-ContentBox-stories.ba5c7d68.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[19],{"./src/stories/ContentBox.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DefaultWithoutTitle:()=>DefaultWithoutTitle,Info:()=>Info,LightCyan:()=>LightCyan,LightLime:()=>LightLime,LightOrange:()=>LightOrange,Lime:()=>Lime,Orange:()=>Orange,Primary:()=>Primary,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ContentBox_stories});__webpack_require__("./node_modules/react/index.js");const ContentBox_module={flex:"ContentBox_flex__+wQME","main-content":"ContentBox_main-content__cPVvc",contentBox:"ContentBox_contentBox__x+3-6",link:"ContentBox_link__23gAd",default:"ContentBox_default__h2ZX2",content:"ContentBox_content__TA2+u",title:"ContentBox_title__02JfU",primary:"ContentBox_primary__aaj0j",success:"ContentBox_success__XRylc",warning:"ContentBox_warning__GbYwz",info:"ContentBox_info__Hm1DW",lightCyan:"ContentBox_lightCyan__AyMvv",orange:"ContentBox_orange__X3bJV",lightOrange:"ContentBox_lightOrange__F2lEp",lime:"ContentBox_lime__YaPNX",lightLime:"ContentBox_lightLime__g8+-6",regular:"ContentBox_regular__6yK0L",large:"ContentBox_large__aMKNl"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ContentBox=props=>{var _props$content;const renderTitle=()=>{let className=ContentBox_module.title+" "+ContentBox_module[props.titleSize];return props.title?(0,jsx_runtime.jsx)("h2",{className,children:props.title}):void 0};let colorClass=" "+ContentBox_module[props.color],linkClass=props.href?" "+ContentBox_module.link:"",className=ContentBox_module.contentBox+colorClass+linkClass;const bodyContent=null!==(_props$content=props.content)&&void 0!==_props$content&&_props$content.length?props.content:props.children;return props.href?(0,jsx_runtime.jsxs)("a",{href:props.href,className,children:[renderTitle(),(0,jsx_runtime.jsx)("div",{className:ContentBox_module.content,children:bodyContent})]}):(0,jsx_runtime.jsxs)("div",{className,children:[renderTitle(),(0,jsx_runtime.jsx)("div",{className:ContentBox_module.content,children:bodyContent})]})};ContentBox.defaultProps={title:null,titleSize:"regular",href:null,content:"",color:"default"};const stories_ContentBox=ContentBox;ContentBox.__docgenInfo={description:"",methods:[],displayName:"ContentBox",props:{title:{defaultValue:{value:"null",computed:!1},description:"Content title inside box",type:{name:"string"},required:!1},titleSize:{defaultValue:{value:'"regular"',computed:!1},description:"",type:{name:"enum",value:[{value:'"regular"',computed:!1},{value:'"large"',computed:!1}]},required:!1},href:{defaultValue:{value:"null",computed:!1},required:!1},content:{defaultValue:{value:'""',computed:!1},description:"Text content inside box",type:{name:"string"},required:!1},color:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1},{value:'"success"',computed:!1},{value:'"warning"',computed:!1},{value:'"info"',computed:!1},{value:'"lightCyan"',computed:!1},{value:'"orange"',computed:!1},{value:'"lightOrange"',computed:!1},{value:'"lime"',computed:!1},{value:'"lightLime"',computed:!1}]},required:!1},children:{description:"HTML content inside box if not content is set",type:{name:"any"},required:!1}}};const ContentBox_stories={title:"Example/ContentBox",component:stories_ContentBox,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ContentBox,{...args}),DefaultWithoutTitle=Template.bind({});DefaultWithoutTitle.args={color:"default",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with default color"})};const Default=Template.bind({});Default.args={color:"default",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with default color"})};const Primary=Template.bind({});Primary.args={color:"primary",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with primary color"})};const Success=Template.bind({});Success.args={color:"success",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with success color"})};const Warning=Template.bind({});Warning.args={color:"warning",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with warning color"})};const Info=Template.bind({});Info.args={color:"info",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with info color"})};const LightCyan=Template.bind({});LightCyan.args={color:"lightCyan",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light cyan color"})};const Orange=Template.bind({});Orange.args={color:"orange",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with orange color"})};const LightOrange=Template.bind({});LightOrange.args={color:"lightOrange",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light orange color"})};const Lime=Template.bind({});Lime.args={color:"lime",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with lime color"})};const LightLime=Template.bind({});LightLime.args={color:"lightLime",title:"Box title",children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Box with light lime color"})},DefaultWithoutTitle.parameters={...DefaultWithoutTitle.parameters,docs:{...DefaultWithoutTitle.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...DefaultWithoutTitle.parameters?.docs?.source}}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Default.parameters?.docs?.source}}},Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Primary.parameters?.docs?.source}}},Success.parameters={...Success.parameters,docs:{...Success.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Success.parameters?.docs?.source}}},Warning.parameters={...Warning.parameters,docs:{...Warning.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Warning.parameters?.docs?.source}}},Info.parameters={...Info.parameters,docs:{...Info.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Info.parameters?.docs?.source}}},LightCyan.parameters={...LightCyan.parameters,docs:{...LightCyan.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...LightCyan.parameters?.docs?.source}}},Orange.parameters={...Orange.parameters,docs:{...Orange.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Orange.parameters?.docs?.source}}},LightOrange.parameters={...LightOrange.parameters,docs:{...LightOrange.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...LightOrange.parameters?.docs?.source}}},Lime.parameters={...Lime.parameters,docs:{...Lime.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...Lime.parameters?.docs?.source}}},LightLime.parameters={...LightLime.parameters,docs:{...LightLime.parameters?.docs,source:{originalSource:"args => <ContentBox {...args}></ContentBox>",...LightLime.parameters?.docs?.source}}};const __namedExportsOrder=["DefaultWithoutTitle","Default","Primary","Success","Warning","Info","LightCyan","Orange","LightOrange","Lime","LightLime"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ContentBox-stories.5763f36e.iframe.bundle.js.LICENSE.txt b/docs/stories-ContentBox-stories.ba5c7d68.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-ContentBox-stories.5763f36e.iframe.bundle.js.LICENSE.txt
rename to docs/stories-ContentBox-stories.ba5c7d68.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Dialog-stories.232ef302.iframe.bundle.js b/docs/stories-Dialog-stories.232ef302.iframe.bundle.js
deleted file mode 100644
index 6cde40f5..00000000
--- a/docs/stories-Dialog-stories.232ef302.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Dialog-stories.232ef302.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[476],{"./src/stories/Dialog.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Dialog_stories});var react=__webpack_require__("./node_modules/react/index.js");const x_symbolurl=__webpack_require__.p+"static/media/x-symbol.5505485df25583889a04e97f14bacce9.svg",Dialog_module_dialogOverlay="Dialog_dialogOverlay__tBwwW",Dialog_module_hidden="Dialog_hidden__E-zYj",Dialog_module_dialogContent="Dialog_dialogContent__OPhwR",Dialog_module_noPadding="Dialog_noPadding__T60le",Dialog_module_closeButton="Dialog_closeButton__nQr0s";var helpers=__webpack_require__("./src/functions/helpers.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Dialog=props=>{const dialogRef=(0,react.useRef)(),wrapperRef=(0,react.useCallback)((element=>{element&&(0,helpers.SD)(element)}),[]);return(0,react.useEffect)((()=>{document.addEventListener("mousedown",(event=>{null!=dialogRef&&dialogRef.current&&!dialogRef.current.contains(event.target)&&props.onClickOutside()})),document.addEventListener("keydown",(event=>{if(27!==event.keyCode)return null;props.onClickOutside&&props.onClickOutside()}),!1)}),[props,wrapperRef]),(0,jsx_runtime.jsx)("div",{className:"".concat(Dialog_module_dialogOverlay," ").concat(props.hidden&&Dialog_module_hidden),ref:wrapperRef,children:(0,jsx_runtime.jsxs)("div",{ref:dialogRef,className:"".concat(Dialog_module_dialogContent," ").concat(props.noPadding?Dialog_module_noPadding:""),style:{maxWidth:props.maxWidth},children:[props.closeButton?(0,jsx_runtime.jsx)("button",{"aria-label":"Lukk dialog",onClick:props.onClickOutside,className:Dialog_module_closeButton,children:(0,jsx_runtime.jsx)("img",{src:x_symbolurl,alt:""})}):null,(0,jsx_runtime.jsx)("div",{"aria-live":"assertive",role:"dialog",children:props.children})]})})};Dialog.defaultProps={maxWidth:"none"};const stories_Dialog=Dialog;var _Default$parameters,_Default$parameters2,_Default$parameters2$;Dialog.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{maxWidth:{defaultValue:{value:'"none"',computed:!1},description:"Sets max width for modal content element",type:{name:"string"},required:!1},noPadding:{description:"Removes padding from modal content element",type:{name:"bool"},required:!1},closeButton:{description:"Displays close button in upper right corner",type:{name:"bool"},required:!1},onClickOutside:{description:"Function for click outside modal content element or click on close button element",type:{name:"func"},required:!0}}};const Dialog_stories={title:"Example/Dialog",component:stories_Dialog,argTypes:{}},Default=(args=>{const[showDialog,setShowDialog]=(0,react.useState)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("button",{onClick:()=>setShowDialog(!0),children:"Show dialog"}),showDialog&&(0,jsx_runtime.jsx)(stories_Dialog,{...args,onClickOutside:()=>setShowDialog(!1)})]})}).bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Dialog title"}),(0,jsx_runtime.jsx)("p",{children:"dialog paragraph"})]}),closeButton:!0,onClickOutside:()=>{console.log("clicked outside")}},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => {\n  const [showDialog, setShowDialog] = useState();\n  return <>\n            <button onClick={() => setShowDialog(true)}>Show dialog</button>\n            {showDialog && <Dialog {...args} onClickOutside={() => setShowDialog(false)}></Dialog>}\n        </>;\n}",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}};const __namedExportsOrder=["Default"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Dialog-stories.f96a4fc4.iframe.bundle.js b/docs/stories-Dialog-stories.f96a4fc4.iframe.bundle.js
new file mode 100644
index 00000000..552a6885
--- /dev/null
+++ b/docs/stories-Dialog-stories.f96a4fc4.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Dialog-stories.f96a4fc4.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[476],{"./src/stories/Dialog.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Dialog_stories});var react=__webpack_require__("./node_modules/react/index.js");const x_symbolurl=__webpack_require__.p+"static/media/x-symbol.5505485df25583889a04e97f14bacce9.svg",Dialog_module_dialogOverlay="Dialog_dialogOverlay__tBwwW",Dialog_module_hidden="Dialog_hidden__E-zYj",Dialog_module_dialogContent="Dialog_dialogContent__OPhwR",Dialog_module_noPadding="Dialog_noPadding__T60le",Dialog_module_closeButton="Dialog_closeButton__nQr0s";var helpers=__webpack_require__("./src/functions/helpers.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Dialog=props=>{const dialogRef=(0,react.useRef)(),wrapperRef=(0,react.useCallback)((element=>{element&&(0,helpers.SD)(element)}),[]);return(0,react.useEffect)((()=>{document.addEventListener("mousedown",(event=>{null!=dialogRef&&dialogRef.current&&!dialogRef.current.contains(event.target)&&props.onClickOutside()})),document.addEventListener("keydown",(event=>{if(27!==event.keyCode)return null;props.onClickOutside&&props.onClickOutside()}),!1)}),[props,wrapperRef]),(0,jsx_runtime.jsx)("div",{className:"".concat(Dialog_module_dialogOverlay," ").concat(props.hidden&&Dialog_module_hidden),ref:wrapperRef,children:(0,jsx_runtime.jsxs)("div",{ref:dialogRef,className:"".concat(Dialog_module_dialogContent," ").concat(props.noPadding?Dialog_module_noPadding:""),style:{maxWidth:props.maxWidth},children:[props.closeButton?(0,jsx_runtime.jsx)("button",{"aria-label":"Lukk dialog",onClick:props.onClickOutside,className:Dialog_module_closeButton,children:(0,jsx_runtime.jsx)("img",{src:x_symbolurl,alt:""})}):null,(0,jsx_runtime.jsx)("div",{"aria-live":"assertive",role:"dialog",children:props.children})]})})};Dialog.defaultProps={maxWidth:"none"};const stories_Dialog=Dialog;Dialog.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{maxWidth:{defaultValue:{value:'"none"',computed:!1},description:"Sets max width for modal content element",type:{name:"string"},required:!1},noPadding:{description:"Removes padding from modal content element",type:{name:"bool"},required:!1},closeButton:{description:"Displays close button in upper right corner",type:{name:"bool"},required:!1},onClickOutside:{description:"Function for click outside modal content element or click on close button element",type:{name:"func"},required:!0}}};const Dialog_stories={title:"Example/Dialog",component:stories_Dialog,argTypes:{}},Default=(args=>{const[showDialog,setShowDialog]=(0,react.useState)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("button",{onClick:()=>setShowDialog(!0),children:"Show dialog"}),showDialog&&(0,jsx_runtime.jsx)(stories_Dialog,{...args,onClickOutside:()=>setShowDialog(!1)})]})}).bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Dialog title"}),(0,jsx_runtime.jsx)("p",{children:"dialog paragraph"})]}),closeButton:!0,onClickOutside:()=>{console.log("clicked outside")}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n  const [showDialog, setShowDialog] = useState();\n  return <>\n            <button onClick={() => setShowDialog(true)}>Show dialog</button>\n            {showDialog && <Dialog {...args} onClickOutside={() => setShowDialog(false)}></Dialog>}\n        </>;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Dialog-stories.232ef302.iframe.bundle.js.LICENSE.txt b/docs/stories-Dialog-stories.f96a4fc4.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Dialog-stories.232ef302.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Dialog-stories.f96a4fc4.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-DragAndDropFileInput-stories.6509b9ef.iframe.bundle.js b/docs/stories-DragAndDropFileInput-stories.6509b9ef.iframe.bundle.js
deleted file mode 100644
index 21de14a9..00000000
--- a/docs/stories-DragAndDropFileInput-stories.6509b9ef.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[547,28],{"./src/stories/DragAndDropFileInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,Required:()=>Required,WithChildElements:()=>WithChildElements,WithCustomButtonContentWhenSelectedFile:()=>WithCustomButtonContentWhenSelectedFile,WithError:()=>WithError,WithSelectedFile:()=>WithSelectedFile,WithoutSelectedFile:()=>WithoutSelectedFile,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DragAndDropFileInput_stories});var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/stories/Button.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),Label=__webpack_require__("./src/stories/Label.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const DragAndDropFileInput_module_dragAndDropFileInput="DragAndDropFileInput_dragAndDropFileInput__rRO7Z",DragAndDropFileInput_module_requiredSymbol="DragAndDropFileInput_requiredSymbol__PBzLI",DragAndDropFileInput_module_dragAndDropContainer="DragAndDropFileInput_dragAndDropContainer__Mpay5",DragAndDropFileInput_module_highlighted="DragAndDropFileInput_highlighted__jqu2s";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const DragAndDropFileInput=props=>{var _props$errorMessage,_props$ariaDescribed;const[highlight,setHighlight]=(0,react.useState)(!1),containerElementRef=(0,react.useRef)(),fileInputElementRef=(0,react.useRef)(),preventDefaults=e=>{e.preventDefault(),e.stopPropagation()},getErrorElementId=()=>"".concat(props.id,"-errorMessage"),inputElementProps={"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,"data-transaction-name":props["data-transaction-name-for-input"],required:props.required};let buttonContent;return buttonContent=props.selectedFileName&&props.buttonContentWhenSelectedFile?props.buttonContentWhenSelectedFile:props.buttonContent,(0,react.useEffect)((()=>{const handleDrop=e=>{(files=>{props.onDragAndDropChange(files)})(e.dataTransfer.files)};null!=containerElementRef&&containerElementRef.current&&(containerElementRef.current.addEventListener("dragenter",preventDefaults,!1),containerElementRef.current.addEventListener("dragover",preventDefaults,!1),containerElementRef.current.addEventListener("dragleave",preventDefaults,!1),containerElementRef.current.addEventListener("drop",preventDefaults,!1),containerElementRef.current.addEventListener("dragenter",(()=>{setHighlight(!0)}),!1),containerElementRef.current.addEventListener("dragover",(()=>{setHighlight(!0)}),!1),containerElementRef.current.addEventListener("dragleave",(()=>{setHighlight(!1)}),!1),containerElementRef.current.addEventListener("drop",(()=>{setHighlight(!1)}),!1),containerElementRef.current.addEventListener("drop",handleDrop,!1))}),[props]),(0,jsx_runtime.jsxs)("div",{className:DragAndDropFileInput_module_dragAndDropFileInput,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:DragAndDropFileInput_module_requiredSymbol})]}),(0,jsx_runtime.jsx)("div",{children:props.children}),props.contentOnly?null:(0,jsx_runtime.jsxs)("div",{ref:containerElementRef,className:"".concat(DragAndDropFileInput_module_dragAndDropContainer," ").concat(highlight?DragAndDropFileInput_module_highlighted:""),children:[props.selectedFileName?(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Valgt fil:"})," ",props.selectedFileName]})}):(0,jsx_runtime.jsx)("div",{children:"Slipp fil her"}),(0,jsx_runtime.jsx)("input",{...inputElementProps,ref:fileInputElementRef,type:"file",onChange:props.onSelectChange}),props.buttonContent?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("div",{children:props.selectedFileName?"":"eller klikk på knappen for å velge fil"}),(0,jsx_runtime.jsx)(Button.Z,{size:"small",type:"button",color:props.buttonColor,onClick:()=>{fileInputElementRef.current.click()},content:buttonContent,hasErrors:props.hasErrors,"data-transaction-name":props["data-transaction-name-for-button"]})]}):null]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.selectedFileName,defaultContent=props.defaultContent,value||defaultContent)}):"",(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]});var value,defaultContent};DragAndDropFileInput.defaultProps={label:"",contentOnly:!1,buttonColor:"default",defaultContent:"",hasErrors:!1,errorMessage:"",required:!1};const stories_DragAndDropFileInput=DragAndDropFileInput;var _WithoutSelectedFile$,_WithoutSelectedFile$2,_WithoutSelectedFile$3,_WithSelectedFile$par,_WithSelectedFile$par2,_WithSelectedFile$par3,_Required$parameters,_Required$parameters2,_Required$parameters3,_WithCustomButtonCont,_WithCustomButtonCont2,_WithCustomButtonCont3,_WithError$parameters,_WithError$parameters2,_WithError$parameters3,_ContentOnly$paramete,_ContentOnly$paramete2,_ContentOnly$paramete3,_WithChildElements$pa,_WithChildElements$pa2,_WithChildElements$pa3;DragAndDropFileInput.__docgenInfo={description:"",methods:[],displayName:"DragAndDropFileInput",props:{label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},buttonColor:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"Text content inside list item",type:{name:"string"},required:!0},onSelectChange:{description:"",type:{name:"func"},required:!0},onDragAndDropChange:{description:"",type:{name:"func"},required:!0},buttonContent:{description:"",type:{name:"string"},required:!1},buttonContentWhenSelectedFile:{description:"",type:{name:"string"},required:!1},selectedFileName:{description:"",type:{name:"string"},required:!1},"data-transaction-name-for-button":{description:"",type:{name:"string"},required:!1},"data-transaction-name-for-input":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};const DragAndDropFileInput_stories={title:"Example/DragAndDropFileInput",component:stories_DragAndDropFileInput,argTypes:{buttonColor:{control:"radio",options:["default","primary"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_DragAndDropFileInput,{...args,children:args.children}),WithoutSelectedFile=Template.bind({});WithoutSelectedFile.args={id:"dragAndDropInput-1",label:"Input without selected file",buttonContent:"Velg fil",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithSelectedFile=Template.bind({});WithSelectedFile.args={id:"dragAndDropInput-2",label:"Input with selected file",buttonContent:"Velg fil",selectedFileName:"important-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const Required=Template.bind({});Required.args={id:"dragAndDropInput-3",label:"Required input without selected file",buttonContent:"Velg fil",required:!0,onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithCustomButtonContentWhenSelectedFile=Template.bind({});WithCustomButtonContentWhenSelectedFile.args={id:"dragAndDropInput-4",label:"Input with selected file and buttonContentWhenSelectedFile",buttonContent:"Velg fil",buttonContentWhenSelectedFile:"Velg annen fil",selectedFileName:"important-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithError=Template.bind({});WithError.args={id:"dragAndDropInput-5",label:"Input with selected file and error message",buttonContent:"Velg fil",buttonContentWhenSelectedFile:"Velg annen fil",selectedFileName:"wrong-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),hasErrors:!0,errorMessage:"Filen må være midre enn 15MB"};const ContentOnly=Template.bind({});ContentOnly.args={id:"dragAndDropInput-6",label:"Input with selected file and contentOnly",buttonContent:"Velg fil",selectedFileName:"important-file2.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),contentOnly:!0};const WithChildElements=Template.bind({});WithChildElements.args={id:"dragAndDropInput-1",label:"Input without selected file",buttonContent:"Velg fil",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("p",{children:"First paragraph"}),(0,jsx_runtime.jsx)("p",{children:"second paragraph"})]})},WithoutSelectedFile.parameters={...WithoutSelectedFile.parameters,docs:{...null===(_WithoutSelectedFile$=WithoutSelectedFile.parameters)||void 0===_WithoutSelectedFile$?void 0:_WithoutSelectedFile$.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_WithoutSelectedFile$2=WithoutSelectedFile.parameters)||void 0===_WithoutSelectedFile$2||null===(_WithoutSelectedFile$3=_WithoutSelectedFile$2.docs)||void 0===_WithoutSelectedFile$3?void 0:_WithoutSelectedFile$3.source}}},WithSelectedFile.parameters={...WithSelectedFile.parameters,docs:{...null===(_WithSelectedFile$par=WithSelectedFile.parameters)||void 0===_WithSelectedFile$par?void 0:_WithSelectedFile$par.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_WithSelectedFile$par2=WithSelectedFile.parameters)||void 0===_WithSelectedFile$par2||null===(_WithSelectedFile$par3=_WithSelectedFile$par2.docs)||void 0===_WithSelectedFile$par3?void 0:_WithSelectedFile$par3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},WithCustomButtonContentWhenSelectedFile.parameters={...WithCustomButtonContentWhenSelectedFile.parameters,docs:{...null===(_WithCustomButtonCont=WithCustomButtonContentWhenSelectedFile.parameters)||void 0===_WithCustomButtonCont?void 0:_WithCustomButtonCont.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_WithCustomButtonCont2=WithCustomButtonContentWhenSelectedFile.parameters)||void 0===_WithCustomButtonCont2||null===(_WithCustomButtonCont3=_WithCustomButtonCont2.docs)||void 0===_WithCustomButtonCont3?void 0:_WithCustomButtonCont3.source}}},WithError.parameters={...WithError.parameters,docs:{...null===(_WithError$parameters=WithError.parameters)||void 0===_WithError$parameters?void 0:_WithError$parameters.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_WithError$parameters2=WithError.parameters)||void 0===_WithError$parameters2||null===(_WithError$parameters3=_WithError$parameters2.docs)||void 0===_WithError$parameters3?void 0:_WithError$parameters3.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...null===(_ContentOnly$paramete=ContentOnly.parameters)||void 0===_ContentOnly$paramete?void 0:_ContentOnly$paramete.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_ContentOnly$paramete2=ContentOnly.parameters)||void 0===_ContentOnly$paramete2||null===(_ContentOnly$paramete3=_ContentOnly$paramete2.docs)||void 0===_ContentOnly$paramete3?void 0:_ContentOnly$paramete3.source}}},WithChildElements.parameters={...WithChildElements.parameters,docs:{...null===(_WithChildElements$pa=WithChildElements.parameters)||void 0===_WithChildElements$pa?void 0:_WithChildElements$pa.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...null===(_WithChildElements$pa2=WithChildElements.parameters)||void 0===_WithChildElements$pa2||null===(_WithChildElements$pa3=_WithChildElements$pa2.docs)||void 0===_WithChildElements$pa3?void 0:_WithChildElements$pa3.source}}};const __namedExportsOrder=["WithoutSelectedFile","WithSelectedFile","Required","WithCustomButtonContentWhenSelectedFile","WithError","ContentOnly","WithChildElements"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-DragAndDropFileInput-stories.dee00f8c.iframe.bundle.js b/docs/stories-DragAndDropFileInput-stories.dee00f8c.iframe.bundle.js
new file mode 100644
index 00000000..b455fe39
--- /dev/null
+++ b/docs/stories-DragAndDropFileInput-stories.dee00f8c.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[547,28],{"./src/stories/DragAndDropFileInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,Required:()=>Required,WithChildElements:()=>WithChildElements,WithCustomButtonContentWhenSelectedFile:()=>WithCustomButtonContentWhenSelectedFile,WithError:()=>WithError,WithSelectedFile:()=>WithSelectedFile,WithoutSelectedFile:()=>WithoutSelectedFile,__namedExportsOrder:()=>__namedExportsOrder,default:()=>DragAndDropFileInput_stories});var react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./src/stories/Button.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),Label=__webpack_require__("./src/stories/Label.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const DragAndDropFileInput_module_dragAndDropFileInput="DragAndDropFileInput_dragAndDropFileInput__rRO7Z",DragAndDropFileInput_module_requiredSymbol="DragAndDropFileInput_requiredSymbol__PBzLI",DragAndDropFileInput_module_dragAndDropContainer="DragAndDropFileInput_dragAndDropContainer__Mpay5",DragAndDropFileInput_module_highlighted="DragAndDropFileInput_highlighted__jqu2s";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const DragAndDropFileInput=props=>{var _props$errorMessage,_props$ariaDescribed;const[highlight,setHighlight]=(0,react.useState)(!1),containerElementRef=(0,react.useRef)(),fileInputElementRef=(0,react.useRef)(),preventDefaults=e=>{e.preventDefault(),e.stopPropagation()},getErrorElementId=()=>"".concat(props.id,"-errorMessage"),inputElementProps={"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,name:props.name,required:props.required};let buttonContent;return buttonContent=props.selectedFileName&&props.buttonContentWhenSelectedFile?props.buttonContentWhenSelectedFile:props.buttonContent,(0,react.useEffect)((()=>{const handleDrop=e=>{(files=>{props.onDragAndDropChange(files)})(e.dataTransfer.files)};null!=containerElementRef&&containerElementRef.current&&(containerElementRef.current.addEventListener("dragenter",preventDefaults,!1),containerElementRef.current.addEventListener("dragover",preventDefaults,!1),containerElementRef.current.addEventListener("dragleave",preventDefaults,!1),containerElementRef.current.addEventListener("drop",preventDefaults,!1),containerElementRef.current.addEventListener("dragenter",(()=>{setHighlight(!0)}),!1),containerElementRef.current.addEventListener("dragover",(()=>{setHighlight(!0)}),!1),containerElementRef.current.addEventListener("dragleave",(()=>{setHighlight(!1)}),!1),containerElementRef.current.addEventListener("drop",(()=>{setHighlight(!1)}),!1),containerElementRef.current.addEventListener("drop",handleDrop,!1))}),[props]),(0,jsx_runtime.jsxs)("div",{className:DragAndDropFileInput_module_dragAndDropFileInput,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:DragAndDropFileInput_module_requiredSymbol})]}),(0,jsx_runtime.jsx)("div",{children:props.children}),props.contentOnly?null:(0,jsx_runtime.jsxs)("div",{ref:containerElementRef,className:"".concat(DragAndDropFileInput_module_dragAndDropContainer," ").concat(highlight?DragAndDropFileInput_module_highlighted:""),children:[props.selectedFileName?(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Valgt fil:"})," ",props.selectedFileName]})}):(0,jsx_runtime.jsx)("div",{children:"Slipp fil her"}),(0,jsx_runtime.jsx)("input",{...inputElementProps,ref:fileInputElementRef,type:"file",onChange:props.onSelectChange}),props.buttonContent?(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("div",{children:props.selectedFileName?"":"eller klikk på knappen for å velge fil"}),(0,jsx_runtime.jsx)(Button.Z,{size:"small",type:"button",color:props.buttonColor,onClick:()=>{fileInputElementRef.current.click()},content:buttonContent,hasErrors:props.hasErrors,"data-transaction-name":props["data-transaction-name"]})]}):null]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.selectedFileName,defaultContent=props.defaultContent,value||defaultContent)}):"",(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]});var value,defaultContent};DragAndDropFileInput.defaultProps={label:"",contentOnly:!1,buttonColor:"default",defaultContent:"",hasErrors:!1,errorMessage:"",required:!1};const stories_DragAndDropFileInput=DragAndDropFileInput;DragAndDropFileInput.__docgenInfo={description:"",methods:[],displayName:"DragAndDropFileInput",props:{label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},buttonColor:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"Text content inside list item",type:{name:"string"},required:!0},name:{description:"",type:{name:"string"},required:!1},onSelectChange:{description:"",type:{name:"func"},required:!0},onDragAndDropChange:{description:"",type:{name:"func"},required:!0},buttonContent:{description:"",type:{name:"string"},required:!1},buttonContentWhenSelectedFile:{description:"",type:{name:"string"},required:!1},selectedFileName:{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};const DragAndDropFileInput_stories={title:"Example/DragAndDropFileInput",component:stories_DragAndDropFileInput,argTypes:{buttonColor:{control:"radio",options:["default","primary"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_DragAndDropFileInput,{...args,children:args.children}),WithoutSelectedFile=Template.bind({});WithoutSelectedFile.args={id:"dragAndDropInput-1",label:"Input without selected file",buttonContent:"Velg fil",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithSelectedFile=Template.bind({});WithSelectedFile.args={id:"dragAndDropInput-2",label:"Input with selected file",buttonContent:"Velg fil",selectedFileName:"important-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const Required=Template.bind({});Required.args={id:"dragAndDropInput-3",label:"Required input without selected file",buttonContent:"Velg fil",required:!0,onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithCustomButtonContentWhenSelectedFile=Template.bind({});WithCustomButtonContentWhenSelectedFile.args={id:"dragAndDropInput-4",label:"Input with selected file and buttonContentWhenSelectedFile",buttonContent:"Velg fil",buttonContentWhenSelectedFile:"Velg annen fil",selectedFileName:"important-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change")};const WithError=Template.bind({});WithError.args={id:"dragAndDropInput-5",label:"Input with selected file and error message",buttonContent:"Velg fil",buttonContentWhenSelectedFile:"Velg annen fil",selectedFileName:"wrong-file.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),hasErrors:!0,errorMessage:"Filen må være midre enn 15MB"};const ContentOnly=Template.bind({});ContentOnly.args={id:"dragAndDropInput-6",label:"Input with selected file and contentOnly",buttonContent:"Velg fil",selectedFileName:"important-file2.xml",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),contentOnly:!0};const WithChildElements=Template.bind({});WithChildElements.args={id:"dragAndDropInput-1",label:"Input without selected file",buttonContent:"Velg fil",onSelectChange:()=>console.log("Select change"),onDragAndDropChange:()=>console.log("Drag and drop change"),children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("p",{children:"First paragraph"}),(0,jsx_runtime.jsx)("p",{children:"second paragraph"})]})},WithoutSelectedFile.parameters={...WithoutSelectedFile.parameters,docs:{...WithoutSelectedFile.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...WithoutSelectedFile.parameters?.docs?.source}}},WithSelectedFile.parameters={...WithSelectedFile.parameters,docs:{...WithSelectedFile.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...WithSelectedFile.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...Required.parameters?.docs?.source}}},WithCustomButtonContentWhenSelectedFile.parameters={...WithCustomButtonContentWhenSelectedFile.parameters,docs:{...WithCustomButtonContentWhenSelectedFile.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...WithCustomButtonContentWhenSelectedFile.parameters?.docs?.source}}},WithError.parameters={...WithError.parameters,docs:{...WithError.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...WithError.parameters?.docs?.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...ContentOnly.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...ContentOnly.parameters?.docs?.source}}},WithChildElements.parameters={...WithChildElements.parameters,docs:{...WithChildElements.parameters?.docs,source:{originalSource:"args => <DragAndDropFileInput {...args}>{args.children}</DragAndDropFileInput>",...WithChildElements.parameters?.docs?.source}}};const __namedExportsOrder=["WithoutSelectedFile","WithSelectedFile","Required","WithCustomButtonContentWhenSelectedFile","WithError","ContentOnly","WithChildElements"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-ErrorBox-stories.49904248.iframe.bundle.js b/docs/stories-ErrorBox-stories.49904248.iframe.bundle.js
new file mode 100644
index 00000000..55007f63
--- /dev/null
+++ b/docs/stories-ErrorBox-stories.49904248.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-ErrorBox-stories.49904248.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[362],{"./src/stories/ErrorBox.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomTheme:()=>WithCustomTheme,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ErrorBox_stories});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const ErrorBox_module_errorBox="ErrorBox_errorBox__QyTal";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorBox=props=>(0,jsx_runtime.jsx)("div",{className:ErrorBox_module_errorBox,style:{borderColor:(0,theme.hN)(props.theme,"warning")},children:props.children});ErrorBox.defaultProps={children:""};const stories_ErrorBox=ErrorBox;ErrorBox.__docgenInfo={description:"",methods:[],displayName:"ErrorBox",props:{children:{defaultValue:{value:'""',computed:!1},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var customTheme=__webpack_require__("./src/data/customTheme.js");const ErrorBox_stories={title:"Example/ErrorBox",component:stories_ErrorBox,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ErrorBox,{...args}),Default=Template.bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Du kan ikke signere erklæringen før alle opplysningene er fylt ut:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Du må krysse av for at foretaket erklærer ansvar i henhold til plan- og bygningsloven."}),(0,jsx_runtime.jsx)("li",{children:"Du må fylle ut mobil- eller telefonnummeret til kontaktpersonen."})]})]})};const WithCustomTheme=Template.bind({});WithCustomTheme.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Du kan ikke signere erklæringen før alle opplysningene er fylt ut:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Du må krysse av for at foretaket erklærer ansvar i henhold til plan- og bygningsloven."}),(0,jsx_runtime.jsx)("li",{children:"Du må fylle ut mobil- eller telefonnummeret til kontaktpersonen."})]})]}),theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <ErrorBox {...args} />",...Default.parameters?.docs?.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...WithCustomTheme.parameters?.docs,source:{originalSource:"args => <ErrorBox {...args} />",...WithCustomTheme.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCustomTheme"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ErrorBox-stories.bfe96d21.iframe.bundle.js.LICENSE.txt b/docs/stories-ErrorBox-stories.49904248.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-ErrorBox-stories.bfe96d21.iframe.bundle.js.LICENSE.txt
rename to docs/stories-ErrorBox-stories.49904248.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-ErrorBox-stories.bfe96d21.iframe.bundle.js b/docs/stories-ErrorBox-stories.bfe96d21.iframe.bundle.js
deleted file mode 100644
index ba73505e..00000000
--- a/docs/stories-ErrorBox-stories.bfe96d21.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-ErrorBox-stories.bfe96d21.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[362],{"./src/stories/ErrorBox.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomTheme:()=>WithCustomTheme,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ErrorBox_stories});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const ErrorBox_module_errorBox="ErrorBox_errorBox__QyTal";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorBox=props=>(0,jsx_runtime.jsx)("div",{className:ErrorBox_module_errorBox,style:{borderColor:(0,theme.hN)(props.theme,"warning")},children:props.children});ErrorBox.defaultProps={children:""};const stories_ErrorBox=ErrorBox;ErrorBox.__docgenInfo={description:"",methods:[],displayName:"ErrorBox",props:{children:{defaultValue:{value:'""',computed:!1},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithCustomTheme$para,_WithCustomTheme$para2,_WithCustomTheme$para3,customTheme=__webpack_require__("./src/data/customTheme.js");const ErrorBox_stories={title:"Example/ErrorBox",component:stories_ErrorBox,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ErrorBox,{...args}),Default=Template.bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Du kan ikke signere erklæringen før alle opplysningene er fylt ut:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Du må krysse av for at foretaket erklærer ansvar i henhold til plan- og bygningsloven."}),(0,jsx_runtime.jsx)("li",{children:"Du må fylle ut mobil- eller telefonnummeret til kontaktpersonen."})]})]})};const WithCustomTheme=Template.bind({});WithCustomTheme.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("h3",{children:"Du kan ikke signere erklæringen før alle opplysningene er fylt ut:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:"Du må krysse av for at foretaket erklærer ansvar i henhold til plan- og bygningsloven."}),(0,jsx_runtime.jsx)("li",{children:"Du må fylle ut mobil- eller telefonnummeret til kontaktpersonen."})]})]}),theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <ErrorBox {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...null===(_WithCustomTheme$para=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para?void 0:_WithCustomTheme$para.docs,source:{originalSource:"args => <ErrorBox {...args} />",...null===(_WithCustomTheme$para2=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para2||null===(_WithCustomTheme$para3=_WithCustomTheme$para2.docs)||void 0===_WithCustomTheme$para3?void 0:_WithCustomTheme$para3.source}}};const __namedExportsOrder=["Default","WithCustomTheme"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ErrorMessage-stories.13343923.iframe.bundle.js b/docs/stories-ErrorMessage-stories.13343923.iframe.bundle.js
new file mode 100644
index 00000000..dd2af2b3
--- /dev/null
+++ b/docs/stories-ErrorMessage-stories.13343923.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-ErrorMessage-stories.13343923.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[255],{"./src/stories/ErrorMessage.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomTheme:()=>WithCustomTheme,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _ErrorMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/ErrorMessage.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/ErrorMessage",component:_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={content:"Wrong value"};const WithCustomTheme=Template.bind({});WithCustomTheme.args={content:"Wrong value",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <ErrorMessage {...args} />",...Default.parameters?.docs?.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...WithCustomTheme.parameters?.docs,source:{originalSource:"args => <ErrorMessage {...args} />",...WithCustomTheme.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCustomTheme"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js.LICENSE.txt b/docs/stories-ErrorMessage-stories.13343923.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js.LICENSE.txt
rename to docs/stories-ErrorMessage-stories.13343923.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js b/docs/stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js
deleted file mode 100644
index dcce7c0c..00000000
--- a/docs/stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-ErrorMessage-stories.b40c9cbc.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[255],{"./src/stories/ErrorMessage.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomTheme:()=>WithCustomTheme,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithCustomTheme$para,_WithCustomTheme$para2,_WithCustomTheme$para3,_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/ErrorMessage.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/ErrorMessage",component:_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={content:"Wrong value"};const WithCustomTheme=Template.bind({});WithCustomTheme.args={content:"Wrong value",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <ErrorMessage {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...null===(_WithCustomTheme$para=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para?void 0:_WithCustomTheme$para.docs,source:{originalSource:"args => <ErrorMessage {...args} />",...null===(_WithCustomTheme$para2=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para2||null===(_WithCustomTheme$para3=_WithCustomTheme$para2.docs)||void 0===_WithCustomTheme$para3?void 0:_WithCustomTheme$para3.source}}};const __namedExportsOrder=["Default","WithCustomTheme"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Footer-stories.b87341e6.iframe.bundle.js b/docs/stories-Footer-stories.b87341e6.iframe.bundle.js
deleted file mode 100644
index 6d247039..00000000
--- a/docs/stories-Footer-stories.b87341e6.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Footer-stories.b87341e6.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[513],{"./src/stories/Footer.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Footer_stories});__webpack_require__("./node_modules/react/index.js");var Container=__webpack_require__("./src/stories/Container.jsx");const Footer_module_footer="Footer_footer__4ujVV";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Footer=props=>(0,jsx_runtime.jsx)("footer",{className:Footer_module_footer,children:(0,jsx_runtime.jsx)(Container.Z,{children:props.children})}),stories_Footer=Footer;var _Default$parameters,_Default$parameters2,_Default$parameters2$;Footer.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Footer"};const Footer_stories={title:"Example/Footer",component:stories_Footer,argTypes:{}},Default=(args=>(0,jsx_runtime.jsx)(stories_Footer,{...args})).bind({});Default.args={children:(0,jsx_runtime.jsx)("span",{children:"Footer content here"})},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Footer {...args}></Footer>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}};const __namedExportsOrder=["Default"]},"./src/stories/Container.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Container});__webpack_require__("./node_modules/react/index.js");const Container_module_container="Container_container__VMwvZ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Container=props=>(0,jsx_runtime.jsx)("div",{className:Container_module_container,children:props.children}),stories_Container=Container;Container.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Container"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Footer-stories.e94b7b78.iframe.bundle.js b/docs/stories-Footer-stories.e94b7b78.iframe.bundle.js
new file mode 100644
index 00000000..af51d0d7
--- /dev/null
+++ b/docs/stories-Footer-stories.e94b7b78.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Footer-stories.e94b7b78.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[513],{"./src/stories/Footer.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Footer_stories});__webpack_require__("./node_modules/react/index.js");var Container=__webpack_require__("./src/stories/Container.jsx");const Footer_module_footer="Footer_footer__4ujVV";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Footer=props=>(0,jsx_runtime.jsx)("footer",{className:Footer_module_footer,children:(0,jsx_runtime.jsx)(Container.Z,{children:props.children})}),stories_Footer=Footer;Footer.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Footer"};const Footer_stories={title:"Example/Footer",component:stories_Footer,argTypes:{}},Default=(args=>(0,jsx_runtime.jsx)(stories_Footer,{...args})).bind({});Default.args={children:(0,jsx_runtime.jsx)("span",{children:"Footer content here"})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Footer {...args}></Footer>",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./src/stories/Container.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Container});__webpack_require__("./node_modules/react/index.js");const Container_module_container="Container_container__VMwvZ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Container=props=>(0,jsx_runtime.jsx)("div",{className:Container_module_container,children:props.children}),stories_Container=Container;Container.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Container"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Footer-stories.b87341e6.iframe.bundle.js.LICENSE.txt b/docs/stories-Footer-stories.e94b7b78.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Footer-stories.b87341e6.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Footer-stories.e94b7b78.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Header-stories.77dd12de.iframe.bundle.js b/docs/stories-Header-stories.77dd12de.iframe.bundle.js
new file mode 100644
index 00000000..3fe31e2b
--- /dev/null
+++ b/docs/stories-Header-stories.77dd12de.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Header-stories.77dd12de.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[758],{"./src/stories/Header.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BigHeader:()=>BigHeader,Header1:()=>Header1,Header2:()=>Header2,Header2WithH1Tag:()=>Header2WithH1Tag,Header3:()=>Header3,Header4:()=>Header4,Header5:()=>Header5,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Header_stories});var react=__webpack_require__("./node_modules/react/index.js");const Header_module={flex:"Header_flex__6QfUo","main-content":"Header_main-content__eyqZh",headerContainer:"Header_headerContainer__JC8Q2",header:"Header_header__8AfFu",hasTheme:"Header_hasTheme__UlrEB","size-1":"Header_size-1__o2a1D",bigHeader:"Header_bigHeader__EefUg","size-2":"Header_size-2__8P580","size-3":"Header_size-3__k6bYg","size-4":"Header_size-4__Zilog","size-5":"Header_size-5__KXjzo"};var helpers=__webpack_require__("./src/functions/helpers.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Header=props=>{var _props$htmlTag,_props$content;const bigClass=props.big?Header_module.bigHeader:"",themeClass=props.theme?Header_module.hasTheme:"",htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"h".concat(props.size),headerClass=Header_module.header,headerSizeClass=Header_module["size-".concat(props.size)];let headerElement=react.createElement(htmlTag,{className:(0,helpers.w6)([headerClass,headerSizeClass,bigClass,themeClass]),id:props.id||null,htmlFor:props.htmlFor||null},null!==(_props$content=props.content)&&void 0!==_props$content&&_props$content.length?props.content:props.children);return(0,jsx_runtime.jsxs)("div",{className:Header_module.headerContainer,children:[" ",headerElement," "]})};Header.defaultProps={size:1};const stories_Header=Header;Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{size:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"enum",value:[{value:"1",computed:!1},{value:"2",computed:!1},{value:"3",computed:!1},{value:"4",computed:!1},{value:"5",computed:!1}]},required:!1},id:{description:"",type:{name:"string"},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},big:{description:"",type:{name:"bool"},required:!1},htmlTag:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},htmlFor:{description:"",type:{name:"string"},required:!1}}};const Header_stories={title:"Example/Header",component:stories_Header,argTypes:{size:{control:"select",options:[1,2,3,4,5]},htmlTag:{control:"select",options:["h1","h2","h3","h4","h5"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_Header,{...args}),Header1=Template.bind({});Header1.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 1"})};const Header2=Template.bind({});Header2.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 2"}),size:2};const Header3=Template.bind({});Header3.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 3"}),size:3};const Header4=Template.bind({});Header4.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 4"}),size:4};const Header5=Template.bind({});Header5.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 5"}),size:5};const BigHeader=Template.bind({});BigHeader.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Big header"}),big:!0};const Header2WithH1Tag=Template.bind({});Header2WithH1Tag.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 2 and htmlTag h1"}),size:2,htmlTag:"h1"},Header1.parameters={...Header1.parameters,docs:{...Header1.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header1.parameters?.docs?.source}}},Header2.parameters={...Header2.parameters,docs:{...Header2.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header2.parameters?.docs?.source}}},Header3.parameters={...Header3.parameters,docs:{...Header3.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header3.parameters?.docs?.source}}},Header4.parameters={...Header4.parameters,docs:{...Header4.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header4.parameters?.docs?.source}}},Header5.parameters={...Header5.parameters,docs:{...Header5.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header5.parameters?.docs?.source}}},BigHeader.parameters={...BigHeader.parameters,docs:{...BigHeader.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...BigHeader.parameters?.docs?.source}}},Header2WithH1Tag.parameters={...Header2WithH1Tag.parameters,docs:{...Header2WithH1Tag.parameters?.docs,source:{originalSource:"args => <Header {...args}></Header>",...Header2WithH1Tag.parameters?.docs?.source}}};const __namedExportsOrder=["Header1","Header2","Header3","Header4","Header5","BigHeader","Header2WithH1Tag"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Header-stories.82f39648.iframe.bundle.js.LICENSE.txt b/docs/stories-Header-stories.77dd12de.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Header-stories.82f39648.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Header-stories.77dd12de.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Header-stories.82f39648.iframe.bundle.js b/docs/stories-Header-stories.82f39648.iframe.bundle.js
deleted file mode 100644
index f0ef059b..00000000
--- a/docs/stories-Header-stories.82f39648.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Header-stories.82f39648.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[758],{"./src/stories/Header.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BigHeader:()=>BigHeader,Header1:()=>Header1,Header2:()=>Header2,Header2WithH1Tag:()=>Header2WithH1Tag,Header3:()=>Header3,Header4:()=>Header4,Header5:()=>Header5,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Header_stories});var react=__webpack_require__("./node_modules/react/index.js");const Header_module={flex:"Header_flex__6QfUo","main-content":"Header_main-content__eyqZh",headerContainer:"Header_headerContainer__JC8Q2",header:"Header_header__8AfFu",hasTheme:"Header_hasTheme__UlrEB","size-1":"Header_size-1__o2a1D",bigHeader:"Header_bigHeader__EefUg","size-2":"Header_size-2__8P580","size-3":"Header_size-3__k6bYg","size-4":"Header_size-4__Zilog","size-5":"Header_size-5__KXjzo"};var helpers=__webpack_require__("./src/functions/helpers.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Header=props=>{var _props$htmlTag,_props$content;const bigClass=props.big?Header_module.bigHeader:"",themeClass=props.theme?Header_module.hasTheme:"",htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"h".concat(props.size),headerClass=Header_module.header,headerSizeClass=Header_module["size-".concat(props.size)];let headerElement=react.createElement(htmlTag,{className:(0,helpers.w6)([headerClass,headerSizeClass,bigClass,themeClass]),id:props.id||null,htmlFor:props.htmlFor||null},null!==(_props$content=props.content)&&void 0!==_props$content&&_props$content.length?props.content:props.children);return(0,jsx_runtime.jsxs)("div",{className:Header_module.headerContainer,children:[" ",headerElement," "]})};Header.defaultProps={size:1};const stories_Header=Header;var _Header1$parameters,_Header1$parameters2,_Header1$parameters2$,_Header2$parameters,_Header2$parameters2,_Header2$parameters2$,_Header3$parameters,_Header3$parameters2,_Header3$parameters2$,_Header4$parameters,_Header4$parameters2,_Header4$parameters2$,_Header5$parameters,_Header5$parameters2,_Header5$parameters2$,_BigHeader$parameters,_BigHeader$parameters2,_BigHeader$parameters3,_Header2WithH1Tag$par,_Header2WithH1Tag$par2,_Header2WithH1Tag$par3;Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{size:{defaultValue:{value:"1",computed:!1},description:"",type:{name:"enum",value:[{value:"1",computed:!1},{value:"2",computed:!1},{value:"3",computed:!1},{value:"4",computed:!1},{value:"5",computed:!1}]},required:!1},id:{description:"",type:{name:"string"},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},big:{description:"",type:{name:"bool"},required:!1},htmlTag:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},htmlFor:{description:"",type:{name:"string"},required:!1}}};const Header_stories={title:"Example/Header",component:stories_Header,argTypes:{size:{control:"select",options:[1,2,3,4,5]},htmlTag:{control:"select",options:["h1","h2","h3","h4","h5"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_Header,{...args}),Header1=Template.bind({});Header1.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 1"})};const Header2=Template.bind({});Header2.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 2"}),size:2};const Header3=Template.bind({});Header3.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 3"}),size:3};const Header4=Template.bind({});Header4.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 4"}),size:4};const Header5=Template.bind({});Header5.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 5"}),size:5};const BigHeader=Template.bind({});BigHeader.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Big header"}),big:!0};const Header2WithH1Tag=Template.bind({});Header2WithH1Tag.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Title with size 2 and htmlTag h1"}),size:2,htmlTag:"h1"},Header1.parameters={...Header1.parameters,docs:{...null===(_Header1$parameters=Header1.parameters)||void 0===_Header1$parameters?void 0:_Header1$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header1$parameters2=Header1.parameters)||void 0===_Header1$parameters2||null===(_Header1$parameters2$=_Header1$parameters2.docs)||void 0===_Header1$parameters2$?void 0:_Header1$parameters2$.source}}},Header2.parameters={...Header2.parameters,docs:{...null===(_Header2$parameters=Header2.parameters)||void 0===_Header2$parameters?void 0:_Header2$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header2$parameters2=Header2.parameters)||void 0===_Header2$parameters2||null===(_Header2$parameters2$=_Header2$parameters2.docs)||void 0===_Header2$parameters2$?void 0:_Header2$parameters2$.source}}},Header3.parameters={...Header3.parameters,docs:{...null===(_Header3$parameters=Header3.parameters)||void 0===_Header3$parameters?void 0:_Header3$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header3$parameters2=Header3.parameters)||void 0===_Header3$parameters2||null===(_Header3$parameters2$=_Header3$parameters2.docs)||void 0===_Header3$parameters2$?void 0:_Header3$parameters2$.source}}},Header4.parameters={...Header4.parameters,docs:{...null===(_Header4$parameters=Header4.parameters)||void 0===_Header4$parameters?void 0:_Header4$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header4$parameters2=Header4.parameters)||void 0===_Header4$parameters2||null===(_Header4$parameters2$=_Header4$parameters2.docs)||void 0===_Header4$parameters2$?void 0:_Header4$parameters2$.source}}},Header5.parameters={...Header5.parameters,docs:{...null===(_Header5$parameters=Header5.parameters)||void 0===_Header5$parameters?void 0:_Header5$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header5$parameters2=Header5.parameters)||void 0===_Header5$parameters2||null===(_Header5$parameters2$=_Header5$parameters2.docs)||void 0===_Header5$parameters2$?void 0:_Header5$parameters2$.source}}},BigHeader.parameters={...BigHeader.parameters,docs:{...null===(_BigHeader$parameters=BigHeader.parameters)||void 0===_BigHeader$parameters?void 0:_BigHeader$parameters.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_BigHeader$parameters2=BigHeader.parameters)||void 0===_BigHeader$parameters2||null===(_BigHeader$parameters3=_BigHeader$parameters2.docs)||void 0===_BigHeader$parameters3?void 0:_BigHeader$parameters3.source}}},Header2WithH1Tag.parameters={...Header2WithH1Tag.parameters,docs:{...null===(_Header2WithH1Tag$par=Header2WithH1Tag.parameters)||void 0===_Header2WithH1Tag$par?void 0:_Header2WithH1Tag$par.docs,source:{originalSource:"args => <Header {...args}></Header>",...null===(_Header2WithH1Tag$par2=Header2WithH1Tag.parameters)||void 0===_Header2WithH1Tag$par2||null===(_Header2WithH1Tag$par3=_Header2WithH1Tag$par2.docs)||void 0===_Header2WithH1Tag$par3?void 0:_Header2WithH1Tag$par3.source}}};const __namedExportsOrder=["Header1","Header2","Header3","Header4","Header5","BigHeader","Header2WithH1Tag"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-InputField-stories.05567283.iframe.bundle.js b/docs/stories-InputField-stories.05567283.iframe.bundle.js
new file mode 100644
index 00000000..4c05d3e5
--- /dev/null
+++ b/docs/stories-InputField-stories.05567283.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[472],{"./src/stories/InputField.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,ContentOnlyWithDefaultContent:()=>ContentOnlyWithDefaultContent,DateInput:()=>DateInput,DateInputWithMinAndMaxDate:()=>DateInputWithMinAndMaxDate,DateInputWithValue:()=>DateInputWithValue,DateInputWithValueAndError:()=>DateInputWithValueAndError,Default:()=>Default,Disabled:()=>Disabled,FileInput:()=>FileInput,FileInputWithButtonContentAndSelectedFile:()=>FileInputWithButtonContentAndSelectedFile,InputWithCustomElementKey:()=>InputWithCustomElementKey,InputWithCustomTheme:()=>InputWithCustomTheme,InputWithCustomWidth:()=>InputWithCustomWidth,Number:()=>InputField_stories_Number,Readonly:()=>Readonly,Required:()=>Required,RequiredWithLabelAndValue:()=>RequiredWithLabelAndValue,WithDefaultValue:()=>WithDefaultValue,WithErrors:()=>WithErrors,WithLabelAndValue:()=>WithLabelAndValue,WithLinkInLabel:()=>WithLinkInLabel,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>InputField_stories});__webpack_require__("./node_modules/react/index.js");var Button=__webpack_require__("./src/stories/Button.jsx"),Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const InputField_module={flex:"InputField_flex__GBxDu","main-content":"InputField_main-content__EB3lR",inputField:"InputField_inputField__2U3zv",requiredSymbol:"InputField_requiredSymbol__ZvvqD",file:"InputField_file__RzXh5",input:"InputField_input__beKMZ",hasErrors:"InputField_hasErrors__yfpEs",fileInputContainer:"InputField_fileInputContainer__7Rg5B"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const InputField=props=>{var _props$width;const getErrorElementId=()=>"".concat(props.id,"-errorMessage"),defaultValue=props.defaultValue?props.defaultValue:props.value||null,defaultKey=props.elementKey||null,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}};var theme,value,defaultContent;return(0,jsx_runtime.jsxs)("div",{className:"".concat(InputField_module.inputField," ").concat(InputField_module[props.type]),children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:InputField_module.requiredSymbol}),"file"===props.type?(0,jsx_runtime.jsxs)("div",{className:InputField_module.fileInputContainer,children:[(0,jsx_runtime.jsx)("span",{className:InputField_module.input,children:props.selectedFileName}),props.buttonContent?(0,jsx_runtime.jsx)(Button.Z,{color:props.buttonColor,onClick:()=>{document.getElementById(props.id).click()},content:props.buttonContent,type:"button",theme:props.theme}):null]}):null]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.value||props.defaultValue,defaultContent=props.defaultContent,"date"===props.type?value?(inputDate=>{if(!inputDate)return null;const date=new Date(inputDate),year=date.getFullYear(),month=date.getMonth()+1<10?"0".concat(date.getMonth()+1):date.getMonth()+1,day=date.getDate()<10?"0".concat(date.getDate()):date.getDate();return"".concat(day,".").concat(month,".").concat(year)})(value):defaultContent:value||defaultContent)}):(0,jsx_runtime.jsx)("input",{...((defaultValue,defaultKey,styleRules)=>{var _props$errorMessage,_props$ariaDescribed;return{name:props.name,readOnly:props.readOnly,disabled:props.disabled,required:props.required,type:props.type,role:props.role,id:props.id,key:defaultKey||"".concat(props.id,"-").concat((0,generators.z)(6)),min:props.min||null,max:props.max||null,onChange:props.onChange,onBlur:props.onBlur,[defaultValue?"defaultValue":"value"]:defaultValue||props.value,placeholder:props.placeholder||null,className:props.hasErrors?InputField_module.hasErrors:null,"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,"aria-autocomplete":props["aria-autocomplete"]||null,style:styleRules}})(defaultValue,defaultKey,styleRules)}),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})};InputField.defaultProps={onChange:()=>!1,name:"",type:"text",required:!1,label:"",contentOnly:!1,buttonColor:"default",dateFormat:"d. MMMM, yyyy",placeholder:"",defaultContent:"",hasErrors:!1,errorMessage:""};const stories_InputField=InputField;InputField.__docgenInfo={description:"",methods:[],displayName:"InputField",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},type:{defaultValue:{value:'"text"',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},buttonColor:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},dateFormat:{defaultValue:{value:'"d. MMMM, yyyy"',computed:!1},description:"",type:{name:"string"},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!0},onBlur:{description:"",type:{name:"func"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"any"},required:!1},defaultValue:{description:"",type:{name:"any"},required:!1},elementKey:{description:"",type:{name:"string"},required:!1},buttonContent:{description:"",type:{name:"string"},required:!1},selectedFileName:{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"aria-autocomplete":{description:"",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"inline"',computed:!1},{value:'"list"',computed:!1},{value:'"both"',computed:!1}]},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var customTheme=__webpack_require__("./src/data/customTheme.js");const InputField_stories={title:"Example/InputField",component:stories_InputField,argTypes:{"aria-autocomplete":{control:"select",options:["none","inline","list","both"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_InputField,{...args}),Default=Template.bind({});Default.args={id:"inputField1"};const Required=Template.bind({});Required.args={id:"inputField2",required:!0};const WithValue=Template.bind({});WithValue.args={id:"inputField3",value:"Input field value"};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"inputField4",value:"Input field default value"};const WithLabelAndValue=Template.bind({});WithLabelAndValue.args={id:"inputField5",value:"Input field value",label:"Input field label"};const RequiredWithLabelAndValue=Template.bind({});RequiredWithLabelAndValue.args={id:"inputField6",value:"Input field value",label:"Input field label",required:!0};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"inputField7",value:"Input field value",label:["Input with ",(0,jsx_runtime.jsx)("a",{href:"#label-link",children:"link"},"labelLink")," in label"]};const WithErrors=Template.bind({});WithErrors.args={id:"inputField8",value:"Input field value",label:"Input with label, value, errors and error message",hasErrors:!0,errorMessage:"Wrong value"};const Readonly=Template.bind({});Readonly.args={id:"inputField9",value:"Input field value",label:"Readonly input",readOnly:!0};const Disabled=Template.bind({});Disabled.args={id:"inputField10",value:"Input field value",label:"Disabled input",disabled:!0};const InputField_stories_Number=Template.bind({});InputField_stories_Number.args={id:"inputField11",value:"3",label:"Input with number values",type:"number"};const ContentOnly=Template.bind({});ContentOnly.args={id:"inputField12",value:"Input field value",label:"Input with contentOnly set to true",contentOnly:!0};const ContentOnlyWithDefaultContent=Template.bind({});ContentOnlyWithDefaultContent.args={id:"inputField13",label:"Input with contentOnly set to true and default content",contentOnly:!0,defaultContent:"Default content"};const FileInput=Template.bind({});FileInput.args={id:"inputField14",label:"File input",type:"file"};const FileInputWithButtonContentAndSelectedFile=Template.bind({});FileInputWithButtonContentAndSelectedFile.args={id:"inputField15",label:"File input",type:"file",buttonContent:"Legg til fil",selectedFileName:"file.txt"};const DateInput=Template.bind({});DateInput.args={id:"inputField16",label:"Date input without value",type:"date"};const DateInputWithValue=Template.bind({});DateInputWithValue.args={id:"inputField17",label:"Date input with value",value:"2020-05-10",type:"date"};const DateInputWithValueAndError=Template.bind({});DateInputWithValueAndError.args={id:"inputField17",label:"Date input with error",value:"2020-05-10",type:"date",hasErrors:!0,errorMessage:"Wrong date value"};const DateInputWithMinAndMaxDate=Template.bind({});DateInputWithMinAndMaxDate.args={id:"inputField18",label:"Date input with min and max date",value:"2020-05-10",type:"date",selectsStart:!0,min:"2020-05-04",max:"2020-05-19"};const InputWithCustomWidth=Template.bind({});InputWithCustomWidth.args={id:"inputField19",label:"Input with custom width",width:"400px"};const InputWithCustomElementKey=Template.bind({});InputWithCustomElementKey.args={id:"inputField20",label:"Input with custom element key",elementKey:"inputKeyHere"};const InputWithCustomTheme=Template.bind({});InputWithCustomTheme.args={id:"inputField21",label:"Input with custom thene",themne:customTheme.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...Default.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...Required.parameters?.docs?.source}}},WithValue.parameters={...WithValue.parameters,docs:{...WithValue.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...WithValue.parameters?.docs?.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...WithDefaultValue.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...WithDefaultValue.parameters?.docs?.source}}},WithLabelAndValue.parameters={...WithLabelAndValue.parameters,docs:{...WithLabelAndValue.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...WithLabelAndValue.parameters?.docs?.source}}},RequiredWithLabelAndValue.parameters={...RequiredWithLabelAndValue.parameters,docs:{...RequiredWithLabelAndValue.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...RequiredWithLabelAndValue.parameters?.docs?.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...WithLinkInLabel.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...WithLinkInLabel.parameters?.docs?.source}}},WithErrors.parameters={...WithErrors.parameters,docs:{...WithErrors.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...WithErrors.parameters?.docs?.source}}},Readonly.parameters={...Readonly.parameters,docs:{...Readonly.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...Readonly.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...Disabled.parameters?.docs?.source}}},InputField_stories_Number.parameters={...InputField_stories_Number.parameters,docs:{...InputField_stories_Number.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...InputField_stories_Number.parameters?.docs?.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...ContentOnly.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...ContentOnly.parameters?.docs?.source}}},ContentOnlyWithDefaultContent.parameters={...ContentOnlyWithDefaultContent.parameters,docs:{...ContentOnlyWithDefaultContent.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...ContentOnlyWithDefaultContent.parameters?.docs?.source}}},FileInput.parameters={...FileInput.parameters,docs:{...FileInput.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...FileInput.parameters?.docs?.source}}},FileInputWithButtonContentAndSelectedFile.parameters={...FileInputWithButtonContentAndSelectedFile.parameters,docs:{...FileInputWithButtonContentAndSelectedFile.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...FileInputWithButtonContentAndSelectedFile.parameters?.docs?.source}}},DateInput.parameters={...DateInput.parameters,docs:{...DateInput.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...DateInput.parameters?.docs?.source}}},DateInputWithValue.parameters={...DateInputWithValue.parameters,docs:{...DateInputWithValue.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...DateInputWithValue.parameters?.docs?.source}}},DateInputWithValueAndError.parameters={...DateInputWithValueAndError.parameters,docs:{...DateInputWithValueAndError.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...DateInputWithValueAndError.parameters?.docs?.source}}},DateInputWithMinAndMaxDate.parameters={...DateInputWithMinAndMaxDate.parameters,docs:{...DateInputWithMinAndMaxDate.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...DateInputWithMinAndMaxDate.parameters?.docs?.source}}},InputWithCustomWidth.parameters={...InputWithCustomWidth.parameters,docs:{...InputWithCustomWidth.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...InputWithCustomWidth.parameters?.docs?.source}}},InputWithCustomElementKey.parameters={...InputWithCustomElementKey.parameters,docs:{...InputWithCustomElementKey.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...InputWithCustomElementKey.parameters?.docs?.source}}},InputWithCustomTheme.parameters={...InputWithCustomTheme.parameters,docs:{...InputWithCustomTheme.parameters?.docs,source:{originalSource:"args => <InputField {...args} />",...InputWithCustomTheme.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Required","WithValue","WithDefaultValue","WithLabelAndValue","RequiredWithLabelAndValue","WithLinkInLabel","WithErrors","Readonly","Disabled","Number","ContentOnly","ContentOnlyWithDefaultContent","FileInput","FileInputWithButtonContentAndSelectedFile","DateInput","DateInputWithValue","DateInputWithValueAndError","DateInputWithMinAndMaxDate","InputWithCustomWidth","InputWithCustomElementKey","InputWithCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-InputField-stories.cf6e2502.iframe.bundle.js b/docs/stories-InputField-stories.cf6e2502.iframe.bundle.js
deleted file mode 100644
index 5f848379..00000000
--- a/docs/stories-InputField-stories.cf6e2502.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[472],{"./src/stories/InputField.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,ContentOnlyWithDefaultContent:()=>ContentOnlyWithDefaultContent,DateInput:()=>DateInput,DateInputWithMinAndMaxDate:()=>DateInputWithMinAndMaxDate,DateInputWithValue:()=>DateInputWithValue,DateInputWithValueAndError:()=>DateInputWithValueAndError,Default:()=>Default,Disabled:()=>Disabled,FileInput:()=>FileInput,FileInputWithButtonContentAndSelectedFile:()=>FileInputWithButtonContentAndSelectedFile,InputWithCustomElementKey:()=>InputWithCustomElementKey,InputWithCustomTheme:()=>InputWithCustomTheme,InputWithCustomWidth:()=>InputWithCustomWidth,Number:()=>InputField_stories_Number,Readonly:()=>Readonly,Required:()=>Required,RequiredWithLabelAndValue:()=>RequiredWithLabelAndValue,WithDefaultValue:()=>WithDefaultValue,WithErrors:()=>WithErrors,WithLabelAndValue:()=>WithLabelAndValue,WithLinkInLabel:()=>WithLinkInLabel,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>InputField_stories});__webpack_require__("./node_modules/react/index.js");var Button=__webpack_require__("./src/stories/Button.jsx"),Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const InputField_module={flex:"InputField_flex__GBxDu","main-content":"InputField_main-content__EB3lR",inputField:"InputField_inputField__2U3zv",requiredSymbol:"InputField_requiredSymbol__ZvvqD",file:"InputField_file__RzXh5",input:"InputField_input__beKMZ",hasErrors:"InputField_hasErrors__yfpEs",fileInputContainer:"InputField_fileInputContainer__7Rg5B"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const InputField=props=>{var _props$width;const getErrorElementId=()=>"".concat(props.id,"-errorMessage"),defaultValue=props.defaultValue?props.defaultValue:props.value||null,defaultKey=props.elementKey||null,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}};var theme,value,defaultContent;return(0,jsx_runtime.jsxs)("div",{className:"".concat(InputField_module.inputField," ").concat(InputField_module[props.type]),children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:InputField_module.requiredSymbol}),"file"===props.type?(0,jsx_runtime.jsxs)("div",{className:InputField_module.fileInputContainer,children:[(0,jsx_runtime.jsx)("span",{className:InputField_module.input,children:props.selectedFileName}),props.buttonContent?(0,jsx_runtime.jsx)(Button.Z,{color:props.buttonColor,onClick:()=>{document.getElementById(props.id).click()},content:props.buttonContent,type:"button",theme:props.theme}):null]}):null]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.value||props.defaultValue,defaultContent=props.defaultContent,"date"===props.type?value?(inputDate=>{if(!inputDate)return null;const date=new Date(inputDate),year=date.getFullYear(),month=date.getMonth()+1<10?"0".concat(date.getMonth()+1):date.getMonth()+1,day=date.getDate()<10?"0".concat(date.getDate()):date.getDate();return"".concat(day,".").concat(month,".").concat(year)})(value):defaultContent:value||defaultContent)}):(0,jsx_runtime.jsx)("input",{...((defaultValue,defaultKey,styleRules)=>{var _props$errorMessage,_props$ariaDescribed;return{name:props.name,readOnly:props.readOnly,disabled:props.disabled,required:props.required,type:props.type,role:props.role,id:props.id,key:defaultKey||"".concat(props.id,"-").concat((0,generators.z)(6)),min:props.min||null,max:props.max||null,onChange:props.onChange,onBlur:props.onBlur,[defaultValue?"defaultValue":"value"]:defaultValue||props.value,placeholder:props.placeholder||null,className:props.hasErrors?InputField_module.hasErrors:null,"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,"aria-autocomplete":props["aria-autocomplete"]||null,"data-transaction-name":props["data-transaction-name"]||null,style:styleRules}})(defaultValue,defaultKey,styleRules)}),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})};InputField.defaultProps={onChange:()=>!1,name:"",type:"text",required:!1,label:"",contentOnly:!1,buttonColor:"default",dateFormat:"d. MMMM, yyyy",placeholder:"",defaultContent:"",hasErrors:!1,errorMessage:""};const stories_InputField=InputField;InputField.__docgenInfo={description:"",methods:[],displayName:"InputField",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},type:{defaultValue:{value:'"text"',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},buttonColor:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},dateFormat:{defaultValue:{value:'"d. MMMM, yyyy"',computed:!1},description:"",type:{name:"string"},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!0},onBlur:{description:"",type:{name:"func"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"any"},required:!1},defaultValue:{description:"",type:{name:"any"},required:!1},elementKey:{description:"",type:{name:"string"},required:!1},buttonContent:{description:"",type:{name:"string"},required:!1},selectedFileName:{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"aria-autocomplete":{description:"",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"inline"',computed:!1},{value:'"list"',computed:!1},{value:'"both"',computed:!1}]},required:!1},theme:{description:"",type:{name:"object"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Required$parameters,_Required$parameters2,_Required$parameters3,_WithValue$parameters,_WithValue$parameters2,_WithValue$parameters3,_WithDefaultValue$par,_WithDefaultValue$par2,_WithDefaultValue$par3,_WithLabelAndValue$pa,_WithLabelAndValue$pa2,_WithLabelAndValue$pa3,_RequiredWithLabelAnd,_RequiredWithLabelAnd2,_RequiredWithLabelAnd3,_WithLinkInLabel$para,_WithLinkInLabel$para2,_WithLinkInLabel$para3,_WithErrors$parameter,_WithErrors$parameter2,_WithErrors$parameter3,_Readonly$parameters,_Readonly$parameters2,_Readonly$parameters3,_Disabled$parameters,_Disabled$parameters2,_Disabled$parameters3,_Number$parameters,_Number$parameters2,_Number$parameters2$d,_ContentOnly$paramete,_ContentOnly$paramete2,_ContentOnly$paramete3,_ContentOnlyWithDefau,_ContentOnlyWithDefau2,_ContentOnlyWithDefau3,_FileInput$parameters,_FileInput$parameters2,_FileInput$parameters3,_FileInputWithButtonC,_FileInputWithButtonC2,_FileInputWithButtonC3,_DateInput$parameters,_DateInput$parameters2,_DateInput$parameters3,_DateInputWithValue$p,_DateInputWithValue$p2,_DateInputWithValue$p3,_DateInputWithValueAn,_DateInputWithValueAn2,_DateInputWithValueAn3,_DateInputWithMinAndM,_DateInputWithMinAndM2,_DateInputWithMinAndM3,_InputWithCustomWidth,_InputWithCustomWidth2,_InputWithCustomWidth3,_InputWithCustomEleme,_InputWithCustomEleme2,_InputWithCustomEleme3,_InputWithCustomTheme,_InputWithCustomTheme2,_InputWithCustomTheme3,customTheme=__webpack_require__("./src/data/customTheme.js");const InputField_stories={title:"Example/InputField",component:stories_InputField,argTypes:{"aria-autocomplete":{control:"select",options:["none","inline","list","both"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_InputField,{...args}),Default=Template.bind({});Default.args={id:"inputField1"};const Required=Template.bind({});Required.args={id:"inputField2",required:!0};const WithValue=Template.bind({});WithValue.args={id:"inputField3",value:"Input field value"};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"inputField4",value:"Input field default value"};const WithLabelAndValue=Template.bind({});WithLabelAndValue.args={id:"inputField5",value:"Input field value",label:"Input field label"};const RequiredWithLabelAndValue=Template.bind({});RequiredWithLabelAndValue.args={id:"inputField6",value:"Input field value",label:"Input field label",required:!0};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"inputField7",value:"Input field value",label:["Input with ",(0,jsx_runtime.jsx)("a",{href:"#label-link",children:"link"},"labelLink")," in label"]};const WithErrors=Template.bind({});WithErrors.args={id:"inputField8",value:"Input field value",label:"Input with label, value, errors and error message",hasErrors:!0,errorMessage:"Wrong value"};const Readonly=Template.bind({});Readonly.args={id:"inputField9",value:"Input field value",label:"Readonly input",readOnly:!0};const Disabled=Template.bind({});Disabled.args={id:"inputField10",value:"Input field value",label:"Disabled input",disabled:!0};const InputField_stories_Number=Template.bind({});InputField_stories_Number.args={id:"inputField11",value:"3",label:"Input with number values",type:"number"};const ContentOnly=Template.bind({});ContentOnly.args={id:"inputField12",value:"Input field value",label:"Input with contentOnly set to true",contentOnly:!0};const ContentOnlyWithDefaultContent=Template.bind({});ContentOnlyWithDefaultContent.args={id:"inputField13",label:"Input with contentOnly set to true and default content",contentOnly:!0,defaultContent:"Default content"};const FileInput=Template.bind({});FileInput.args={id:"inputField14",label:"File input",type:"file"};const FileInputWithButtonContentAndSelectedFile=Template.bind({});FileInputWithButtonContentAndSelectedFile.args={id:"inputField15",label:"File input",type:"file",buttonContent:"Legg til fil",selectedFileName:"file.txt"};const DateInput=Template.bind({});DateInput.args={id:"inputField16",label:"Date input without value",type:"date"};const DateInputWithValue=Template.bind({});DateInputWithValue.args={id:"inputField17",label:"Date input with value",value:"2020-05-10",type:"date"};const DateInputWithValueAndError=Template.bind({});DateInputWithValueAndError.args={id:"inputField17",label:"Date input with error",value:"2020-05-10",type:"date",hasErrors:!0,errorMessage:"Wrong date value"};const DateInputWithMinAndMaxDate=Template.bind({});DateInputWithMinAndMaxDate.args={id:"inputField18",label:"Date input with min and max date",value:"2020-05-10",type:"date",selectsStart:!0,min:"2020-05-04",max:"2020-05-19"};const InputWithCustomWidth=Template.bind({});InputWithCustomWidth.args={id:"inputField19",label:"Input with custom width",width:"400px"};const InputWithCustomElementKey=Template.bind({});InputWithCustomElementKey.args={id:"inputField20",label:"Input with custom element key",elementKey:"inputKeyHere"};const InputWithCustomTheme=Template.bind({});InputWithCustomTheme.args={id:"inputField21",label:"Input with custom thene",themne:customTheme.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},WithValue.parameters={...WithValue.parameters,docs:{...null===(_WithValue$parameters=WithValue.parameters)||void 0===_WithValue$parameters?void 0:_WithValue$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_WithValue$parameters2=WithValue.parameters)||void 0===_WithValue$parameters2||null===(_WithValue$parameters3=_WithValue$parameters2.docs)||void 0===_WithValue$parameters3?void 0:_WithValue$parameters3.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...null===(_WithDefaultValue$par=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par?void 0:_WithDefaultValue$par.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_WithDefaultValue$par2=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par2||null===(_WithDefaultValue$par3=_WithDefaultValue$par2.docs)||void 0===_WithDefaultValue$par3?void 0:_WithDefaultValue$par3.source}}},WithLabelAndValue.parameters={...WithLabelAndValue.parameters,docs:{...null===(_WithLabelAndValue$pa=WithLabelAndValue.parameters)||void 0===_WithLabelAndValue$pa?void 0:_WithLabelAndValue$pa.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_WithLabelAndValue$pa2=WithLabelAndValue.parameters)||void 0===_WithLabelAndValue$pa2||null===(_WithLabelAndValue$pa3=_WithLabelAndValue$pa2.docs)||void 0===_WithLabelAndValue$pa3?void 0:_WithLabelAndValue$pa3.source}}},RequiredWithLabelAndValue.parameters={...RequiredWithLabelAndValue.parameters,docs:{...null===(_RequiredWithLabelAnd=RequiredWithLabelAndValue.parameters)||void 0===_RequiredWithLabelAnd?void 0:_RequiredWithLabelAnd.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_RequiredWithLabelAnd2=RequiredWithLabelAndValue.parameters)||void 0===_RequiredWithLabelAnd2||null===(_RequiredWithLabelAnd3=_RequiredWithLabelAnd2.docs)||void 0===_RequiredWithLabelAnd3?void 0:_RequiredWithLabelAnd3.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...null===(_WithLinkInLabel$para=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para?void 0:_WithLinkInLabel$para.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_WithLinkInLabel$para2=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para2||null===(_WithLinkInLabel$para3=_WithLinkInLabel$para2.docs)||void 0===_WithLinkInLabel$para3?void 0:_WithLinkInLabel$para3.source}}},WithErrors.parameters={...WithErrors.parameters,docs:{...null===(_WithErrors$parameter=WithErrors.parameters)||void 0===_WithErrors$parameter?void 0:_WithErrors$parameter.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_WithErrors$parameter2=WithErrors.parameters)||void 0===_WithErrors$parameter2||null===(_WithErrors$parameter3=_WithErrors$parameter2.docs)||void 0===_WithErrors$parameter3?void 0:_WithErrors$parameter3.source}}},Readonly.parameters={...Readonly.parameters,docs:{...null===(_Readonly$parameters=Readonly.parameters)||void 0===_Readonly$parameters?void 0:_Readonly$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_Readonly$parameters2=Readonly.parameters)||void 0===_Readonly$parameters2||null===(_Readonly$parameters3=_Readonly$parameters2.docs)||void 0===_Readonly$parameters3?void 0:_Readonly$parameters3.source}}},Disabled.parameters={...Disabled.parameters,docs:{...null===(_Disabled$parameters=Disabled.parameters)||void 0===_Disabled$parameters?void 0:_Disabled$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_Disabled$parameters2=Disabled.parameters)||void 0===_Disabled$parameters2||null===(_Disabled$parameters3=_Disabled$parameters2.docs)||void 0===_Disabled$parameters3?void 0:_Disabled$parameters3.source}}},InputField_stories_Number.parameters={...InputField_stories_Number.parameters,docs:{...null===(_Number$parameters=InputField_stories_Number.parameters)||void 0===_Number$parameters?void 0:_Number$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_Number$parameters2=InputField_stories_Number.parameters)||void 0===_Number$parameters2||null===(_Number$parameters2$d=_Number$parameters2.docs)||void 0===_Number$parameters2$d?void 0:_Number$parameters2$d.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...null===(_ContentOnly$paramete=ContentOnly.parameters)||void 0===_ContentOnly$paramete?void 0:_ContentOnly$paramete.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_ContentOnly$paramete2=ContentOnly.parameters)||void 0===_ContentOnly$paramete2||null===(_ContentOnly$paramete3=_ContentOnly$paramete2.docs)||void 0===_ContentOnly$paramete3?void 0:_ContentOnly$paramete3.source}}},ContentOnlyWithDefaultContent.parameters={...ContentOnlyWithDefaultContent.parameters,docs:{...null===(_ContentOnlyWithDefau=ContentOnlyWithDefaultContent.parameters)||void 0===_ContentOnlyWithDefau?void 0:_ContentOnlyWithDefau.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_ContentOnlyWithDefau2=ContentOnlyWithDefaultContent.parameters)||void 0===_ContentOnlyWithDefau2||null===(_ContentOnlyWithDefau3=_ContentOnlyWithDefau2.docs)||void 0===_ContentOnlyWithDefau3?void 0:_ContentOnlyWithDefau3.source}}},FileInput.parameters={...FileInput.parameters,docs:{...null===(_FileInput$parameters=FileInput.parameters)||void 0===_FileInput$parameters?void 0:_FileInput$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_FileInput$parameters2=FileInput.parameters)||void 0===_FileInput$parameters2||null===(_FileInput$parameters3=_FileInput$parameters2.docs)||void 0===_FileInput$parameters3?void 0:_FileInput$parameters3.source}}},FileInputWithButtonContentAndSelectedFile.parameters={...FileInputWithButtonContentAndSelectedFile.parameters,docs:{...null===(_FileInputWithButtonC=FileInputWithButtonContentAndSelectedFile.parameters)||void 0===_FileInputWithButtonC?void 0:_FileInputWithButtonC.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_FileInputWithButtonC2=FileInputWithButtonContentAndSelectedFile.parameters)||void 0===_FileInputWithButtonC2||null===(_FileInputWithButtonC3=_FileInputWithButtonC2.docs)||void 0===_FileInputWithButtonC3?void 0:_FileInputWithButtonC3.source}}},DateInput.parameters={...DateInput.parameters,docs:{...null===(_DateInput$parameters=DateInput.parameters)||void 0===_DateInput$parameters?void 0:_DateInput$parameters.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_DateInput$parameters2=DateInput.parameters)||void 0===_DateInput$parameters2||null===(_DateInput$parameters3=_DateInput$parameters2.docs)||void 0===_DateInput$parameters3?void 0:_DateInput$parameters3.source}}},DateInputWithValue.parameters={...DateInputWithValue.parameters,docs:{...null===(_DateInputWithValue$p=DateInputWithValue.parameters)||void 0===_DateInputWithValue$p?void 0:_DateInputWithValue$p.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_DateInputWithValue$p2=DateInputWithValue.parameters)||void 0===_DateInputWithValue$p2||null===(_DateInputWithValue$p3=_DateInputWithValue$p2.docs)||void 0===_DateInputWithValue$p3?void 0:_DateInputWithValue$p3.source}}},DateInputWithValueAndError.parameters={...DateInputWithValueAndError.parameters,docs:{...null===(_DateInputWithValueAn=DateInputWithValueAndError.parameters)||void 0===_DateInputWithValueAn?void 0:_DateInputWithValueAn.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_DateInputWithValueAn2=DateInputWithValueAndError.parameters)||void 0===_DateInputWithValueAn2||null===(_DateInputWithValueAn3=_DateInputWithValueAn2.docs)||void 0===_DateInputWithValueAn3?void 0:_DateInputWithValueAn3.source}}},DateInputWithMinAndMaxDate.parameters={...DateInputWithMinAndMaxDate.parameters,docs:{...null===(_DateInputWithMinAndM=DateInputWithMinAndMaxDate.parameters)||void 0===_DateInputWithMinAndM?void 0:_DateInputWithMinAndM.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_DateInputWithMinAndM2=DateInputWithMinAndMaxDate.parameters)||void 0===_DateInputWithMinAndM2||null===(_DateInputWithMinAndM3=_DateInputWithMinAndM2.docs)||void 0===_DateInputWithMinAndM3?void 0:_DateInputWithMinAndM3.source}}},InputWithCustomWidth.parameters={...InputWithCustomWidth.parameters,docs:{...null===(_InputWithCustomWidth=InputWithCustomWidth.parameters)||void 0===_InputWithCustomWidth?void 0:_InputWithCustomWidth.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_InputWithCustomWidth2=InputWithCustomWidth.parameters)||void 0===_InputWithCustomWidth2||null===(_InputWithCustomWidth3=_InputWithCustomWidth2.docs)||void 0===_InputWithCustomWidth3?void 0:_InputWithCustomWidth3.source}}},InputWithCustomElementKey.parameters={...InputWithCustomElementKey.parameters,docs:{...null===(_InputWithCustomEleme=InputWithCustomElementKey.parameters)||void 0===_InputWithCustomEleme?void 0:_InputWithCustomEleme.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_InputWithCustomEleme2=InputWithCustomElementKey.parameters)||void 0===_InputWithCustomEleme2||null===(_InputWithCustomEleme3=_InputWithCustomEleme2.docs)||void 0===_InputWithCustomEleme3?void 0:_InputWithCustomEleme3.source}}},InputWithCustomTheme.parameters={...InputWithCustomTheme.parameters,docs:{...null===(_InputWithCustomTheme=InputWithCustomTheme.parameters)||void 0===_InputWithCustomTheme?void 0:_InputWithCustomTheme.docs,source:{originalSource:"args => <InputField {...args} />",...null===(_InputWithCustomTheme2=InputWithCustomTheme.parameters)||void 0===_InputWithCustomTheme2||null===(_InputWithCustomTheme3=_InputWithCustomTheme2.docs)||void 0===_InputWithCustomTheme3?void 0:_InputWithCustomTheme3.source}}};const __namedExportsOrder=["Default","Required","WithValue","WithDefaultValue","WithLabelAndValue","RequiredWithLabelAndValue","WithLinkInLabel","WithErrors","Readonly","Disabled","Number","ContentOnly","ContentOnlyWithDefaultContent","FileInput","FileInputWithButtonContentAndSelectedFile","DateInput","DateInputWithValue","DateInputWithValueAndError","DateInputWithMinAndMaxDate","InputWithCustomWidth","InputWithCustomElementKey","InputWithCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/Button.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Button});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Button_module={flex:"Button_flex__G9ecJ","main-content":"Button_main-content__DAgbp",button:"Button_button__pvEBV",hasTheme:"Button_hasTheme__4T5g8",regular:"Button_regular__T82fu",small:"Button_small__lBoXK",default:"Button_default__noqlM",noHover:"Button_noHover__NOwLR",primary:"Button_primary__KbKRC",disabled:"Button_disabled__X1VlU",hasErrors:"Button_hasErrors__CjrdX",rounded:"Button_rounded__RfloY",hasArrowLeft:"Button_hasArrowLeft__h40ly",pushprev:"Button_pushprev__pEKbm",hasArrowRight:"Button_hasArrowRight__9Fb8A",pushnext:"Button_pushnext__SdFUh"};var dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Button=props=>{var _props$href,_props$href2,_props$children;let buttonProps={...props,"aria-invalid":props.hasErrors||null,href:!props.disabled&&null!==(_props$href=props.href)&&void 0!==_props$href&&_props$href.length?props.href:null};delete buttonProps.noHover,delete buttonProps.hasErrors,delete buttonProps.rounded,delete buttonProps.inputType,delete buttonProps.color,delete buttonProps.content,delete buttonProps.arrow;const buttonColor="radio"===(null==props?void 0:props.inputType)?props.defaultChecked?"primary":"default":props.color,themeStyle=props.theme?(theme=props.theme,color=buttonColor,{backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color),borderColor:(0,functions_theme.jw)(theme,color),borderWidth:(0,functions_theme.jw)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.w6)([Button_module.button,Button_module[buttonColor],Button_module[props.size],(arrow=>{switch(arrow){case"left":return Button_module.hasArrowLeft;case"right":return Button_module.hasArrowRight;default:return""}})(props.arrow),props.theme&&Button_module.hasTheme,props.noHover||"radio"===(null==props?void 0:props.inputType)?Button_module.noHover:null,props.rounded&&Button_module.rounded,props.hasErrors&&Button_module.hasErrors,props.disabled&&Button_module.disabled]);return"button"===props.inputType?(0,jsx_runtime.jsx)("input",{...buttonProps,className,style:themeStyle,type:"button",value:props.content}):"radio"===props.inputType?(0,jsx_runtime.jsxs)("label",{className,children:[(0,jsx_runtime.jsx)("input",{...buttonProps,style:themeStyle,type:"radio"}),props.content]}):null!==(_props$href2=props.href)&&void 0!==_props$href2&&_props$href2.length&&!props.disabled?(0,jsx_runtime.jsx)("a",{...buttonProps,className,style:themeStyle,children:props.content||props.children}):(null==props||null===(_props$children=props.children)||void 0===_props$children?void 0:_props$children.type)===dist.rU?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$props,_childElement$props2,_childElement$props3;return!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props=childElement.props)&&void 0!==_childElement$props&&_childElement$props.to?react.cloneElement(childElement,{className,style:themeStyle,key:"button-".concat(index),to:!buttonProps.disabled&&null!=childElement&&null!==(_childElement$props2=childElement.props)&&void 0!==_childElement$props2&&_childElement$props2.to?null==childElement||null===(_childElement$props3=childElement.props)||void 0===_childElement$props3?void 0:_childElement$props3.to:null}):(0,react.createElement)("button",{...buttonProps,key:"button-".concat(index),className,style:themeStyle},props.content||childElement.props.children)})))}):(0,jsx_runtime.jsx)("button",{...buttonProps,className,style:themeStyle,children:props.content||props.children});var childElements};Button.defaultProps={color:"default",size:"regular",disabled:!1,hasErrors:!1,noHover:!1,arrow:"none"};const stories_Button=Button;Button.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"Button",props:{color:{defaultValue:{value:'"default"',computed:!1},description:"What color to use",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1}]},required:!1},size:{defaultValue:{value:'"regular"',computed:!1},description:"How large should the button be?",type:{name:"enum",value:[{value:'"small"',computed:!1},{value:'"regular"',computed:!1}]},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noHover:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},arrow:{defaultValue:{value:'"none"',computed:!1},description:"Which direction should the arrow point",type:{name:"enum",value:[{value:'"none"',computed:!1},{value:'"left"',computed:!1},{value:'"right"',computed:!1}]},required:!1},content:{description:"Text content inside button",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputType:{description:"Button is used as an input",type:{name:"enum",value:[{value:'"button"',computed:!1},{value:'"radio"',computed:!1}]},required:!1},name:{description:"Name if button is used as an radio input",type:{name:"string"},required:!1},defaultChecked:{description:"Checked if button is used as an radio input",type:{name:"bool"},required:!1},required:{description:"",type:{name:"bool"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},rounded:{description:"",type:{name:"bool"},required:!1},href:{description:"",type:{name:"string"},required:!1},onClick:{description:"Optional click handler",type:{name:"func"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}}}]);
\ No newline at end of file
diff --git a/docs/stories-Label-stories.1826698a.iframe.bundle.js b/docs/stories-Label-stories.1826698a.iframe.bundle.js
new file mode 100644
index 00000000..b9400f49
--- /dev/null
+++ b/docs/stories-Label-stories.1826698a.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Label-stories.1826698a.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[534],{"./src/stories/Label.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Inline:()=>Inline,LabelStyledSpan:()=>LabelStyledSpan,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Label__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Label.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Label",component:_Label__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Label__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={children:"Label"};const Inline=Template.bind({});Inline.args={children:"Inline label",inline:!0};const LabelStyledSpan=Template.bind({});LabelStyledSpan.args={children:"Label styled span",htmlTag:"span"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Label {...args} />",...Default.parameters?.docs?.source}}},Inline.parameters={...Inline.parameters,docs:{...Inline.parameters?.docs,source:{originalSource:"args => <Label {...args} />",...Inline.parameters?.docs?.source}}},LabelStyledSpan.parameters={...LabelStyledSpan.parameters,docs:{...LabelStyledSpan.parameters?.docs,source:{originalSource:"args => <Label {...args} />",...LabelStyledSpan.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Inline","LabelStyledSpan"]},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Label-stories.24f65a4f.iframe.bundle.js.LICENSE.txt b/docs/stories-Label-stories.1826698a.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Label-stories.24f65a4f.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Label-stories.1826698a.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Label-stories.24f65a4f.iframe.bundle.js b/docs/stories-Label-stories.24f65a4f.iframe.bundle.js
deleted file mode 100644
index 487db7e0..00000000
--- a/docs/stories-Label-stories.24f65a4f.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Label-stories.24f65a4f.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[534],{"./src/stories/Label.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Inline:()=>Inline,LabelStyledSpan:()=>LabelStyledSpan,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Inline$parameters,_Inline$parameters2,_Inline$parameters2$d,_LabelStyledSpan$para,_LabelStyledSpan$para2,_LabelStyledSpan$para3,_Label__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/Label.jsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Label",component:_Label__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Label__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={children:"Label"};const Inline=Template.bind({});Inline.args={children:"Inline label",inline:!0};const LabelStyledSpan=Template.bind({});LabelStyledSpan.args={children:"Label styled span",htmlTag:"span"},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Label {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Inline.parameters={...Inline.parameters,docs:{...null===(_Inline$parameters=Inline.parameters)||void 0===_Inline$parameters?void 0:_Inline$parameters.docs,source:{originalSource:"args => <Label {...args} />",...null===(_Inline$parameters2=Inline.parameters)||void 0===_Inline$parameters2||null===(_Inline$parameters2$d=_Inline$parameters2.docs)||void 0===_Inline$parameters2$d?void 0:_Inline$parameters2$d.source}}},LabelStyledSpan.parameters={...LabelStyledSpan.parameters,docs:{...null===(_LabelStyledSpan$para=LabelStyledSpan.parameters)||void 0===_LabelStyledSpan$para?void 0:_LabelStyledSpan$para.docs,source:{originalSource:"args => <Label {...args} />",...null===(_LabelStyledSpan$para2=LabelStyledSpan.parameters)||void 0===_LabelStyledSpan$para2||null===(_LabelStyledSpan$para3=_LabelStyledSpan$para2.docs)||void 0===_LabelStyledSpan$para3?void 0:_LabelStyledSpan$para3.source}}};const __namedExportsOrder=["Default","Inline","LabelStyledSpan"]},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-List-stories.8ddacce0.iframe.bundle.js b/docs/stories-List-stories.8ddacce0.iframe.bundle.js
new file mode 100644
index 00000000..e1256853
--- /dev/null
+++ b/docs/stories-List-stories.8ddacce0.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-List-stories.8ddacce0.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[521],{"./src/stories/List.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Ordered:()=>Ordered,Unordered:()=>Unordered,UnorderedListWithSubItems:()=>UnorderedListWithSubItems,UnorderedSquareStyled:()=>UnorderedSquareStyled,UnorderedUnstyled:()=>UnorderedUnstyled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>List_stories});var react=__webpack_require__("./node_modules/react/index.js");const List_module_list="List_list__Fed3f",List_module_compact="List_compact__wuwoS",List=props=>(()=>{let listType=props.ordered?"ol":"ul";const defaultListStyle=props.ordered?"decimal":"disc";return react.createElement(listType,{className:"".concat(List_module_list," ").concat(props.compact?List_module_compact:""),style:{"--listStyle":props.listStyle||defaultListStyle}},props.children)})();List.defaultProps={ordered:!1,compact:!1};const stories_List=List;List.__docgenInfo={description:"",methods:[],displayName:"List",props:{ordered:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},compact:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},listStyle:{description:"",type:{name:"string"},required:!1}}};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ListItem=props=>{const elementProps={key:props.elementKey||null};return(0,jsx_runtime.jsxs)("li",{...elementProps,children:[props.children,props.elementKey]})},stories_ListItem=ListItem;ListItem.__docgenInfo={description:"",methods:[],displayName:"ListItem",props:{elementKey:{description:"",type:{name:"string"},required:!1}}};const List_stories={title:"Example/List",component:stories_List,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_List,{...args}),listItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 1"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 2"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 3"})]}),listItemsWithSubItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 1"}),(0,jsx_runtime.jsxs)(stories_ListItem,{children:["item 2",(0,jsx_runtime.jsxs)(stories_List,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"subitem 1"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"subitem 2"})]})]}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 3"})]}),Ordered=Template.bind({});Ordered.args={children:listItems,ordered:!0};const Unordered=Template.bind({});Unordered.args={children:listItems};const UnorderedSquareStyled=Template.bind({});UnorderedSquareStyled.args={children:listItems,listStyle:"square"};const UnorderedUnstyled=Template.bind({});UnorderedUnstyled.args={children:listItems,listStyle:"none"};const UnorderedListWithSubItems=Template.bind({});UnorderedListWithSubItems.args={children:listItemsWithSubItems},Ordered.parameters={...Ordered.parameters,docs:{...Ordered.parameters?.docs,source:{originalSource:"args => <List {...args}></List>",...Ordered.parameters?.docs?.source}}},Unordered.parameters={...Unordered.parameters,docs:{...Unordered.parameters?.docs,source:{originalSource:"args => <List {...args}></List>",...Unordered.parameters?.docs?.source}}},UnorderedSquareStyled.parameters={...UnorderedSquareStyled.parameters,docs:{...UnorderedSquareStyled.parameters?.docs,source:{originalSource:"args => <List {...args}></List>",...UnorderedSquareStyled.parameters?.docs?.source}}},UnorderedUnstyled.parameters={...UnorderedUnstyled.parameters,docs:{...UnorderedUnstyled.parameters?.docs,source:{originalSource:"args => <List {...args}></List>",...UnorderedUnstyled.parameters?.docs?.source}}},UnorderedListWithSubItems.parameters={...UnorderedListWithSubItems.parameters,docs:{...UnorderedListWithSubItems.parameters?.docs,source:{originalSource:"args => <List {...args}></List>",...UnorderedListWithSubItems.parameters?.docs?.source}}};const __namedExportsOrder=["Ordered","Unordered","UnorderedSquareStyled","UnorderedUnstyled","UnorderedListWithSubItems"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-List-stories.ed1de118.iframe.bundle.js.LICENSE.txt b/docs/stories-List-stories.8ddacce0.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-List-stories.ed1de118.iframe.bundle.js.LICENSE.txt
rename to docs/stories-List-stories.8ddacce0.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-List-stories.ed1de118.iframe.bundle.js b/docs/stories-List-stories.ed1de118.iframe.bundle.js
deleted file mode 100644
index 4b0b3cd6..00000000
--- a/docs/stories-List-stories.ed1de118.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-List-stories.ed1de118.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[521],{"./src/stories/List.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Ordered:()=>Ordered,Unordered:()=>Unordered,UnorderedListWithSubItems:()=>UnorderedListWithSubItems,UnorderedSquareStyled:()=>UnorderedSquareStyled,UnorderedUnstyled:()=>UnorderedUnstyled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>List_stories});var react=__webpack_require__("./node_modules/react/index.js");const List_module_list="List_list__Fed3f",List_module_compact="List_compact__wuwoS",List=props=>(()=>{let listType=props.ordered?"ol":"ul";const defaultListStyle=props.ordered?"decimal":"disc";return react.createElement(listType,{className:"".concat(List_module_list," ").concat(props.compact?List_module_compact:""),style:{"--listStyle":props.listStyle||defaultListStyle}},props.children)})();List.defaultProps={ordered:!1,compact:!1};const stories_List=List;List.__docgenInfo={description:"",methods:[],displayName:"List",props:{ordered:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},compact:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},listStyle:{description:"",type:{name:"string"},required:!1}}};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ListItem=props=>{const elementProps={key:props.elementKey||null};return(0,jsx_runtime.jsxs)("li",{...elementProps,children:[props.children,props.elementKey]})},stories_ListItem=ListItem;var _Ordered$parameters,_Ordered$parameters2,_Ordered$parameters2$,_Unordered$parameters,_Unordered$parameters2,_Unordered$parameters3,_UnorderedSquareStyle,_UnorderedSquareStyle2,_UnorderedSquareStyle3,_UnorderedUnstyled$pa,_UnorderedUnstyled$pa2,_UnorderedUnstyled$pa3,_UnorderedListWithSub,_UnorderedListWithSub2,_UnorderedListWithSub3;ListItem.__docgenInfo={description:"",methods:[],displayName:"ListItem",props:{elementKey:{description:"",type:{name:"string"},required:!1}}};const List_stories={title:"Example/List",component:stories_List,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_List,{...args}),listItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 1"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 2"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 3"})]}),listItemsWithSubItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 1"}),(0,jsx_runtime.jsxs)(stories_ListItem,{children:["item 2",(0,jsx_runtime.jsxs)(stories_List,{children:[(0,jsx_runtime.jsx)(stories_ListItem,{children:"subitem 1"}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"subitem 2"})]})]}),(0,jsx_runtime.jsx)(stories_ListItem,{children:"item 3"})]}),Ordered=Template.bind({});Ordered.args={children:listItems,ordered:!0};const Unordered=Template.bind({});Unordered.args={children:listItems};const UnorderedSquareStyled=Template.bind({});UnorderedSquareStyled.args={children:listItems,listStyle:"square"};const UnorderedUnstyled=Template.bind({});UnorderedUnstyled.args={children:listItems,listStyle:"none"};const UnorderedListWithSubItems=Template.bind({});UnorderedListWithSubItems.args={children:listItemsWithSubItems},Ordered.parameters={...Ordered.parameters,docs:{...null===(_Ordered$parameters=Ordered.parameters)||void 0===_Ordered$parameters?void 0:_Ordered$parameters.docs,source:{originalSource:"args => <List {...args}></List>",...null===(_Ordered$parameters2=Ordered.parameters)||void 0===_Ordered$parameters2||null===(_Ordered$parameters2$=_Ordered$parameters2.docs)||void 0===_Ordered$parameters2$?void 0:_Ordered$parameters2$.source}}},Unordered.parameters={...Unordered.parameters,docs:{...null===(_Unordered$parameters=Unordered.parameters)||void 0===_Unordered$parameters?void 0:_Unordered$parameters.docs,source:{originalSource:"args => <List {...args}></List>",...null===(_Unordered$parameters2=Unordered.parameters)||void 0===_Unordered$parameters2||null===(_Unordered$parameters3=_Unordered$parameters2.docs)||void 0===_Unordered$parameters3?void 0:_Unordered$parameters3.source}}},UnorderedSquareStyled.parameters={...UnorderedSquareStyled.parameters,docs:{...null===(_UnorderedSquareStyle=UnorderedSquareStyled.parameters)||void 0===_UnorderedSquareStyle?void 0:_UnorderedSquareStyle.docs,source:{originalSource:"args => <List {...args}></List>",...null===(_UnorderedSquareStyle2=UnorderedSquareStyled.parameters)||void 0===_UnorderedSquareStyle2||null===(_UnorderedSquareStyle3=_UnorderedSquareStyle2.docs)||void 0===_UnorderedSquareStyle3?void 0:_UnorderedSquareStyle3.source}}},UnorderedUnstyled.parameters={...UnorderedUnstyled.parameters,docs:{...null===(_UnorderedUnstyled$pa=UnorderedUnstyled.parameters)||void 0===_UnorderedUnstyled$pa?void 0:_UnorderedUnstyled$pa.docs,source:{originalSource:"args => <List {...args}></List>",...null===(_UnorderedUnstyled$pa2=UnorderedUnstyled.parameters)||void 0===_UnorderedUnstyled$pa2||null===(_UnorderedUnstyled$pa3=_UnorderedUnstyled$pa2.docs)||void 0===_UnorderedUnstyled$pa3?void 0:_UnorderedUnstyled$pa3.source}}},UnorderedListWithSubItems.parameters={...UnorderedListWithSubItems.parameters,docs:{...null===(_UnorderedListWithSub=UnorderedListWithSubItems.parameters)||void 0===_UnorderedListWithSub?void 0:_UnorderedListWithSub.docs,source:{originalSource:"args => <List {...args}></List>",...null===(_UnorderedListWithSub2=UnorderedListWithSubItems.parameters)||void 0===_UnorderedListWithSub2||null===(_UnorderedListWithSub3=_UnorderedListWithSub2.docs)||void 0===_UnorderedListWithSub3?void 0:_UnorderedListWithSub3.source}}};const __namedExportsOrder=["Ordered","Unordered","UnorderedSquareStyled","UnorderedUnstyled","UnorderedListWithSubItems"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-LoadingAnimation-stories.09d14182.iframe.bundle.js b/docs/stories-LoadingAnimation-stories.09d14182.iframe.bundle.js
new file mode 100644
index 00000000..57f47ae4
--- /dev/null
+++ b/docs/stories-LoadingAnimation-stories.09d14182.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-LoadingAnimation-stories.09d14182.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[185],{"./src/stories/LoadingAnimation.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>LoadingAnimation_stories});__webpack_require__("./node_modules/react/index.js");const LoadingAnimation_module_loadingAnimation="LoadingAnimation_loadingAnimation__lrf8-",LoadingAnimation_module_fixed="LoadingAnimation_fixed__6D0fL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const LoadingAnimation=props=>(0,jsx_runtime.jsx)("div",{className:props.fixed?LoadingAnimation_module_loadingAnimation+" "+LoadingAnimation_module_fixed:LoadingAnimation_module_loadingAnimation,children:props.message});LoadingAnimation.defaultProps={fixed:!1,active:!0,message:""};const stories_LoadingAnimation=LoadingAnimation;LoadingAnimation.__docgenInfo={description:"",methods:[],displayName:"LoadingAnimation",props:{fixed:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},message:{defaultValue:{value:'""',computed:!1},description:"Text content inside button",type:{name:"string"},required:!1}}};const LoadingAnimation_stories={title:"Example/LoadingAnimation",component:stories_LoadingAnimation,argTypes:{}},Default=(args=>(0,jsx_runtime.jsx)(stories_LoadingAnimation,{...args})).bind({});Default.args={message:"Loading..."},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <LoadingAnimation {...args} />",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js.LICENSE.txt b/docs/stories-LoadingAnimation-stories.09d14182.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js.LICENSE.txt
rename to docs/stories-LoadingAnimation-stories.09d14182.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js b/docs/stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js
deleted file mode 100644
index 62e4bab9..00000000
--- a/docs/stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-LoadingAnimation-stories.e6a88e9b.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[185],{"./src/stories/LoadingAnimation.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>LoadingAnimation_stories});__webpack_require__("./node_modules/react/index.js");const LoadingAnimation_module_loadingAnimation="LoadingAnimation_loadingAnimation__lrf8-",LoadingAnimation_module_fixed="LoadingAnimation_fixed__6D0fL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const LoadingAnimation=props=>(0,jsx_runtime.jsx)("div",{className:props.fixed?LoadingAnimation_module_loadingAnimation+" "+LoadingAnimation_module_fixed:LoadingAnimation_module_loadingAnimation,children:props.message});LoadingAnimation.defaultProps={fixed:!1,active:!0,message:""};const stories_LoadingAnimation=LoadingAnimation;var _Default$parameters,_Default$parameters2,_Default$parameters2$;LoadingAnimation.__docgenInfo={description:"",methods:[],displayName:"LoadingAnimation",props:{fixed:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},message:{defaultValue:{value:'""',computed:!1},description:"Text content inside button",type:{name:"string"},required:!1}}};const LoadingAnimation_stories={title:"Example/LoadingAnimation",component:stories_LoadingAnimation,argTypes:{}},Default=(args=>(0,jsx_runtime.jsx)(stories_LoadingAnimation,{...args})).bind({});Default.args={message:"Loading..."},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <LoadingAnimation {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}};const __namedExportsOrder=["Default"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-NavigationBar-stories.29c038b5.iframe.bundle.js b/docs/stories-NavigationBar-stories.29c038b5.iframe.bundle.js
new file mode 100644
index 00000000..0b93fdb7
--- /dev/null
+++ b/docs/stories-NavigationBar-stories.29c038b5.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-NavigationBar-stories.29c038b5.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[494],{"./src/stories/NavigationBar.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithChildElements:()=>WithChildElements,WithListItems:()=>WithListItems,WithLogoLink:()=>WithLogoLink,__namedExportsOrder:()=>__namedExportsOrder,default:()=>NavigationBar_stories});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const NavigationBarListItem=props=>{const listItemThemeStyle={color:(0,functions_theme.e3)(props.theme),borderBottomColor:(0,functions_theme.e3)(props.theme)};return"string"==typeof props.listItem?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{style:listItemThemeStyle,children:props.listItem})}):"object"==typeof props.listItem?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:props.listItem.href,style:listItemThemeStyle,children:props.listItem.name})}):null},stories_NavigationBarListItem=NavigationBarListItem;NavigationBarListItem.__docgenInfo={description:"",methods:[],displayName:"NavigationBarListItem",props:{listItem:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var dibk_logo_mobileurl=__webpack_require__("./src/assets/svg/dibk-logo-mobile.svg?url");const NavigationBar_module_navigationBarContainer="NavigationBar_navigationBarContainer__u2tMv",NavigationBar_module_mainContentLink="NavigationBar_mainContentLink__vY9Cb",NavigationBar_module_navigationBar="NavigationBar_navigationBar__tD9pd",NavigationBar_module_logoContainer="NavigationBar_logoContainer__YZP70",NavigationBar_module_childElements="NavigationBar_childElements__qXGSU",NavigationBar_module_menuToggle="NavigationBar_menuToggle__h-Za6",NavigationBar_module_hamburgerIcon="NavigationBar_hamburgerIcon__l43Gn",NavigationBar_module_line="NavigationBar_line__JDKco",NavigationBar_module_dropdownContainer="NavigationBar_dropdownContainer__C-wSv",NavigationBar_module_active="NavigationBar_active__Zjv4N",NavigationBar_module_dropdown="NavigationBar_dropdown__hhZxx",NavigationBar_module_primaryList="NavigationBar_primaryList__hYCLl",NavigationBar_module_secondaryList="NavigationBar_secondaryList__emCdi",NavigationBar=props=>{var _props$primaryListIte,_props$secondaryListI,_props$mainContentId;const[active,setActive]=(0,react.useState)(!1),renderPrimaryList=function(){let items=arguments.length>0&&void 0!==arguments[0]?arguments[0]:props.primaryListItems,iteration=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const listItemThemeStyle=(theme=props.theme,{color:(0,functions_theme.e3)(theme),borderBottomColor:(0,functions_theme.e3)(theme)});var theme;let listItems=items.map(((listItem,i)=>{let key=iteration+"-"+i;return void 0!==listItem.listItems?(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("span",{style:listItemThemeStyle,children:listItem.name}),renderPrimaryList(listItem.listItems,iteration+1)]},key):(0,jsx_runtime.jsx)(stories_NavigationBarListItem,{listItem,theme:props.theme},key)}));return!(null==listItems||!listItems.length)&&(0,jsx_runtime.jsx)("ul",{className:NavigationBar_module_primaryList,children:listItems})},navigationBarThemeStyle=(theme=props.theme,{backgroundColor:(0,functions_theme.kl)(theme),color:(0,functions_theme.e3)(theme)});var theme;const hamburgerIconLineStyle={backgroundColor:(0,functions_theme.e3)(props.theme)},hasListItems=!(null===(_props$primaryListIte=props.primaryListItems)||void 0===_props$primaryListIte||!_props$primaryListIte.length)||!(null===(_props$secondaryListI=props.secondaryListItems)||void 0===_props$secondaryListI||!_props$secondaryListI.length);return(0,jsx_runtime.jsxs)("div",{className:NavigationBar_module_navigationBarContainer,children:[(null===(_props$mainContentId=props.mainContentId)||void 0===_props$mainContentId?void 0:_props$mainContentId.length)&&(0,jsx_runtime.jsx)("a",{id:"main-content-link",href:"#".concat(props.mainContentId),className:NavigationBar_module_mainContentLink,children:(0,jsx_runtime.jsx)("span",{id:"main-content-link-text",children:"Hopp til hovedinnhold"})}),(0,jsx_runtime.jsxs)("div",{className:NavigationBar_module_navigationBar,style:navigationBarThemeStyle,children:[(0,jsx_runtime.jsx)("div",{className:NavigationBar_module_logoContainer,children:((logoLink,logoLinkTitle)=>{const themeLogo=(0,functions_theme.QV)(props.theme),themeAppName=(0,functions_theme.k0)(props.theme),renderLogoElement=()=>{const altText=logoLink&&logoLinkTitle?"":themeLogo&&themeAppName?"".concat(themeAppName," logo"):"DIBK logo";return themeLogo?(0,jsx_runtime.jsx)("img",{alt:altText,src:themeLogo,style:(theme=props.theme,{padding:(0,functions_theme.fQ)(theme)})}):(0,jsx_runtime.jsx)("img",{alt:altText,src:dibk_logo_mobileurl.Z});var theme},logoLinkProps={target:props.openLogoLinkInNewTab?"_blank":null,rel:props.openLogoLinkInNewTab?"noopener noreferrer":null};return logoLink&&logoLink.length?(0,jsx_runtime.jsx)("a",{...logoLinkProps,href:logoLink,title:logoLinkTitle,children:renderLogoElement()}):renderLogoElement()})(props.logoLink,props.logoLinkTitle)}),!!props.children&&(0,jsx_runtime.jsx)("div",{className:NavigationBar_module_childElements,children:props.children}),hasListItems&&(0,jsx_runtime.jsx)("button",{type:"button",className:"".concat(NavigationBar_module_menuToggle," ").concat(active?NavigationBar_module_active:""),onClick:()=>{setActive(!active)},"aria-expanded":active?"true":"false","aria-controls":"main-menu-dropdown",children:(0,jsx_runtime.jsxs)("span",{className:NavigationBar_module_hamburgerIcon,children:[(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle}),(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle}),(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle})]})})]}),hasListItems&&(0,jsx_runtime.jsx)(react.Fragment,{children:(0,jsx_runtime.jsx)("div",{className:"".concat(NavigationBar_module_dropdownContainer," ").concat(active?NavigationBar_module_active:""),children:(0,jsx_runtime.jsxs)("div",{id:"main-menu-dropdown",className:NavigationBar_module_dropdown,style:navigationBarThemeStyle,children:[renderPrimaryList(),(()=>{let listItems=props.secondaryListItems.map(((listItem,i)=>(0,jsx_runtime.jsx)(stories_NavigationBarListItem,{listItem,theme:props.theme},i)));return!(null==listItems||!listItems.length)&&(0,jsx_runtime.jsx)("ul",{className:NavigationBar_module_secondaryList,children:listItems})})()]})})})]})};NavigationBar.defaultProps={primaryListItems:[],secondaryListItems:[],logoLink:null};const stories_NavigationBar=NavigationBar;NavigationBar.__docgenInfo={description:"",methods:[],displayName:"NavigationBar",props:{primaryListItems:{defaultValue:{value:"[]",computed:!1},description:"Main links in navigation bar",type:{name:"array"},required:!1},secondaryListItems:{defaultValue:{value:"[]",computed:!1},description:"Secondary links in navigation bar",type:{name:"array"},required:!1},logoLink:{defaultValue:{value:"null",computed:!1},description:"Link for logo",type:{name:"string"},required:!1},logoLinkTitle:{description:"Title for the logo link",type:{name:"string"},required:!1},openLogoLinkInNewTab:{description:"Opens logo link in a new tab on click",type:{name:"bool"},required:!1},theme:{description:"Theme for navigation bar",type:{name:"object"},required:!1}}};const NavigationBar_stories={title:"Example/NavigationBar",component:stories_NavigationBar,argTypes:{primaryListItems:{name:"primaryListItems",type:{name:"array",required:!1},defaultValue:[]},secondaryListItems:{name:"secondaryListItems",type:{name:"array",required:!1},defaultValue:[]}}},Template=args=>(0,jsx_runtime.jsx)(stories_NavigationBar,{...args}),Default=Template.bind({});Default.args={};const WithLogoLink=Template.bind({});WithLogoLink.args={logoLink:"https://dibk.no/",logoLinkTitle:"Gå til forside",openLogoLinkInNewTab:!0,mainContentId:"main-content"};const WithListItems=Template.bind({});WithListItems.args={primaryListItems:[{name:"Primary item 1",listItems:["Sub item 1","Sub item 2"]},"Primary item 2",{name:"Primary item 3",href:"#"}],secondaryListItems:["Secondary item 1","Secondary item 2"],mainContentId:"main-content"};const WithChildElements=Template.bind({});WithChildElements.args={children:(0,jsx_runtime.jsx)("span",{children:"Content here"}),mainContentId:"main-content"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...Default.parameters?.docs?.source}}},WithLogoLink.parameters={...WithLogoLink.parameters,docs:{...WithLogoLink.parameters?.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...WithLogoLink.parameters?.docs?.source}}},WithListItems.parameters={...WithListItems.parameters,docs:{...WithListItems.parameters?.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...WithListItems.parameters?.docs?.source}}},WithChildElements.parameters={...WithChildElements.parameters,docs:{...WithChildElements.parameters?.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...WithChildElements.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithLogoLink","WithListItems","WithChildElements"]},"./src/assets/svg/dibk-logo-mobile.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/dibk-logo-mobile.120629cce1f04efceffd70d792221de7.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js.LICENSE.txt b/docs/stories-NavigationBar-stories.29c038b5.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js.LICENSE.txt
rename to docs/stories-NavigationBar-stories.29c038b5.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js b/docs/stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js
deleted file mode 100644
index 30e5ea33..00000000
--- a/docs/stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-NavigationBar-stories.dfcdb5ca.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[494],{"./src/stories/NavigationBar.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithChildElements:()=>WithChildElements,WithListItems:()=>WithListItems,WithLogoLink:()=>WithLogoLink,__namedExportsOrder:()=>__namedExportsOrder,default:()=>NavigationBar_stories});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const NavigationBarListItem=props=>{const listItemThemeStyle={color:(0,functions_theme.e3)(props.theme),borderBottomColor:(0,functions_theme.e3)(props.theme)};return"string"==typeof props.listItem?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{style:listItemThemeStyle,children:props.listItem})}):"object"==typeof props.listItem?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:props.listItem.href,style:listItemThemeStyle,children:props.listItem.name})}):null},stories_NavigationBarListItem=NavigationBarListItem;NavigationBarListItem.__docgenInfo={description:"",methods:[],displayName:"NavigationBarListItem",props:{listItem:{description:"",type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var dibk_logo_mobileurl=__webpack_require__("./src/assets/svg/dibk-logo-mobile.svg?url");const NavigationBar_module_navigationBarContainer="NavigationBar_navigationBarContainer__u2tMv",NavigationBar_module_mainContentLink="NavigationBar_mainContentLink__vY9Cb",NavigationBar_module_navigationBar="NavigationBar_navigationBar__tD9pd",NavigationBar_module_logoContainer="NavigationBar_logoContainer__YZP70",NavigationBar_module_childElements="NavigationBar_childElements__qXGSU",NavigationBar_module_menuToggle="NavigationBar_menuToggle__h-Za6",NavigationBar_module_hamburgerIcon="NavigationBar_hamburgerIcon__l43Gn",NavigationBar_module_line="NavigationBar_line__JDKco",NavigationBar_module_dropdownContainer="NavigationBar_dropdownContainer__C-wSv",NavigationBar_module_active="NavigationBar_active__Zjv4N",NavigationBar_module_dropdown="NavigationBar_dropdown__hhZxx",NavigationBar_module_primaryList="NavigationBar_primaryList__hYCLl",NavigationBar_module_secondaryList="NavigationBar_secondaryList__emCdi",NavigationBar=props=>{var _props$primaryListIte,_props$secondaryListI,_props$mainContentId;const[active,setActive]=(0,react.useState)(!1),renderPrimaryList=function(){let items=arguments.length>0&&void 0!==arguments[0]?arguments[0]:props.primaryListItems,iteration=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const listItemThemeStyle=(theme=props.theme,{color:(0,functions_theme.e3)(theme),borderBottomColor:(0,functions_theme.e3)(theme)});var theme;let listItems=items.map(((listItem,i)=>{let key=iteration+"-"+i;return void 0!==listItem.listItems?(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("span",{style:listItemThemeStyle,children:listItem.name}),renderPrimaryList(listItem.listItems,iteration+1)]},key):(0,jsx_runtime.jsx)(stories_NavigationBarListItem,{listItem,theme:props.theme},key)}));return!(null==listItems||!listItems.length)&&(0,jsx_runtime.jsx)("ul",{className:NavigationBar_module_primaryList,children:listItems})},navigationBarThemeStyle=(theme=props.theme,{backgroundColor:(0,functions_theme.kl)(theme),color:(0,functions_theme.e3)(theme)});var theme;const hamburgerIconLineStyle={backgroundColor:(0,functions_theme.e3)(props.theme)},hasListItems=!(null===(_props$primaryListIte=props.primaryListItems)||void 0===_props$primaryListIte||!_props$primaryListIte.length)||!(null===(_props$secondaryListI=props.secondaryListItems)||void 0===_props$secondaryListI||!_props$secondaryListI.length);return(0,jsx_runtime.jsxs)("div",{className:NavigationBar_module_navigationBarContainer,children:[(null===(_props$mainContentId=props.mainContentId)||void 0===_props$mainContentId?void 0:_props$mainContentId.length)&&(0,jsx_runtime.jsx)("a",{id:"main-content-link",href:"#".concat(props.mainContentId),className:NavigationBar_module_mainContentLink,children:(0,jsx_runtime.jsx)("span",{id:"main-content-link-text",children:"Hopp til hovedinnhold"})}),(0,jsx_runtime.jsxs)("div",{className:NavigationBar_module_navigationBar,style:navigationBarThemeStyle,children:[(0,jsx_runtime.jsx)("div",{className:NavigationBar_module_logoContainer,children:((logoLink,logoLinkTitle)=>{const themeLogo=(0,functions_theme.QV)(props.theme),themeAppName=(0,functions_theme.k0)(props.theme),renderLogoElement=()=>{const altText=logoLink&&logoLinkTitle?"":themeLogo&&themeAppName?"".concat(themeAppName," logo"):"DIBK logo";return themeLogo?(0,jsx_runtime.jsx)("img",{alt:altText,src:themeLogo,style:(theme=props.theme,{padding:(0,functions_theme.fQ)(theme)})}):(0,jsx_runtime.jsx)("img",{alt:altText,src:dibk_logo_mobileurl.Z});var theme},logoLinkProps={target:props.openLogoLinkInNewTab?"_blank":null,rel:props.openLogoLinkInNewTab?"noopener noreferrer":null};return logoLink&&logoLink.length?(0,jsx_runtime.jsx)("a",{...logoLinkProps,href:logoLink,title:logoLinkTitle,children:renderLogoElement()}):renderLogoElement()})(props.logoLink,props.logoLinkTitle)}),!!props.children&&(0,jsx_runtime.jsx)("div",{className:NavigationBar_module_childElements,children:props.children}),hasListItems&&(0,jsx_runtime.jsx)("button",{type:"button",className:"".concat(NavigationBar_module_menuToggle," ").concat(active?NavigationBar_module_active:""),onClick:()=>{setActive(!active)},"aria-expanded":active?"true":"false","aria-controls":"main-menu-dropdown",children:(0,jsx_runtime.jsxs)("span",{className:NavigationBar_module_hamburgerIcon,children:[(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle}),(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle}),(0,jsx_runtime.jsx)("span",{className:NavigationBar_module_line,style:hamburgerIconLineStyle})]})})]}),hasListItems&&(0,jsx_runtime.jsx)(react.Fragment,{children:(0,jsx_runtime.jsx)("div",{className:"".concat(NavigationBar_module_dropdownContainer," ").concat(active?NavigationBar_module_active:""),children:(0,jsx_runtime.jsxs)("div",{id:"main-menu-dropdown",className:NavigationBar_module_dropdown,style:navigationBarThemeStyle,children:[renderPrimaryList(),(()=>{let listItems=props.secondaryListItems.map(((listItem,i)=>(0,jsx_runtime.jsx)(stories_NavigationBarListItem,{listItem,theme:props.theme},i)));return!(null==listItems||!listItems.length)&&(0,jsx_runtime.jsx)("ul",{className:NavigationBar_module_secondaryList,children:listItems})})()]})})})]})};NavigationBar.defaultProps={primaryListItems:[],secondaryListItems:[],logoLink:null};const stories_NavigationBar=NavigationBar;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithLogoLink$paramet,_WithLogoLink$paramet2,_WithLogoLink$paramet3,_WithListItems$parame,_WithListItems$parame2,_WithListItems$parame3,_WithChildElements$pa,_WithChildElements$pa2,_WithChildElements$pa3;NavigationBar.__docgenInfo={description:"",methods:[],displayName:"NavigationBar",props:{primaryListItems:{defaultValue:{value:"[]",computed:!1},description:"Main links in navigation bar",type:{name:"array"},required:!1},secondaryListItems:{defaultValue:{value:"[]",computed:!1},description:"Secondary links in navigation bar",type:{name:"array"},required:!1},logoLink:{defaultValue:{value:"null",computed:!1},description:"Link for logo",type:{name:"string"},required:!1},logoLinkTitle:{description:"Title for the logo link",type:{name:"string"},required:!1},openLogoLinkInNewTab:{description:"Opens logo link in a new tab on click",type:{name:"bool"},required:!1},theme:{description:"Theme for navigation bar",type:{name:"object"},required:!1}}};const NavigationBar_stories={title:"Example/NavigationBar",component:stories_NavigationBar,argTypes:{primaryListItems:{name:"primaryListItems",type:{name:"array",required:!1},defaultValue:[]},secondaryListItems:{name:"secondaryListItems",type:{name:"array",required:!1},defaultValue:[]}}},Template=args=>(0,jsx_runtime.jsx)(stories_NavigationBar,{...args}),Default=Template.bind({});Default.args={};const WithLogoLink=Template.bind({});WithLogoLink.args={logoLink:"https://dibk.no/",logoLinkTitle:"Gå til forside",openLogoLinkInNewTab:!0,mainContentId:"main-content"};const WithListItems=Template.bind({});WithListItems.args={primaryListItems:[{name:"Primary item 1",listItems:["Sub item 1","Sub item 2"]},"Primary item 2",{name:"Primary item 3",href:"#"}],secondaryListItems:["Secondary item 1","Secondary item 2"],mainContentId:"main-content"};const WithChildElements=Template.bind({});WithChildElements.args={children:(0,jsx_runtime.jsx)("span",{children:"Content here"}),mainContentId:"main-content"},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithLogoLink.parameters={...WithLogoLink.parameters,docs:{...null===(_WithLogoLink$paramet=WithLogoLink.parameters)||void 0===_WithLogoLink$paramet?void 0:_WithLogoLink$paramet.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...null===(_WithLogoLink$paramet2=WithLogoLink.parameters)||void 0===_WithLogoLink$paramet2||null===(_WithLogoLink$paramet3=_WithLogoLink$paramet2.docs)||void 0===_WithLogoLink$paramet3?void 0:_WithLogoLink$paramet3.source}}},WithListItems.parameters={...WithListItems.parameters,docs:{...null===(_WithListItems$parame=WithListItems.parameters)||void 0===_WithListItems$parame?void 0:_WithListItems$parame.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...null===(_WithListItems$parame2=WithListItems.parameters)||void 0===_WithListItems$parame2||null===(_WithListItems$parame3=_WithListItems$parame2.docs)||void 0===_WithListItems$parame3?void 0:_WithListItems$parame3.source}}},WithChildElements.parameters={...WithChildElements.parameters,docs:{...null===(_WithChildElements$pa=WithChildElements.parameters)||void 0===_WithChildElements$pa?void 0:_WithChildElements$pa.docs,source:{originalSource:"args => <NavigationBar {...args}></NavigationBar>",...null===(_WithChildElements$pa2=WithChildElements.parameters)||void 0===_WithChildElements$pa2||null===(_WithChildElements$pa3=_WithChildElements$pa2.docs)||void 0===_WithChildElements$pa3?void 0:_WithChildElements$pa3.source}}};const __namedExportsOrder=["Default","WithLogoLink","WithListItems","WithChildElements"]},"./src/assets/svg/dibk-logo-mobile.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/dibk-logo-mobile.120629cce1f04efceffd70d792221de7.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Paper-stories.773c41d4.iframe.bundle.js b/docs/stories-Paper-stories.773c41d4.iframe.bundle.js
new file mode 100644
index 00000000..f82a42e9
--- /dev/null
+++ b/docs/stories-Paper-stories.773c41d4.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Paper-stories.773c41d4.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[504],{"./src/stories/Paper.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithContent:()=>WithContent,WithNoMargin:()=>WithNoMargin,WithNoMarginOrPadding:()=>WithNoMarginOrPadding,WithNoPadding:()=>WithNoPadding,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Paper_stories});__webpack_require__("./node_modules/react/index.js");const Paper_module_paper="Paper_paper__aueYt",Paper_module_noMargin="Paper_noMargin__gB2dN",Paper_module_noPadding="Paper_noPadding__9EfsV";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Paper=props=>(0,jsx_runtime.jsx)("div",{className:"".concat(Paper_module_paper," ").concat(props.noMargin?Paper_module_noMargin:""," ").concat(props.noPadding?Paper_module_noPadding:""),children:props.children});Paper.defaultProps={noMargin:!1,noPadding:!1};const stories_Paper=Paper;Paper.__docgenInfo={description:"",methods:[],displayName:"Paper",props:{noMargin:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noPadding:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}};const Paper_stories={title:"Example/Paper",component:stories_Paper,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Paper,{...args}),Default=Template.bind({});Default.args={};const WithContent=Template.bind({});WithContent.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with content"})};const WithNoPadding=Template.bind({});WithNoPadding.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no padding"}),noPadding:!0};const WithNoMargin=Template.bind({});WithNoMargin.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no margin"}),noMargin:!0};const WithNoMarginOrPadding=Template.bind({});WithNoMarginOrPadding.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no margin or padding"}),noPadding:!0,noMargin:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...Default.parameters?.docs?.source}}},WithContent.parameters={...WithContent.parameters,docs:{...WithContent.parameters?.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...WithContent.parameters?.docs?.source}}},WithNoPadding.parameters={...WithNoPadding.parameters,docs:{...WithNoPadding.parameters?.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...WithNoPadding.parameters?.docs?.source}}},WithNoMargin.parameters={...WithNoMargin.parameters,docs:{...WithNoMargin.parameters?.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...WithNoMargin.parameters?.docs?.source}}},WithNoMarginOrPadding.parameters={...WithNoMarginOrPadding.parameters,docs:{...WithNoMarginOrPadding.parameters?.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...WithNoMarginOrPadding.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithContent","WithNoPadding","WithNoMargin","WithNoMarginOrPadding"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Paper-stories.dca5789a.iframe.bundle.js.LICENSE.txt b/docs/stories-Paper-stories.773c41d4.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Paper-stories.dca5789a.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Paper-stories.773c41d4.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Paper-stories.dca5789a.iframe.bundle.js b/docs/stories-Paper-stories.dca5789a.iframe.bundle.js
deleted file mode 100644
index 576871d3..00000000
--- a/docs/stories-Paper-stories.dca5789a.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Paper-stories.dca5789a.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[504],{"./src/stories/Paper.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithContent:()=>WithContent,WithNoMargin:()=>WithNoMargin,WithNoMarginOrPadding:()=>WithNoMarginOrPadding,WithNoPadding:()=>WithNoPadding,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Paper_stories});__webpack_require__("./node_modules/react/index.js");const Paper_module_paper="Paper_paper__aueYt",Paper_module_noMargin="Paper_noMargin__gB2dN",Paper_module_noPadding="Paper_noPadding__9EfsV";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Paper=props=>(0,jsx_runtime.jsx)("div",{className:"".concat(Paper_module_paper," ").concat(props.noMargin?Paper_module_noMargin:""," ").concat(props.noPadding?Paper_module_noPadding:""),children:props.children});Paper.defaultProps={noMargin:!1,noPadding:!1};const stories_Paper=Paper;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithContent$paramete,_WithContent$paramete2,_WithContent$paramete3,_WithNoPadding$parame,_WithNoPadding$parame2,_WithNoPadding$parame3,_WithNoMargin$paramet,_WithNoMargin$paramet2,_WithNoMargin$paramet3,_WithNoMarginOrPaddin,_WithNoMarginOrPaddin2,_WithNoMarginOrPaddin3;Paper.__docgenInfo={description:"",methods:[],displayName:"Paper",props:{noMargin:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noPadding:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}};const Paper_stories={title:"Example/Paper",component:stories_Paper,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Paper,{...args}),Default=Template.bind({});Default.args={};const WithContent=Template.bind({});WithContent.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with content"})};const WithNoPadding=Template.bind({});WithNoPadding.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no padding"}),noPadding:!0};const WithNoMargin=Template.bind({});WithNoMargin.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no margin"}),noMargin:!0};const WithNoMarginOrPadding=Template.bind({});WithNoMarginOrPadding.args={children:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Paper with no margin or padding"}),noPadding:!0,noMargin:!0},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithContent.parameters={...WithContent.parameters,docs:{...null===(_WithContent$paramete=WithContent.parameters)||void 0===_WithContent$paramete?void 0:_WithContent$paramete.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...null===(_WithContent$paramete2=WithContent.parameters)||void 0===_WithContent$paramete2||null===(_WithContent$paramete3=_WithContent$paramete2.docs)||void 0===_WithContent$paramete3?void 0:_WithContent$paramete3.source}}},WithNoPadding.parameters={...WithNoPadding.parameters,docs:{...null===(_WithNoPadding$parame=WithNoPadding.parameters)||void 0===_WithNoPadding$parame?void 0:_WithNoPadding$parame.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...null===(_WithNoPadding$parame2=WithNoPadding.parameters)||void 0===_WithNoPadding$parame2||null===(_WithNoPadding$parame3=_WithNoPadding$parame2.docs)||void 0===_WithNoPadding$parame3?void 0:_WithNoPadding$parame3.source}}},WithNoMargin.parameters={...WithNoMargin.parameters,docs:{...null===(_WithNoMargin$paramet=WithNoMargin.parameters)||void 0===_WithNoMargin$paramet?void 0:_WithNoMargin$paramet.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...null===(_WithNoMargin$paramet2=WithNoMargin.parameters)||void 0===_WithNoMargin$paramet2||null===(_WithNoMargin$paramet3=_WithNoMargin$paramet2.docs)||void 0===_WithNoMargin$paramet3?void 0:_WithNoMargin$paramet3.source}}},WithNoMarginOrPadding.parameters={...WithNoMarginOrPadding.parameters,docs:{...null===(_WithNoMarginOrPaddin=WithNoMarginOrPadding.parameters)||void 0===_WithNoMarginOrPaddin?void 0:_WithNoMarginOrPaddin.docs,source:{originalSource:"args => <Paper {...args}></Paper>",...null===(_WithNoMarginOrPaddin2=WithNoMarginOrPadding.parameters)||void 0===_WithNoMarginOrPaddin2||null===(_WithNoMarginOrPaddin3=_WithNoMarginOrPaddin2.docs)||void 0===_WithNoMarginOrPaddin3?void 0:_WithNoMarginOrPaddin3.source}}};const __namedExportsOrder=["Default","WithContent","WithNoPadding","WithNoMargin","WithNoMarginOrPadding"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ProgressBar-stories.41487853.iframe.bundle.js b/docs/stories-ProgressBar-stories.41487853.iframe.bundle.js
new file mode 100644
index 00000000..8f40ee2d
--- /dev/null
+++ b/docs/stories-ProgressBar-stories.41487853.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-ProgressBar-stories.41487853.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[480],{"./src/stories/ProgressBar.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithError:()=>WithError,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ProgressBar_stories});__webpack_require__("./node_modules/react/index.js");const ProgressBar_module_progressBar="ProgressBar_progressBar__Wepso",ProgressBar_module_hasErrors="ProgressBar_hasErrors__ruqZX";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ProgressBar=props=>(0,jsx_runtime.jsx)("div",{className:"".concat(ProgressBar_module_progressBar," ").concat(props.hasErrors?ProgressBar_module_hasErrors:""),role:"progressbar","aria-valuenow":props.progress||0,"aria-valuemin":"0","aria-valuemax":"100",style:{"--value":props.progress||0}});ProgressBar.defaultProps={progress:0,hasErrors:!1};const stories_ProgressBar=ProgressBar;ProgressBar.__docgenInfo={description:"",methods:[],displayName:"ProgressBar",props:{progress:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}};const ProgressBar_stories={title:"Example/ProgressBar",component:stories_ProgressBar,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ProgressBar,{...args}),Default=Template.bind({});Default.args={progress:25};const WithError=Template.bind({});WithError.args={progress:60,hasErrors:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <ProgressBar {...args} />",...Default.parameters?.docs?.source}}},WithError.parameters={...WithError.parameters,docs:{...WithError.parameters?.docs,source:{originalSource:"args => <ProgressBar {...args} />",...WithError.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithError"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-ProgressBar-stories.f478e83c.iframe.bundle.js.LICENSE.txt b/docs/stories-ProgressBar-stories.41487853.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-ProgressBar-stories.f478e83c.iframe.bundle.js.LICENSE.txt
rename to docs/stories-ProgressBar-stories.41487853.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-ProgressBar-stories.f478e83c.iframe.bundle.js b/docs/stories-ProgressBar-stories.f478e83c.iframe.bundle.js
deleted file mode 100644
index 49874c58..00000000
--- a/docs/stories-ProgressBar-stories.f478e83c.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-ProgressBar-stories.f478e83c.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[480],{"./src/stories/ProgressBar.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithError:()=>WithError,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ProgressBar_stories});__webpack_require__("./node_modules/react/index.js");const ProgressBar_module_progressBar="ProgressBar_progressBar__Wepso",ProgressBar_module_hasErrors="ProgressBar_hasErrors__ruqZX";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ProgressBar=props=>(0,jsx_runtime.jsx)("div",{className:"".concat(ProgressBar_module_progressBar," ").concat(props.hasErrors?ProgressBar_module_hasErrors:""),role:"progressbar","aria-valuenow":props.progress||0,"aria-valuemin":"0","aria-valuemax":"100",style:{"--value":props.progress||0}});ProgressBar.defaultProps={progress:0,hasErrors:!1};const stories_ProgressBar=ProgressBar;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithError$parameters,_WithError$parameters2,_WithError$parameters3;ProgressBar.__docgenInfo={description:"",methods:[],displayName:"ProgressBar",props:{progress:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}};const ProgressBar_stories={title:"Example/ProgressBar",component:stories_ProgressBar,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_ProgressBar,{...args}),Default=Template.bind({});Default.args={progress:25};const WithError=Template.bind({});WithError.args={progress:60,hasErrors:!0},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <ProgressBar {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithError.parameters={...WithError.parameters,docs:{...null===(_WithError$parameters=WithError.parameters)||void 0===_WithError$parameters?void 0:_WithError$parameters.docs,source:{originalSource:"args => <ProgressBar {...args} />",...null===(_WithError$parameters2=WithError.parameters)||void 0===_WithError$parameters2||null===(_WithError$parameters3=_WithError$parameters2.docs)||void 0===_WithError$parameters3?void 0:_WithError$parameters3.source}}};const __namedExportsOrder=["Default","WithError"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js b/docs/stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js
deleted file mode 100644
index 47d6d1f6..00000000
--- a/docs/stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[522],{"./src/stories/RadioButtonIcon.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedCustomThemeAndSize:()=>CheckedCustomThemeAndSize,CheckedDisabled:()=>CheckedDisabled,Default:()=>Default,Disabled:()=>Disabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_Disabled$parameters,_Disabled$parameters2,_Disabled$parameters3,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_CheckedCustomThemeAn,_CheckedCustomThemeAn2,_CheckedCustomThemeAn3,_RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonIcon",component:_RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={};const Checked=Template.bind({});Checked.args={checked:!0};const Disabled=Template.bind({});Disabled.args={disabled:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={checked:!0,disabled:!0};const hasErrors=Template.bind({});hasErrors.args={hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={hasErrors:!0,checked:!0,disabled:!0};const CheckedCustomThemeAndSize=Template.bind({});CheckedCustomThemeAndSize.args={checked:!0,size:"36px",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},Disabled.parameters={...Disabled.parameters,docs:{...null===(_Disabled$parameters=Disabled.parameters)||void 0===_Disabled$parameters?void 0:_Disabled$parameters.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_Disabled$parameters2=Disabled.parameters)||void 0===_Disabled$parameters2||null===(_Disabled$parameters3=_Disabled$parameters2.docs)||void 0===_Disabled$parameters3?void 0:_Disabled$parameters3.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},CheckedCustomThemeAndSize.parameters={...CheckedCustomThemeAndSize.parameters,docs:{...null===(_CheckedCustomThemeAn=CheckedCustomThemeAndSize.parameters)||void 0===_CheckedCustomThemeAn?void 0:_CheckedCustomThemeAn.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...null===(_CheckedCustomThemeAn2=CheckedCustomThemeAndSize.parameters)||void 0===_CheckedCustomThemeAn2||null===(_CheckedCustomThemeAn3=_CheckedCustomThemeAn2.docs)||void 0===_CheckedCustomThemeAn3?void 0:_CheckedCustomThemeAn3.source}}};const __namedExportsOrder=["Default","Checked","Disabled","CheckedDisabled","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","CheckedCustomThemeAndSize"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js b/docs/stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js
new file mode 100644
index 00000000..74f36e82
--- /dev/null
+++ b/docs/stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[522],{"./src/stories/RadioButtonIcon.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedCustomThemeAndSize:()=>CheckedCustomThemeAndSize,CheckedDisabled:()=>CheckedDisabled,Default:()=>Default,Disabled:()=>Disabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonIcon",component:_RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Default=Template.bind({});Default.args={};const Checked=Template.bind({});Checked.args={checked:!0};const Disabled=Template.bind({});Disabled.args={disabled:!0};const CheckedDisabled=Template.bind({});CheckedDisabled.args={checked:!0,disabled:!0};const hasErrors=Template.bind({});hasErrors.args={hasErrors:!0};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={hasErrors:!0,disabled:!0};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={hasErrors:!0,checked:!0,disabled:!0};const CheckedCustomThemeAndSize=Template.bind({});CheckedCustomThemeAndSize.args={checked:!0,size:"36px",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...Default.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...Checked.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...Disabled.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...CheckedDisabled.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},CheckedCustomThemeAndSize.parameters={...CheckedCustomThemeAndSize.parameters,docs:{...CheckedCustomThemeAndSize.parameters?.docs,source:{originalSource:"args => <RadioButtonIcon {...args} />",...CheckedCustomThemeAndSize.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Checked","Disabled","CheckedDisabled","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","CheckedCustomThemeAndSize"]},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js.LICENSE.txt b/docs/stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-RadioButtonIcon-stories.2eff6aef.iframe.bundle.js.LICENSE.txt
rename to docs/stories-RadioButtonIcon-stories.809c677c.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js b/docs/stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js
new file mode 100644
index 00000000..d5ffb039
--- /dev/null
+++ b/docs/stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[814],{"./src/stories/RadioButtonInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomTheme:()=>CheckedCustomTheme,CheckedDisabled:()=>CheckedDisabled,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonInput.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonInput",component:_RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"radioButtonInput-1",children:"Label for unchecked radio button",inputValue:"value"};const Checked=Template.bind({});Checked.args={id:"radioButtonInput-2",children:"Label for radio button",checked:!0,inputValue:"value"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"radioButtonInput-3",children:"Label for checked disabled radio button",checked:!0,disabled:!0,inputValue:"value"};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"radioButtonInput-4",children:"Label for unchecked radio button with content only",contentOnly:!0,inputValue:"value"};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"radioButtonInput-5",children:"Label for checked radio button with content only",checked:!0,contentOnly:!0,inputValue:"value"};const hasErrors=Template.bind({});hasErrors.args={id:"radioButtonInput-6",children:"Label for radio button with errors",hasErrors:!0,inputValue:"value"};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"radioButtonInput-7",children:"Label for disabled radio button with errors",hasErrors:!0,disabled:!0,inputValue:"value"};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"radioButtonInput-8",children:"Label for checked radio button with errors",hasErrors:!0,checked:!0,inputValue:"value"};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"radioButtonInput-9",children:"Label for checked disabled radio button with errors",hasErrors:!0,checked:!0,disabled:!0,inputValue:"value"};const Required=Template.bind({});Required.args={id:"radioButtonInput-10",required:!0,children:"Label for required radio button",inputValue:"value"};const CheckedCustomTheme=Template.bind({});CheckedCustomTheme.args={id:"radioButtonInput-11",children:"Label for checked checkbox with custom theme",checked:!0,theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z,inputValue:"value"},Unchecked.parameters={...Unchecked.parameters,docs:{...Unchecked.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...Unchecked.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...Checked.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...CheckedDisabled.parameters?.docs?.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...UncheckedContentOnly.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...UncheckedContentOnly.parameters?.docs?.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...CheckedContentOnly.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...CheckedContentOnly.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...Required.parameters?.docs?.source}}},CheckedCustomTheme.parameters={...CheckedCustomTheme.parameters,docs:{...CheckedCustomTheme.parameters?.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...CheckedCustomTheme.parameters?.docs?.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","CheckedCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js.LICENSE.txt b/docs/stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js.LICENSE.txt
rename to docs/stories-RadioButtonInput-stories.11d7efc9.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js b/docs/stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js
deleted file mode 100644
index ba108616..00000000
--- a/docs/stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-RadioButtonInput-stories.d60cd1df.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[814],{"./src/stories/RadioButtonInput.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomTheme:()=>CheckedCustomTheme,CheckedDisabled:()=>CheckedDisabled,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Unchecked$parameters,_Unchecked$parameters2,_Unchecked$parameters3,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_UncheckedContentOnly,_UncheckedContentOnly2,_UncheckedContentOnly3,_CheckedContentOnly$p,_CheckedContentOnly$p2,_CheckedContentOnly$p3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_Required$parameters,_Required$parameters2,_Required$parameters3,_CheckedCustomTheme$p,_CheckedCustomTheme$p2,_CheckedCustomTheme$p3,_RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonInput.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonInput",component:_RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonInput__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"radioButtonInput-1",children:"Label for unchecked radio button",inputValue:"value"};const Checked=Template.bind({});Checked.args={id:"radioButtonInput-2",children:"Label for radio button",checked:!0,inputValue:"value"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"radioButtonInput-3",children:"Label for checked disabled radio button",checked:!0,disabled:!0,inputValue:"value"};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"radioButtonInput-4",children:"Label for unchecked radio button with content only",contentOnly:!0,inputValue:"value"};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"radioButtonInput-5",children:"Label for checked radio button with content only",checked:!0,contentOnly:!0,inputValue:"value"};const hasErrors=Template.bind({});hasErrors.args={id:"radioButtonInput-6",children:"Label for radio button with errors",hasErrors:!0,inputValue:"value"};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"radioButtonInput-7",children:"Label for disabled radio button with errors",hasErrors:!0,disabled:!0,inputValue:"value"};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"radioButtonInput-8",children:"Label for checked radio button with errors",hasErrors:!0,checked:!0,inputValue:"value"};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"radioButtonInput-9",children:"Label for checked disabled radio button with errors",hasErrors:!0,checked:!0,disabled:!0,inputValue:"value"};const Required=Template.bind({});Required.args={id:"radioButtonInput-10",required:!0,children:"Label for required radio button",inputValue:"value"};const CheckedCustomTheme=Template.bind({});CheckedCustomTheme.args={id:"radioButtonInput-11",children:"Label for checked checkbox with custom theme",checked:!0,theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z,inputValue:"value"},Unchecked.parameters={...Unchecked.parameters,docs:{...null===(_Unchecked$parameters=Unchecked.parameters)||void 0===_Unchecked$parameters?void 0:_Unchecked$parameters.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_Unchecked$parameters2=Unchecked.parameters)||void 0===_Unchecked$parameters2||null===(_Unchecked$parameters3=_Unchecked$parameters2.docs)||void 0===_Unchecked$parameters3?void 0:_Unchecked$parameters3.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...null===(_UncheckedContentOnly=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly?void 0:_UncheckedContentOnly.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_UncheckedContentOnly2=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly2||null===(_UncheckedContentOnly3=_UncheckedContentOnly2.docs)||void 0===_UncheckedContentOnly3?void 0:_UncheckedContentOnly3.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...null===(_CheckedContentOnly$p=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p?void 0:_CheckedContentOnly$p.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_CheckedContentOnly$p2=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p2||null===(_CheckedContentOnly$p3=_CheckedContentOnly$p2.docs)||void 0===_CheckedContentOnly$p3?void 0:_CheckedContentOnly$p3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},CheckedCustomTheme.parameters={...CheckedCustomTheme.parameters,docs:{...null===(_CheckedCustomTheme$p=CheckedCustomTheme.parameters)||void 0===_CheckedCustomTheme$p?void 0:_CheckedCustomTheme$p.docs,source:{originalSource:"args => <RadioButtonInput {...args} />",...null===(_CheckedCustomTheme$p2=CheckedCustomTheme.parameters)||void 0===_CheckedCustomTheme$p2||null===(_CheckedCustomTheme$p3=_CheckedCustomTheme$p2.docs)||void 0===_CheckedCustomTheme$p3?void 0:_CheckedCustomTheme$p3.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","CheckedCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonList-stories.8afacaae.iframe.bundle.js b/docs/stories-RadioButtonList-stories.8afacaae.iframe.bundle.js
new file mode 100644
index 00000000..8c348ea5
--- /dev/null
+++ b/docs/stories-RadioButtonList-stories.8afacaae.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-RadioButtonList-stories.8afacaae.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[470],{"./src/stories/RadioButtonList.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Compact:()=>Compact,Default:()=>Default,Required:()=>Required,Themed:()=>Themed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>RadioButtonList_stories});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonList_module_radioButtonList="RadioButtonList_radioButtonList__t1T7R",RadioButtonList_module_requiredSymbol="RadioButtonList_requiredSymbol__Wd-bv";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:RadioButtonList_module_radioButtonList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="RadioButtonListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"radioButtonListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_RadioButtonList=RadioButtonList;RadioButtonList.__docgenInfo={description:"",methods:[],displayName:"RadioButtonList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}};var RadioButtonListItem=__webpack_require__("./src/stories/RadioButtonListItem.jsx"),customTheme=__webpack_require__("./src/data/customTheme.js");const RadioButtonList_stories={title:"Example/RadioButtonList",component:stories_RadioButtonList,argTypes:{}},Template=args=>{const radioButtonListArgs={...args};delete radioButtonListArgs.theme;const radioButtonListItemArgs={theme:args.theme};return(0,jsx_runtime.jsxs)(stories_RadioButtonList,{...radioButtonListArgs,children:[(0,jsx_runtime.jsx)(RadioButtonListItem.Z,{onChange:()=>{console.log("onchange")},inputValue:"value 1",name:"radio-button-list-list-item",theme:radioButtonListItemArgs.theme,id:"radioButtonList-listItem-1",checked:!0,children:"Checked radio button"}),(0,jsx_runtime.jsx)(RadioButtonListItem.Z,{onChange:()=>{console.log("onchange")},inputValue:"value 2",name:"radio-button-list-list-item",theme:radioButtonListItemArgs.theme,id:"radioButtonList-listItem-2",children:"Unchecked radio button"})]})},Default=Template.bind({});Default.args={legend:"Default radio button list"};const Required=Template.bind({});Required.args={legend:"Required radio button list",required:!0};const Compact=Template.bind({});Compact.args={legend:"Compact radio button list",compact:!0};const Themed=Template.bind({});Themed.args={legend:"Themed radio button list",theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...Default.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...Required.parameters?.docs?.source}}},Compact.parameters={...Compact.parameters,docs:{...Compact.parameters?.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...Compact.parameters?.docs?.source}}},Themed.parameters={...Themed.parameters,docs:{...Themed.parameters?.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...Themed.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Required","Compact","Themed"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/RadioButtonListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonListItem});__webpack_require__("./node_modules/react/index.js");var RadioButtonInput=__webpack_require__("./src/stories/RadioButtonInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const RadioButtonListItem_module={flex:"RadioButtonListItem_flex__cTofU","main-content":"RadioButtonListItem_main-content__ToYnD",radioButtonListItem:"RadioButtonListItem_radioButtonListItem__h2FQz",contentOnly:"RadioButtonListItem_contentOnly__uY0IA",compact:"RadioButtonListItem_compact__elaN5",disabled:"RadioButtonListItem_disabled__j+2CG",checked:"RadioButtonListItem_checked__7B6jO"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonListItem=props=>{const listItemClassNameArray=[RadioButtonListItem_module.radioButtonListItem,props.disabled?RadioButtonListItem_module.disabled:null,props.compact?RadioButtonListItem_module.compact:null,props.contentOnly?RadioButtonListItem_module.contentOnly:null,props.hasErrors?RadioButtonListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,inputValue:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],id:props.id,name:props.name,theme:props.theme};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(RadioButtonInput.Z,{...inputProps,children:props.children})})};RadioButtonListItem.defaultProps={name:"",checked:!1,required:!1,requiredGroup:!1,disabled:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonListItem=RadioButtonListItem;RadioButtonListItem.__docgenInfo={description:"",methods:[],displayName:"RadioButtonListItem",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js.LICENSE.txt b/docs/stories-RadioButtonList-stories.8afacaae.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js.LICENSE.txt
rename to docs/stories-RadioButtonList-stories.8afacaae.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js b/docs/stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js
deleted file mode 100644
index 7483b000..00000000
--- a/docs/stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-RadioButtonList-stories.ab5380f2.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[470],{"./src/stories/RadioButtonList.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Compact:()=>Compact,Default:()=>Default,Required:()=>Required,Themed:()=>Themed,__namedExportsOrder:()=>__namedExportsOrder,default:()=>RadioButtonList_stories});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonList_module_radioButtonList="RadioButtonList_radioButtonList__t1T7R",RadioButtonList_module_requiredSymbol="RadioButtonList_requiredSymbol__Wd-bv";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:RadioButtonList_module_radioButtonList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="RadioButtonListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"radioButtonListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_RadioButtonList=RadioButtonList;RadioButtonList.__docgenInfo={description:"",methods:[],displayName:"RadioButtonList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Required$parameters,_Required$parameters2,_Required$parameters3,_Compact$parameters,_Compact$parameters2,_Compact$parameters2$,_Themed$parameters,_Themed$parameters2,_Themed$parameters2$d,RadioButtonListItem=__webpack_require__("./src/stories/RadioButtonListItem.jsx"),customTheme=__webpack_require__("./src/data/customTheme.js");const RadioButtonList_stories={title:"Example/RadioButtonList",component:stories_RadioButtonList,argTypes:{}},Template=args=>{const radioButtonListArgs={...args};delete radioButtonListArgs.theme;const radioButtonListItemArgs={theme:args.theme};return(0,jsx_runtime.jsxs)(stories_RadioButtonList,{...radioButtonListArgs,children:[(0,jsx_runtime.jsx)(RadioButtonListItem.Z,{onChange:()=>{console.log("onchange")},inputValue:"value 1",name:"radio-button-list-list-item",theme:radioButtonListItemArgs.theme,id:"radioButtonList-listItem-1",checked:!0,children:"Checked radio button"}),(0,jsx_runtime.jsx)(RadioButtonListItem.Z,{onChange:()=>{console.log("onchange")},inputValue:"value 2",name:"radio-button-list-list-item",theme:radioButtonListItemArgs.theme,id:"radioButtonList-listItem-2",children:"Unchecked radio button"})]})},Default=Template.bind({});Default.args={legend:"Default radio button list"};const Required=Template.bind({});Required.args={legend:"Required radio button list",required:!0};const Compact=Template.bind({});Compact.args={legend:"Compact radio button list",compact:!0};const Themed=Template.bind({});Themed.args={legend:"Themed radio button list",theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},Compact.parameters={...Compact.parameters,docs:{...null===(_Compact$parameters=Compact.parameters)||void 0===_Compact$parameters?void 0:_Compact$parameters.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...null===(_Compact$parameters2=Compact.parameters)||void 0===_Compact$parameters2||null===(_Compact$parameters2$=_Compact$parameters2.docs)||void 0===_Compact$parameters2$?void 0:_Compact$parameters2$.source}}},Themed.parameters={...Themed.parameters,docs:{...null===(_Themed$parameters=Themed.parameters)||void 0===_Themed$parameters?void 0:_Themed$parameters.docs,source:{originalSource:'args => {\n  const radioButtonListArgs = {\n    ...args\n  };\n  delete radioButtonListArgs.theme;\n  const radioButtonListItemArgs = {\n    theme: args.theme\n  };\n  return <RadioButtonList {...radioButtonListArgs}>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 1" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-1" checked={true}>\n                Checked radio button\n            </RadioButtonListItem>\n            <RadioButtonListItem onChange={() => {\n      console.log("onchange");\n    }} inputValue="value 2" name="radio-button-list-list-item" theme={radioButtonListItemArgs.theme} id="radioButtonList-listItem-2">\n                Unchecked radio button\n            </RadioButtonListItem>\n        </RadioButtonList>;\n}',...null===(_Themed$parameters2=Themed.parameters)||void 0===_Themed$parameters2||null===(_Themed$parameters2$d=_Themed$parameters2.docs)||void 0===_Themed$parameters2$d?void 0:_Themed$parameters2$d.source}}};const __namedExportsOrder=["Default","Required","Compact","Themed"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/RadioButtonListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonListItem});__webpack_require__("./node_modules/react/index.js");var RadioButtonInput=__webpack_require__("./src/stories/RadioButtonInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const RadioButtonListItem_module={flex:"RadioButtonListItem_flex__cTofU","main-content":"RadioButtonListItem_main-content__ToYnD",radioButtonListItem:"RadioButtonListItem_radioButtonListItem__h2FQz",contentOnly:"RadioButtonListItem_contentOnly__uY0IA",compact:"RadioButtonListItem_compact__elaN5",disabled:"RadioButtonListItem_disabled__j+2CG",checked:"RadioButtonListItem_checked__7B6jO"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonListItem=props=>{const listItemClassNameArray=[RadioButtonListItem_module.radioButtonListItem,props.disabled?RadioButtonListItem_module.disabled:null,props.compact?RadioButtonListItem_module.compact:null,props.contentOnly?RadioButtonListItem_module.contentOnly:null,props.hasErrors?RadioButtonListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,inputValue:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"],id:props.id,name:props.name,theme:props.theme};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(RadioButtonInput.Z,{...inputProps,children:props.children})})};RadioButtonListItem.defaultProps={name:"",checked:!1,required:!1,requiredGroup:!1,disabled:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonListItem=RadioButtonListItem;RadioButtonListItem.__docgenInfo={description:"",methods:[],displayName:"RadioButtonListItem",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js b/docs/stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js
deleted file mode 100644
index c1d0d69b..00000000
--- a/docs/stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[357],{"./src/stories/RadioButtonListItem.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Compact:()=>Compact,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _Unchecked$parameters,_Unchecked$parameters2,_Unchecked$parameters3,_Checked$parameters,_Checked$parameters2,_Checked$parameters2$,_CheckedDisabled$para,_CheckedDisabled$para2,_CheckedDisabled$para3,_UncheckedContentOnly,_UncheckedContentOnly2,_UncheckedContentOnly3,_CheckedContentOnly$p,_CheckedContentOnly$p2,_CheckedContentOnly$p3,_CheckedCustomCheckma,_CheckedCustomCheckma2,_CheckedCustomCheckma3,_hasErrors$parameters,_hasErrors$parameters2,_hasErrors$parameters3,_hasErrorsDisabled$pa,_hasErrorsDisabled$pa2,_hasErrorsDisabled$pa3,_hasErrorsChecked$par,_hasErrorsChecked$par2,_hasErrorsChecked$par3,_hasErrorsCheckedDisa,_hasErrorsCheckedDisa2,_hasErrorsCheckedDisa3,_Required$parameters,_Required$parameters2,_Required$parameters3,_Compact$parameters,_Compact$parameters2,_Compact$parameters2$,_CheckedCustomThemeAn,_CheckedCustomThemeAn2,_CheckedCustomThemeAn3,_RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonListItem",component:_RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"radioButtonListItem-1",children:"Label for unchecked radio button",name:"radioButtonListItem"};const Checked=Template.bind({});Checked.args={id:"radioButtonListItem-2",children:"Label for checked radio button",checked:!0,name:"radioButtonListItem"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"radioButtonListItem-3",children:"Label for checked disabled radio button",checked:!0,disabled:!0,name:"radioButtonListItem"};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"radioButtonListItem-4",children:"Label for unchecked radio button with content only",contentOnly:!0,name:"radioButtonListItem"};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"radioButtonListItem-5",children:"Label for checked radio button with content only",checked:!0,contentOnly:!0,name:"radioButtonListItem"};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"radioButtonListItem-6",children:"Label for checked radio button with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕",name:"radioButtonListItem"};const hasErrors=Template.bind({});hasErrors.args={id:"radioButtonListItem-7",children:"Label for radio button with errors",hasErrors:!0,name:"radioButtonListItem"};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"radioButtonListItem-8",children:"Label for disabled radio button with errors",hasErrors:!0,disabled:!0,name:"radioButtonListItem"};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"radioButtonListItem-9",children:"Label for checked radio button with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"radioButtonListItem-10",children:"Label for checked disabled radio button with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"radioButtonListItem-11",required:!0,children:"Label for required radio button"};const Compact=Template.bind({});Compact.args={id:"radioButtonListItem-12",compact:!0,children:"Label for compact radio button"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"radioButtonListItem-13",children:"Label for checked radio button with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...null===(_Unchecked$parameters=Unchecked.parameters)||void 0===_Unchecked$parameters?void 0:_Unchecked$parameters.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_Unchecked$parameters2=Unchecked.parameters)||void 0===_Unchecked$parameters2||null===(_Unchecked$parameters3=_Unchecked$parameters2.docs)||void 0===_Unchecked$parameters3?void 0:_Unchecked$parameters3.source}}},Checked.parameters={...Checked.parameters,docs:{...null===(_Checked$parameters=Checked.parameters)||void 0===_Checked$parameters?void 0:_Checked$parameters.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_Checked$parameters2=Checked.parameters)||void 0===_Checked$parameters2||null===(_Checked$parameters2$=_Checked$parameters2.docs)||void 0===_Checked$parameters2$?void 0:_Checked$parameters2$.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...null===(_CheckedDisabled$para=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para?void 0:_CheckedDisabled$para.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_CheckedDisabled$para2=CheckedDisabled.parameters)||void 0===_CheckedDisabled$para2||null===(_CheckedDisabled$para3=_CheckedDisabled$para2.docs)||void 0===_CheckedDisabled$para3?void 0:_CheckedDisabled$para3.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...null===(_UncheckedContentOnly=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly?void 0:_UncheckedContentOnly.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_UncheckedContentOnly2=UncheckedContentOnly.parameters)||void 0===_UncheckedContentOnly2||null===(_UncheckedContentOnly3=_UncheckedContentOnly2.docs)||void 0===_UncheckedContentOnly3?void 0:_UncheckedContentOnly3.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...null===(_CheckedContentOnly$p=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p?void 0:_CheckedContentOnly$p.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_CheckedContentOnly$p2=CheckedContentOnly.parameters)||void 0===_CheckedContentOnly$p2||null===(_CheckedContentOnly$p3=_CheckedContentOnly$p2.docs)||void 0===_CheckedContentOnly$p3?void 0:_CheckedContentOnly$p3.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...null===(_CheckedCustomCheckma=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma?void 0:_CheckedCustomCheckma.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_CheckedCustomCheckma2=CheckedCustomCheckmark.parameters)||void 0===_CheckedCustomCheckma2||null===(_CheckedCustomCheckma3=_CheckedCustomCheckma2.docs)||void 0===_CheckedCustomCheckma3?void 0:_CheckedCustomCheckma3.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...null===(_hasErrors$parameters=hasErrors.parameters)||void 0===_hasErrors$parameters?void 0:_hasErrors$parameters.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_hasErrors$parameters2=hasErrors.parameters)||void 0===_hasErrors$parameters2||null===(_hasErrors$parameters3=_hasErrors$parameters2.docs)||void 0===_hasErrors$parameters3?void 0:_hasErrors$parameters3.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...null===(_hasErrorsDisabled$pa=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa?void 0:_hasErrorsDisabled$pa.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_hasErrorsDisabled$pa2=hasErrorsDisabled.parameters)||void 0===_hasErrorsDisabled$pa2||null===(_hasErrorsDisabled$pa3=_hasErrorsDisabled$pa2.docs)||void 0===_hasErrorsDisabled$pa3?void 0:_hasErrorsDisabled$pa3.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...null===(_hasErrorsChecked$par=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par?void 0:_hasErrorsChecked$par.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_hasErrorsChecked$par2=hasErrorsChecked.parameters)||void 0===_hasErrorsChecked$par2||null===(_hasErrorsChecked$par3=_hasErrorsChecked$par2.docs)||void 0===_hasErrorsChecked$par3?void 0:_hasErrorsChecked$par3.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...null===(_hasErrorsCheckedDisa=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa?void 0:_hasErrorsCheckedDisa.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_hasErrorsCheckedDisa2=hasErrorsCheckedDisabled.parameters)||void 0===_hasErrorsCheckedDisa2||null===(_hasErrorsCheckedDisa3=_hasErrorsCheckedDisa2.docs)||void 0===_hasErrorsCheckedDisa3?void 0:_hasErrorsCheckedDisa3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},Compact.parameters={...Compact.parameters,docs:{...null===(_Compact$parameters=Compact.parameters)||void 0===_Compact$parameters?void 0:_Compact$parameters.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_Compact$parameters2=Compact.parameters)||void 0===_Compact$parameters2||null===(_Compact$parameters2$=_Compact$parameters2.docs)||void 0===_Compact$parameters2$?void 0:_Compact$parameters2$.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...null===(_CheckedCustomThemeAn=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn?void 0:_CheckedCustomThemeAn.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...null===(_CheckedCustomThemeAn2=CheckedCustomThemeAndCheckmark.parameters)||void 0===_CheckedCustomThemeAn2||null===(_CheckedCustomThemeAn3=_CheckedCustomThemeAn2.docs)||void 0===_CheckedCustomThemeAn3?void 0:_CheckedCustomThemeAn3.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","Compact","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/RadioButtonListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonListItem});__webpack_require__("./node_modules/react/index.js");var RadioButtonInput=__webpack_require__("./src/stories/RadioButtonInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const RadioButtonListItem_module={flex:"RadioButtonListItem_flex__cTofU","main-content":"RadioButtonListItem_main-content__ToYnD",radioButtonListItem:"RadioButtonListItem_radioButtonListItem__h2FQz",contentOnly:"RadioButtonListItem_contentOnly__uY0IA",compact:"RadioButtonListItem_compact__elaN5",disabled:"RadioButtonListItem_disabled__j+2CG",checked:"RadioButtonListItem_checked__7B6jO"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonListItem=props=>{const listItemClassNameArray=[RadioButtonListItem_module.radioButtonListItem,props.disabled?RadioButtonListItem_module.disabled:null,props.compact?RadioButtonListItem_module.compact:null,props.contentOnly?RadioButtonListItem_module.contentOnly:null,props.hasErrors?RadioButtonListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,inputValue:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"],id:props.id,name:props.name,theme:props.theme};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(RadioButtonInput.Z,{...inputProps,children:props.children})})};RadioButtonListItem.defaultProps={name:"",checked:!1,required:!1,requiredGroup:!1,disabled:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonListItem=RadioButtonListItem;RadioButtonListItem.__docgenInfo={description:"",methods:[],displayName:"RadioButtonListItem",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js b/docs/stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js
new file mode 100644
index 00000000..df2c2452
--- /dev/null
+++ b/docs/stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[357],{"./src/stories/RadioButtonListItem.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Checked:()=>Checked,CheckedContentOnly:()=>CheckedContentOnly,CheckedCustomCheckmark:()=>CheckedCustomCheckmark,CheckedCustomThemeAndCheckmark:()=>CheckedCustomThemeAndCheckmark,CheckedDisabled:()=>CheckedDisabled,Compact:()=>Compact,Required:()=>Required,Unchecked:()=>Unchecked,UncheckedContentOnly:()=>UncheckedContentOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,hasErrors:()=>hasErrors,hasErrorsChecked:()=>hasErrorsChecked,hasErrorsCheckedDisabled:()=>hasErrorsCheckedDisabled,hasErrorsDisabled:()=>hasErrorsDisabled});__webpack_require__("./node_modules/react/index.js");var _RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/stories/RadioButtonListItem.jsx"),data_customTheme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/data/customTheme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/RadioButtonListItem",component:_RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_RadioButtonListItem__WEBPACK_IMPORTED_MODULE_1__.Z,{...args}),Unchecked=Template.bind({});Unchecked.args={id:"radioButtonListItem-1",children:"Label for unchecked radio button",name:"radioButtonListItem"};const Checked=Template.bind({});Checked.args={id:"radioButtonListItem-2",children:"Label for checked radio button",checked:!0,name:"radioButtonListItem"};const CheckedDisabled=Template.bind({});CheckedDisabled.args={id:"radioButtonListItem-3",children:"Label for checked disabled radio button",checked:!0,disabled:!0,name:"radioButtonListItem"};const UncheckedContentOnly=Template.bind({});UncheckedContentOnly.args={id:"radioButtonListItem-4",children:"Label for unchecked radio button with content only",contentOnly:!0,name:"radioButtonListItem"};const CheckedContentOnly=Template.bind({});CheckedContentOnly.args={id:"radioButtonListItem-5",children:"Label for checked radio button with content only",checked:!0,contentOnly:!0,name:"radioButtonListItem"};const CheckedCustomCheckmark=Template.bind({});CheckedCustomCheckmark.args={id:"radioButtonListItem-6",children:"Label for checked radio button with custom checkmark",checked:!0,disabled:!0,checkmarkCharacter:"✕",name:"radioButtonListItem"};const hasErrors=Template.bind({});hasErrors.args={id:"radioButtonListItem-7",children:"Label for radio button with errors",hasErrors:!0,name:"radioButtonListItem"};const hasErrorsDisabled=Template.bind({});hasErrorsDisabled.args={id:"radioButtonListItem-8",children:"Label for disabled radio button with errors",hasErrors:!0,disabled:!0,name:"radioButtonListItem"};const hasErrorsChecked=Template.bind({});hasErrorsChecked.args={id:"radioButtonListItem-9",children:"Label for checked radio button with errors",hasErrors:!0,checked:!0};const hasErrorsCheckedDisabled=Template.bind({});hasErrorsCheckedDisabled.args={id:"radioButtonListItem-10",children:"Label for checked disabled radio button with errors",hasErrors:!0,checked:!0,disabled:!0};const Required=Template.bind({});Required.args={id:"radioButtonListItem-11",required:!0,children:"Label for required radio button"};const Compact=Template.bind({});Compact.args={id:"radioButtonListItem-12",compact:!0,children:"Label for compact radio button"};const CheckedCustomThemeAndCheckmark=Template.bind({});CheckedCustomThemeAndCheckmark.args={id:"radioButtonListItem-13",children:"Label for checked radio button with custom theme and checkmark",checked:!0,checkmarkCharacter:"✕",theme:data_customTheme__WEBPACK_IMPORTED_MODULE_2__.Z},Unchecked.parameters={...Unchecked.parameters,docs:{...Unchecked.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...Unchecked.parameters?.docs?.source}}},Checked.parameters={...Checked.parameters,docs:{...Checked.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...Checked.parameters?.docs?.source}}},CheckedDisabled.parameters={...CheckedDisabled.parameters,docs:{...CheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...CheckedDisabled.parameters?.docs?.source}}},UncheckedContentOnly.parameters={...UncheckedContentOnly.parameters,docs:{...UncheckedContentOnly.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...UncheckedContentOnly.parameters?.docs?.source}}},CheckedContentOnly.parameters={...CheckedContentOnly.parameters,docs:{...CheckedContentOnly.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...CheckedContentOnly.parameters?.docs?.source}}},CheckedCustomCheckmark.parameters={...CheckedCustomCheckmark.parameters,docs:{...CheckedCustomCheckmark.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...CheckedCustomCheckmark.parameters?.docs?.source}}},hasErrors.parameters={...hasErrors.parameters,docs:{...hasErrors.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...hasErrors.parameters?.docs?.source}}},hasErrorsDisabled.parameters={...hasErrorsDisabled.parameters,docs:{...hasErrorsDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...hasErrorsDisabled.parameters?.docs?.source}}},hasErrorsChecked.parameters={...hasErrorsChecked.parameters,docs:{...hasErrorsChecked.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...hasErrorsChecked.parameters?.docs?.source}}},hasErrorsCheckedDisabled.parameters={...hasErrorsCheckedDisabled.parameters,docs:{...hasErrorsCheckedDisabled.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...hasErrorsCheckedDisabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...Required.parameters?.docs?.source}}},Compact.parameters={...Compact.parameters,docs:{...Compact.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...Compact.parameters?.docs?.source}}},CheckedCustomThemeAndCheckmark.parameters={...CheckedCustomThemeAndCheckmark.parameters,docs:{...CheckedCustomThemeAndCheckmark.parameters?.docs,source:{originalSource:"args => <RadioButtonListItem {...args} />",...CheckedCustomThemeAndCheckmark.parameters?.docs?.source}}};const __namedExportsOrder=["Unchecked","Checked","CheckedDisabled","UncheckedContentOnly","CheckedContentOnly","CheckedCustomCheckmark","hasErrors","hasErrorsDisabled","hasErrorsChecked","hasErrorsCheckedDisabled","Required","Compact","CheckedCustomThemeAndCheckmark"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/RadioButtonIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const RadioButtonIcon_module_radioButtonIcon="RadioButtonIcon_radioButtonIcon__5Y2Zv",RadioButtonIcon_module_hasErrors="RadioButtonIcon_hasErrors__p+QrO",RadioButtonIcon_module_checked="RadioButtonIcon_checked__ML7YN",RadioButtonIcon_module_disabled="RadioButtonIcon_disabled__5ASIL";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonIcon=props=>{let inlineStyle={height:props.size,width:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"background"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const radioButtonIconProps={className:"".concat(RadioButtonIcon_module_radioButtonIcon," ").concat(props.checked?RadioButtonIcon_module_checked:""," ").concat(props.disabled?RadioButtonIcon_module_disabled:""," ").concat(props.hasErrors?RadioButtonIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...radioButtonIconProps})};RadioButtonIcon.defaultProps={size:"10px",checked:!1,disabled:!1,hasErrors:!1};const stories_RadioButtonIcon=RadioButtonIcon;RadioButtonIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"RadioButtonIcon",props:{size:{defaultValue:{value:'"10px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/RadioButtonInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonInput});var react=__webpack_require__("./node_modules/react/index.js"),RadioButtonIcon=__webpack_require__("./src/stories/RadioButtonIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const RadioButtonInput_module={flex:"RadioButtonInput_flex__T8sEs","main-content":"RadioButtonInput_main-content__gwjS+",radioButtonInput:"RadioButtonInput_radioButtonInput__0SOMA",requiredSymbol:"RadioButtonInput_requiredSymbol__zq9B9",contentOnly:"RadioButtonInput_contentOnly__QXVh7",disabled:"RadioButtonInput_disabled__1W2KP",hasErrors:"RadioButtonInput_hasErrors__8ezCZ"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonInput=props=>{const labelProps={className:"".concat(RadioButtonInput_module.radioButtonInput," ").concat(props.checked?RadioButtonInput_module.checked:""," ").concat(props.disabled?RadioButtonInput_module.disabled:""," ").concat(props.hasErrors?RadioButtonInput_module.hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,hasErrors:!props.contentOnly&&props.hasErrors},inputProps={id:props.id,name:props.name||null,type:"radio",value:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?null:(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(RadioButtonIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:RadioButtonInput_module.requiredSymbol})]})]})};RadioButtonInput.defaultProps={name:"",checked:!1,disabled:!1,required:!1,requiredGroup:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonInput=RadioButtonInput;RadioButtonInput.__docgenInfo={description:"",methods:[],displayName:"RadioButtonInput",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},theme:{description:"",type:{name:"object"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/RadioButtonListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_RadioButtonListItem});__webpack_require__("./node_modules/react/index.js");var RadioButtonInput=__webpack_require__("./src/stories/RadioButtonInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const RadioButtonListItem_module={flex:"RadioButtonListItem_flex__cTofU","main-content":"RadioButtonListItem_main-content__ToYnD",radioButtonListItem:"RadioButtonListItem_radioButtonListItem__h2FQz",contentOnly:"RadioButtonListItem_contentOnly__uY0IA",compact:"RadioButtonListItem_compact__elaN5",disabled:"RadioButtonListItem_disabled__j+2CG",checked:"RadioButtonListItem_checked__7B6jO"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioButtonListItem=props=>{const listItemClassNameArray=[RadioButtonListItem_module.radioButtonListItem,props.disabled?RadioButtonListItem_module.disabled:null,props.compact?RadioButtonListItem_module.compact:null,props.contentOnly?RadioButtonListItem_module.contentOnly:null,props.hasErrors?RadioButtonListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,inputValue:props.inputValue,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],id:props.id,name:props.name,theme:props.theme};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(RadioButtonInput.Z,{...inputProps,children:props.children})})};RadioButtonListItem.defaultProps={name:"",checked:!1,required:!1,requiredGroup:!1,disabled:!1,contentOnly:!1,hasErrors:!1};const stories_RadioButtonListItem=RadioButtonListItem;RadioButtonListItem.__docgenInfo={description:"",methods:[],displayName:"RadioButtonListItem",props:{name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},inputValue:{description:"",type:{name:"string"},required:!0},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js.LICENSE.txt b/docs/stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-RadioButtonListItem-stories.a3eb1f9a.iframe.bundle.js.LICENSE.txt
rename to docs/stories-RadioButtonListItem-stories.c066e8ed.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Select-stories.3d507a66.iframe.bundle.js b/docs/stories-Select-stories.3d507a66.iframe.bundle.js
deleted file mode 100644
index 55417c82..00000000
--- a/docs/stories-Select-stories.3d507a66.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Select-stories.3d507a66.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[128],{"./src/stories/Select.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Multiple:()=>Multiple,MultipleWithDefaultValue:()=>MultipleWithDefaultValue,MultipleWithSelectedValue:()=>MultipleWithSelectedValue,Required:()=>Required,WithContentOnly:()=>WithContentOnly,WithContentOnlyAndDefaultContent:()=>WithContentOnlyAndDefaultContent,WithContentOnlyAndKeyAsContent:()=>WithContentOnlyAndKeyAsContent,WithCustomTheme:()=>WithCustomTheme,WithCustomWidth:()=>WithCustomWidth,WithDefaultValue:()=>WithDefaultValue,WithError:()=>WithError,WithLabel:()=>WithLabel,WithLinkInLabel:()=>WithLinkInLabel,WithPlaceholder:()=>WithPlaceholder,WithSelectedValue:()=>WithSelectedValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Select_stories});var react=__webpack_require__("./node_modules/react/index.js"),Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),CheckBoxList=__webpack_require__("./src/stories/CheckBoxList.jsx"),CheckBoxListItem=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const Select_module_select="Select_select__V3621",Select_module_requiredSymbol="Select_requiredSymbol__pwaBj",Select_module_selectContainer="Select_selectContainer__1ZX1M",Select_module_selectListArrow="Select_selectListArrow__ucLzQ",Select_module_multipleSelectDropdown="Select_multipleSelectDropdown__8-dZq",Select_module_multipleSelectElement="Select_multipleSelectElement__P9uAG",Select_module_multiple="Select_multiple__mG4sF",Select_module_hasErrors="Select_hasErrors__hglv3";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Select=props=>{const[showDropdownList,setShowDropdownList]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(),wrapperRef=(0,react.useCallback)((element=>{element&&(0,helpers.SD)(element)}),[]),hideDropdownList=()=>{setShowDropdownList(!1)};(0,react.useEffect)((()=>{document.addEventListener("mousedown",(event=>{null!=dropdownRef&&dropdownRef.current&&!dropdownRef.current.contains(event.target)&&hideDropdownList()})),document.addEventListener("keydown",(event=>{if(27!==event.keyCode)return null;hideDropdownList()}),!1)}),[props,wrapperRef]);const getThemeArrowStyle=theme=>({borderTopColor:(0,functions_theme.hN)(theme,"primary")}),getKeyByValue=(value,options)=>{const selectedOption=options&&options.length?options.find((option=>"object"==typeof option?option.value===value:option===value)):null;return selectedOption&&selectedOption.key?selectedOption.key:selectedOption&&selectedOption.value?selectedOption.value:selectedOption},createOptionObject=option=>"object"==typeof option?{key:option.key?option.key:"",value:option.value?option.value:""}:{key:option,value:option},renderSelectedValues=(options,selectElementProps)=>{const selectedValues=selectElementProps.defaultValue||selectElementProps.value;return null!=selectedValues&&selectedValues.length?selectedValues.map((value=>getKeyByValue(value,options))).join(", "):null},renderCheckBoxElements=(options,selectElementProps)=>options.map(((option,index)=>{let optionObject=createOptionObject(option);const selectedValues=selectElementProps.defaultValue||selectElementProps.value,isSelected=selectedValues&&selectedValues.length&&selectedValues.includes(optionObject.value);return(0,jsx_runtime.jsx)(CheckBoxListItem.Z,{id:"".concat(props.id,"-").concat(index),value:optionObject.value,checked:isSelected,onChange:()=>selectElementProps.onChange(optionObject.value),theme:props.theme,children:optionObject.key},index)})),renderOptionElements=options=>options.map(((option,key)=>{let optionObject=createOptionObject(option);return(0,jsx_runtime.jsx)("option",{value:optionObject.value,children:optionObject.key},key)})),getErrorElementId=()=>"".concat(props.id,"-errorMessage");if(props.contentOnly){const value=props.defaultValue?props.defaultValue:props.value||null;return(0,jsx_runtime.jsxs)("div",{className:Select_module_select,children:[(0,jsx_runtime.jsx)(Label.Z,{htmlFor:props.id,children:props.label}),(0,jsx_runtime.jsx)("span",{children:value?props.keyAsContent?getKeyByValue(value,props.options):value:props.defaultContent})]})}{var _props$width,_props$errorMessage,_props$ariaDescribed,_props$width2;const defaultValue=!(props.value||!props.defaultValue)&&props.defaultValue,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}},className=(0,helpers.w6)([props.hasErrors&&Select_module_hasErrors,props.multiple&&Select_module_multiple]),selectElementProps={name:props.name,multiple:props.multiple,required:props.required,disabled:props.disabled,[defaultValue?"defaultValue":"value"]:defaultValue||props.value||"",onChange:props.onChange,id:props.id,role:props.role,key:"".concat(props.id,"-").concat((0,generators.z)(6)),className,"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,"data-transaction-name":props["data-transaction-name"],style:styleRules};return(0,jsx_runtime.jsxs)("div",{className:Select_module_select,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:Select_module_requiredSymbol})]}),(0,jsx_runtime.jsxs)("div",{className:Select_module_selectContainer,style:{...(null===(_props$width2=props.width)||void 0===_props$width2?void 0:_props$width2.length)&&{maxWidth:props.width}},children:[(0,jsx_runtime.jsx)("span",{className:Select_module_selectListArrow,style:getThemeArrowStyle(props.theme)}),props.multiple?(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,children:[(0,jsx_runtime.jsx)("div",{onClick:()=>{setShowDropdownList(!showDropdownList)},className:Select_module_multipleSelectElement,children:renderSelectedValues(props.options,selectElementProps)}),showDropdownList?(0,jsx_runtime.jsx)("div",{className:Select_module_multipleSelectDropdown,children:(0,jsx_runtime.jsx)(CheckBoxList.Z,{compact:!0,children:renderCheckBoxElements(props.options,selectElementProps)})}):null]}):(0,jsx_runtime.jsxs)("select",{...selectElementProps,children:[(placeholder=props.placeholder,placeholderValue=props.placeholderValue,placeholder?(0,jsx_runtime.jsx)("option",{value:placeholderValue||"",disabled:!0,children:placeholder}):""),renderOptionElements(props.options)]})]}),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})}var placeholder,placeholderValue,theme};Select.defaultProps={onChange:()=>!1,name:"",required:!1,disabled:!1,options:[],label:"",contentOnly:!1,keyAsContent:!1,placeholder:null,placeholderValue:"",defaultContent:null,hasErrors:!1,errorMessage:""};const stories_Select=Select;Select.__docgenInfo={description:"",methods:[],displayName:"Select",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},options:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"union",value:[{name:"string"},{name:"number"}]},{name:"shape",value:{key:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},value:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}}]}},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},keyAsContent:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},placeholder:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},placeholderValue:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!0},multiple:{description:"",type:{name:"bool"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"any"},required:!1},defaultValue:{description:"",type:{name:"any"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithLabel$parameters,_WithLabel$parameters2,_WithLabel$parameters3,_WithSelectedValue$pa,_WithSelectedValue$pa2,_WithSelectedValue$pa3,_WithDefaultValue$par,_WithDefaultValue$par2,_WithDefaultValue$par3,_WithError$parameters,_WithError$parameters2,_WithError$parameters3,_WithLinkInLabel$para,_WithLinkInLabel$para2,_WithLinkInLabel$para3,_Disabled$parameters,_Disabled$parameters2,_Disabled$parameters3,_Required$parameters,_Required$parameters2,_Required$parameters3,_WithPlaceholder$para,_WithPlaceholder$para2,_WithPlaceholder$para3,_WithContentOnly$para,_WithContentOnly$para2,_WithContentOnly$para3,_WithContentOnlyAndKe,_WithContentOnlyAndKe2,_WithContentOnlyAndKe3,_WithContentOnlyAndDe,_WithContentOnlyAndDe2,_WithContentOnlyAndDe3,_WithCustomWidth$para,_WithCustomWidth$para2,_WithCustomWidth$para3,_WithCustomTheme$para,_WithCustomTheme$para2,_WithCustomTheme$para3,_Multiple$parameters,_Multiple$parameters2,_Multiple$parameters3,_MultipleWithSelected,_MultipleWithSelected2,_MultipleWithSelected3,_MultipleWithDefaultV,_MultipleWithDefaultV2,_MultipleWithDefaultV3,customTheme=__webpack_require__("./src/data/customTheme.js");const Select_stories={title:"Example/Select",component:stories_Select,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Select,{...args}),options=["option 1","option 2",{key:"option 3",value:"value 3"}],Default=Template.bind({});Default.args={id:"select1",options};const WithLabel=Template.bind({});WithLabel.args={id:"select2",label:"Select with label",options};const WithSelectedValue=Template.bind({});WithSelectedValue.args={id:"select3",label:"Select with label and selected value",value:"value 3",options};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"select4",label:"Select with label and default value",defaultValue:"value 3",options};const WithError=Template.bind({});WithError.args={id:"select5",label:"Select with label, selected value, errors and error message",value:"value 3",hasErrors:!0,errorMessage:"Wrong value selected",options};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"select6",label:["Select with ",(0,jsx_runtime.jsx)("a",{href:"#select6",children:"link"},"labelLink")," in label"],value:"value 3",options};const Disabled=Template.bind({});Disabled.args={id:"select7",disabled:!0,label:"Disabled select with label and selected value",value:"value 3",options};const Required=Template.bind({});Required.args={id:"select8",required:!0,label:"Required select with label",options};const WithPlaceholder=Template.bind({});WithPlaceholder.args={id:"select9",label:"Select with label, placeholder and placeholderValue",placeholder:"Select from list",placeholderValue:"notSelected",value:"notSelected",options};const WithContentOnly=Template.bind({});WithContentOnly.args={id:"select10",label:"Select with label, selected value and contentOnly set to true",value:"value 3",contentOnly:!0,options};const WithContentOnlyAndKeyAsContent=Template.bind({});WithContentOnlyAndKeyAsContent.args={id:"select11",label:"Select with label, selected value, contentOnly set to true and keyAsContent set to true",value:"value 3",contentOnly:!0,keyAsContent:!0,options};const WithContentOnlyAndDefaultContent=Template.bind({});WithContentOnlyAndDefaultContent.args={id:"select12",label:"Select with label, contentOnly set to true, no value and defaultContent",contentOnly:!0,defaultContent:"No value selected",options};const WithCustomWidth=Template.bind({});WithCustomWidth.args={id:"select13",label:"Select with custom width",width:"250px",options};const WithCustomTheme=Template.bind({});WithCustomTheme.args={id:"select14",label:"Select with custom theme",theme:customTheme.Z,options};const Multiple=Template.bind({});Multiple.args={id:"select15",label:"Multiple select with label",multiple:!0,options};const MultipleWithSelectedValue=Template.bind({});MultipleWithSelectedValue.args={id:"select16",label:"Multiple select with label and selected value",value:["option 1","value 3"],multiple:!0,options,onChange:value=>{console.log(value)}};const MultipleWithDefaultValue=Template.bind({});MultipleWithDefaultValue.args={id:"select17",label:"Multiple select with label and default value",defaultValue:["option 1","value 3"],multiple:!0,options},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...null===(_WithLabel$parameters=WithLabel.parameters)||void 0===_WithLabel$parameters?void 0:_WithLabel$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithLabel$parameters2=WithLabel.parameters)||void 0===_WithLabel$parameters2||null===(_WithLabel$parameters3=_WithLabel$parameters2.docs)||void 0===_WithLabel$parameters3?void 0:_WithLabel$parameters3.source}}},WithSelectedValue.parameters={...WithSelectedValue.parameters,docs:{...null===(_WithSelectedValue$pa=WithSelectedValue.parameters)||void 0===_WithSelectedValue$pa?void 0:_WithSelectedValue$pa.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithSelectedValue$pa2=WithSelectedValue.parameters)||void 0===_WithSelectedValue$pa2||null===(_WithSelectedValue$pa3=_WithSelectedValue$pa2.docs)||void 0===_WithSelectedValue$pa3?void 0:_WithSelectedValue$pa3.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...null===(_WithDefaultValue$par=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par?void 0:_WithDefaultValue$par.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithDefaultValue$par2=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par2||null===(_WithDefaultValue$par3=_WithDefaultValue$par2.docs)||void 0===_WithDefaultValue$par3?void 0:_WithDefaultValue$par3.source}}},WithError.parameters={...WithError.parameters,docs:{...null===(_WithError$parameters=WithError.parameters)||void 0===_WithError$parameters?void 0:_WithError$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithError$parameters2=WithError.parameters)||void 0===_WithError$parameters2||null===(_WithError$parameters3=_WithError$parameters2.docs)||void 0===_WithError$parameters3?void 0:_WithError$parameters3.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...null===(_WithLinkInLabel$para=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para?void 0:_WithLinkInLabel$para.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithLinkInLabel$para2=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para2||null===(_WithLinkInLabel$para3=_WithLinkInLabel$para2.docs)||void 0===_WithLinkInLabel$para3?void 0:_WithLinkInLabel$para3.source}}},Disabled.parameters={...Disabled.parameters,docs:{...null===(_Disabled$parameters=Disabled.parameters)||void 0===_Disabled$parameters?void 0:_Disabled$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_Disabled$parameters2=Disabled.parameters)||void 0===_Disabled$parameters2||null===(_Disabled$parameters3=_Disabled$parameters2.docs)||void 0===_Disabled$parameters3?void 0:_Disabled$parameters3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},WithPlaceholder.parameters={...WithPlaceholder.parameters,docs:{...null===(_WithPlaceholder$para=WithPlaceholder.parameters)||void 0===_WithPlaceholder$para?void 0:_WithPlaceholder$para.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithPlaceholder$para2=WithPlaceholder.parameters)||void 0===_WithPlaceholder$para2||null===(_WithPlaceholder$para3=_WithPlaceholder$para2.docs)||void 0===_WithPlaceholder$para3?void 0:_WithPlaceholder$para3.source}}},WithContentOnly.parameters={...WithContentOnly.parameters,docs:{...null===(_WithContentOnly$para=WithContentOnly.parameters)||void 0===_WithContentOnly$para?void 0:_WithContentOnly$para.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithContentOnly$para2=WithContentOnly.parameters)||void 0===_WithContentOnly$para2||null===(_WithContentOnly$para3=_WithContentOnly$para2.docs)||void 0===_WithContentOnly$para3?void 0:_WithContentOnly$para3.source}}},WithContentOnlyAndKeyAsContent.parameters={...WithContentOnlyAndKeyAsContent.parameters,docs:{...null===(_WithContentOnlyAndKe=WithContentOnlyAndKeyAsContent.parameters)||void 0===_WithContentOnlyAndKe?void 0:_WithContentOnlyAndKe.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithContentOnlyAndKe2=WithContentOnlyAndKeyAsContent.parameters)||void 0===_WithContentOnlyAndKe2||null===(_WithContentOnlyAndKe3=_WithContentOnlyAndKe2.docs)||void 0===_WithContentOnlyAndKe3?void 0:_WithContentOnlyAndKe3.source}}},WithContentOnlyAndDefaultContent.parameters={...WithContentOnlyAndDefaultContent.parameters,docs:{...null===(_WithContentOnlyAndDe=WithContentOnlyAndDefaultContent.parameters)||void 0===_WithContentOnlyAndDe?void 0:_WithContentOnlyAndDe.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithContentOnlyAndDe2=WithContentOnlyAndDefaultContent.parameters)||void 0===_WithContentOnlyAndDe2||null===(_WithContentOnlyAndDe3=_WithContentOnlyAndDe2.docs)||void 0===_WithContentOnlyAndDe3?void 0:_WithContentOnlyAndDe3.source}}},WithCustomWidth.parameters={...WithCustomWidth.parameters,docs:{...null===(_WithCustomWidth$para=WithCustomWidth.parameters)||void 0===_WithCustomWidth$para?void 0:_WithCustomWidth$para.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithCustomWidth$para2=WithCustomWidth.parameters)||void 0===_WithCustomWidth$para2||null===(_WithCustomWidth$para3=_WithCustomWidth$para2.docs)||void 0===_WithCustomWidth$para3?void 0:_WithCustomWidth$para3.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...null===(_WithCustomTheme$para=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para?void 0:_WithCustomTheme$para.docs,source:{originalSource:"args => <Select {...args} />",...null===(_WithCustomTheme$para2=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para2||null===(_WithCustomTheme$para3=_WithCustomTheme$para2.docs)||void 0===_WithCustomTheme$para3?void 0:_WithCustomTheme$para3.source}}},Multiple.parameters={...Multiple.parameters,docs:{...null===(_Multiple$parameters=Multiple.parameters)||void 0===_Multiple$parameters?void 0:_Multiple$parameters.docs,source:{originalSource:"args => <Select {...args} />",...null===(_Multiple$parameters2=Multiple.parameters)||void 0===_Multiple$parameters2||null===(_Multiple$parameters3=_Multiple$parameters2.docs)||void 0===_Multiple$parameters3?void 0:_Multiple$parameters3.source}}},MultipleWithSelectedValue.parameters={...MultipleWithSelectedValue.parameters,docs:{...null===(_MultipleWithSelected=MultipleWithSelectedValue.parameters)||void 0===_MultipleWithSelected?void 0:_MultipleWithSelected.docs,source:{originalSource:"args => <Select {...args} />",...null===(_MultipleWithSelected2=MultipleWithSelectedValue.parameters)||void 0===_MultipleWithSelected2||null===(_MultipleWithSelected3=_MultipleWithSelected2.docs)||void 0===_MultipleWithSelected3?void 0:_MultipleWithSelected3.source}}},MultipleWithDefaultValue.parameters={...MultipleWithDefaultValue.parameters,docs:{...null===(_MultipleWithDefaultV=MultipleWithDefaultValue.parameters)||void 0===_MultipleWithDefaultV?void 0:_MultipleWithDefaultV.docs,source:{originalSource:"args => <Select {...args} />",...null===(_MultipleWithDefaultV2=MultipleWithDefaultValue.parameters)||void 0===_MultipleWithDefaultV2||null===(_MultipleWithDefaultV3=_MultipleWithDefaultV2.docs)||void 0===_MultipleWithDefaultV3?void 0:_MultipleWithDefaultV3.source}}};const __namedExportsOrder=["Default","WithLabel","WithSelectedValue","WithDefaultValue","WithError","WithLinkInLabel","Disabled","Required","WithPlaceholder","WithContentOnly","WithContentOnlyAndKeyAsContent","WithContentOnlyAndDefaultContent","WithCustomWidth","WithCustomTheme","Multiple","MultipleWithSelectedValue","MultipleWithDefaultValue"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxList.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxList});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxList_module_checkBoxList="CheckBoxList_checkBoxList__U47JD",CheckBoxList_module_requiredSymbol="CheckBoxList_requiredSymbol__+jZAJ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:CheckBoxList_module_checkBoxList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="CheckBoxListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_CheckBoxList=CheckBoxList;CheckBoxList.__docgenInfo={description:"",methods:[],displayName:"CheckBoxList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],"data-transaction-name":props["data-transaction-name"],id:props.id,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},"data-transaction-name":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Select-stories.a596f124.iframe.bundle.js b/docs/stories-Select-stories.a596f124.iframe.bundle.js
new file mode 100644
index 00000000..221acb25
--- /dev/null
+++ b/docs/stories-Select-stories.a596f124.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Select-stories.a596f124.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[128],{"./src/stories/Select.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Multiple:()=>Multiple,MultipleWithDefaultValue:()=>MultipleWithDefaultValue,MultipleWithSelectedValue:()=>MultipleWithSelectedValue,Required:()=>Required,WithContentOnly:()=>WithContentOnly,WithContentOnlyAndDefaultContent:()=>WithContentOnlyAndDefaultContent,WithContentOnlyAndKeyAsContent:()=>WithContentOnlyAndKeyAsContent,WithCustomTheme:()=>WithCustomTheme,WithCustomWidth:()=>WithCustomWidth,WithDefaultValue:()=>WithDefaultValue,WithError:()=>WithError,WithLabel:()=>WithLabel,WithLinkInLabel:()=>WithLinkInLabel,WithPlaceholder:()=>WithPlaceholder,WithSelectedValue:()=>WithSelectedValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Select_stories});var react=__webpack_require__("./node_modules/react/index.js"),Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),CheckBoxList=__webpack_require__("./src/stories/CheckBoxList.jsx"),CheckBoxListItem=__webpack_require__("./src/stories/CheckBoxListItem.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const Select_module_select="Select_select__V3621",Select_module_requiredSymbol="Select_requiredSymbol__pwaBj",Select_module_selectContainer="Select_selectContainer__1ZX1M",Select_module_selectListArrow="Select_selectListArrow__ucLzQ",Select_module_multipleSelectDropdown="Select_multipleSelectDropdown__8-dZq",Select_module_multipleSelectElement="Select_multipleSelectElement__P9uAG",Select_module_multiple="Select_multiple__mG4sF",Select_module_hasErrors="Select_hasErrors__hglv3";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Select=props=>{const[showDropdownList,setShowDropdownList]=(0,react.useState)(!1),dropdownRef=(0,react.useRef)(),wrapperRef=(0,react.useCallback)((element=>{element&&(0,helpers.SD)(element)}),[]),hideDropdownList=()=>{setShowDropdownList(!1)};(0,react.useEffect)((()=>{document.addEventListener("mousedown",(event=>{null!=dropdownRef&&dropdownRef.current&&!dropdownRef.current.contains(event.target)&&hideDropdownList()})),document.addEventListener("keydown",(event=>{if(27!==event.keyCode)return null;hideDropdownList()}),!1)}),[props,wrapperRef]);const getThemeArrowStyle=theme=>({borderTopColor:(0,functions_theme.hN)(theme,"primary")}),getKeyByValue=(value,options)=>{const selectedOption=options&&options.length?options.find((option=>"object"==typeof option?option.value===value:option===value)):null;return selectedOption&&selectedOption.key?selectedOption.key:selectedOption&&selectedOption.value?selectedOption.value:selectedOption},createOptionObject=option=>"object"==typeof option?{key:option.key?option.key:"",value:option.value?option.value:""}:{key:option,value:option},renderSelectedValues=(options,selectElementProps)=>{const selectedValues=selectElementProps.defaultValue||selectElementProps.value;return null!=selectedValues&&selectedValues.length?selectedValues.map((value=>getKeyByValue(value,options))).join(", "):null},renderCheckBoxElements=(options,selectElementProps)=>options.map(((option,index)=>{let optionObject=createOptionObject(option);const selectedValues=selectElementProps.defaultValue||selectElementProps.value,isSelected=selectedValues&&selectedValues.length&&selectedValues.includes(optionObject.value);return(0,jsx_runtime.jsx)(CheckBoxListItem.Z,{id:"".concat(props.id,"-").concat(index),value:optionObject.value,checked:isSelected,onChange:()=>selectElementProps.onChange(optionObject.value),theme:props.theme,children:optionObject.key},index)})),renderOptionElements=options=>options.map(((option,key)=>{let optionObject=createOptionObject(option);return(0,jsx_runtime.jsx)("option",{value:optionObject.value,children:optionObject.key},key)})),getErrorElementId=()=>"".concat(props.id,"-errorMessage");if(props.contentOnly){const value=props.defaultValue?props.defaultValue:props.value||null;return(0,jsx_runtime.jsxs)("div",{className:Select_module_select,children:[(0,jsx_runtime.jsx)(Label.Z,{htmlFor:props.id,children:props.label}),(0,jsx_runtime.jsx)("span",{children:value?props.keyAsContent?getKeyByValue(value,props.options):value:props.defaultContent})]})}{var _props$width,_props$errorMessage,_props$ariaDescribed,_props$width2;const defaultValue=!(props.value||!props.defaultValue)&&props.defaultValue,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}},className=(0,helpers.w6)([props.hasErrors&&Select_module_hasErrors,props.multiple&&Select_module_multiple]),selectElementProps={name:props.name,multiple:props.multiple,required:props.required,disabled:props.disabled,[defaultValue?"defaultValue":"value"]:defaultValue||props.value||"",onChange:props.onChange,id:props.id,role:props.role,key:"".concat(props.id,"-").concat((0,generators.z)(6)),className,"aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,style:styleRules};return(0,jsx_runtime.jsxs)("div",{className:Select_module_select,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:Select_module_requiredSymbol})]}),(0,jsx_runtime.jsxs)("div",{className:Select_module_selectContainer,style:{...(null===(_props$width2=props.width)||void 0===_props$width2?void 0:_props$width2.length)&&{maxWidth:props.width}},children:[(0,jsx_runtime.jsx)("span",{className:Select_module_selectListArrow,style:getThemeArrowStyle(props.theme)}),props.multiple?(0,jsx_runtime.jsxs)("div",{ref:dropdownRef,children:[(0,jsx_runtime.jsx)("div",{onClick:()=>{setShowDropdownList(!showDropdownList)},className:Select_module_multipleSelectElement,children:renderSelectedValues(props.options,selectElementProps)}),showDropdownList?(0,jsx_runtime.jsx)("div",{className:Select_module_multipleSelectDropdown,children:(0,jsx_runtime.jsx)(CheckBoxList.Z,{compact:!0,children:renderCheckBoxElements(props.options,selectElementProps)})}):null]}):(0,jsx_runtime.jsxs)("select",{...selectElementProps,children:[(placeholder=props.placeholder,placeholderValue=props.placeholderValue,placeholder?(0,jsx_runtime.jsx)("option",{value:placeholderValue||"",disabled:!0,children:placeholder}):""),renderOptionElements(props.options)]})]}),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})}var placeholder,placeholderValue,theme};Select.defaultProps={onChange:()=>!1,name:"",required:!1,disabled:!1,options:[],label:"",contentOnly:!1,keyAsContent:!1,placeholder:null,placeholderValue:"",defaultContent:null,hasErrors:!1,errorMessage:""};const stories_Select=Select;Select.__docgenInfo={description:"",methods:[],displayName:"Select",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},options:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"union",value:[{name:"string"},{name:"number"}]},{name:"shape",value:{key:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},value:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}}]}},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},keyAsContent:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},placeholder:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},placeholderValue:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!0},multiple:{description:"",type:{name:"bool"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"any"},required:!1},defaultValue:{description:"",type:{name:"any"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var customTheme=__webpack_require__("./src/data/customTheme.js");const Select_stories={title:"Example/Select",component:stories_Select,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Select,{...args}),options=["option 1","option 2",{key:"option 3",value:"value 3"}],Default=Template.bind({});Default.args={id:"select1",options};const WithLabel=Template.bind({});WithLabel.args={id:"select2",label:"Select with label",options};const WithSelectedValue=Template.bind({});WithSelectedValue.args={id:"select3",label:"Select with label and selected value",value:"value 3",options};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"select4",label:"Select with label and default value",defaultValue:"value 3",options};const WithError=Template.bind({});WithError.args={id:"select5",label:"Select with label, selected value, errors and error message",value:"value 3",hasErrors:!0,errorMessage:"Wrong value selected",options};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"select6",label:["Select with ",(0,jsx_runtime.jsx)("a",{href:"#select6",children:"link"},"labelLink")," in label"],value:"value 3",options};const Disabled=Template.bind({});Disabled.args={id:"select7",disabled:!0,label:"Disabled select with label and selected value",value:"value 3",options};const Required=Template.bind({});Required.args={id:"select8",required:!0,label:"Required select with label",options};const WithPlaceholder=Template.bind({});WithPlaceholder.args={id:"select9",label:"Select with label, placeholder and placeholderValue",placeholder:"Select from list",placeholderValue:"notSelected",value:"notSelected",options};const WithContentOnly=Template.bind({});WithContentOnly.args={id:"select10",label:"Select with label, selected value and contentOnly set to true",value:"value 3",contentOnly:!0,options};const WithContentOnlyAndKeyAsContent=Template.bind({});WithContentOnlyAndKeyAsContent.args={id:"select11",label:"Select with label, selected value, contentOnly set to true and keyAsContent set to true",value:"value 3",contentOnly:!0,keyAsContent:!0,options};const WithContentOnlyAndDefaultContent=Template.bind({});WithContentOnlyAndDefaultContent.args={id:"select12",label:"Select with label, contentOnly set to true, no value and defaultContent",contentOnly:!0,defaultContent:"No value selected",options};const WithCustomWidth=Template.bind({});WithCustomWidth.args={id:"select13",label:"Select with custom width",width:"250px",options};const WithCustomTheme=Template.bind({});WithCustomTheme.args={id:"select14",label:"Select with custom theme",theme:customTheme.Z,options};const Multiple=Template.bind({});Multiple.args={id:"select15",label:"Multiple select with label",multiple:!0,options};const MultipleWithSelectedValue=Template.bind({});MultipleWithSelectedValue.args={id:"select16",label:"Multiple select with label and selected value",value:["option 1","value 3"],multiple:!0,options,onChange:value=>{console.log(value)}};const MultipleWithDefaultValue=Template.bind({});MultipleWithDefaultValue.args={id:"select17",label:"Multiple select with label and default value",defaultValue:["option 1","value 3"],multiple:!0,options},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...Default.parameters?.docs?.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...WithLabel.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithLabel.parameters?.docs?.source}}},WithSelectedValue.parameters={...WithSelectedValue.parameters,docs:{...WithSelectedValue.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithSelectedValue.parameters?.docs?.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...WithDefaultValue.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithDefaultValue.parameters?.docs?.source}}},WithError.parameters={...WithError.parameters,docs:{...WithError.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithError.parameters?.docs?.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...WithLinkInLabel.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithLinkInLabel.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...Disabled.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...Required.parameters?.docs?.source}}},WithPlaceholder.parameters={...WithPlaceholder.parameters,docs:{...WithPlaceholder.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithPlaceholder.parameters?.docs?.source}}},WithContentOnly.parameters={...WithContentOnly.parameters,docs:{...WithContentOnly.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithContentOnly.parameters?.docs?.source}}},WithContentOnlyAndKeyAsContent.parameters={...WithContentOnlyAndKeyAsContent.parameters,docs:{...WithContentOnlyAndKeyAsContent.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithContentOnlyAndKeyAsContent.parameters?.docs?.source}}},WithContentOnlyAndDefaultContent.parameters={...WithContentOnlyAndDefaultContent.parameters,docs:{...WithContentOnlyAndDefaultContent.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithContentOnlyAndDefaultContent.parameters?.docs?.source}}},WithCustomWidth.parameters={...WithCustomWidth.parameters,docs:{...WithCustomWidth.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithCustomWidth.parameters?.docs?.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...WithCustomTheme.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...WithCustomTheme.parameters?.docs?.source}}},Multiple.parameters={...Multiple.parameters,docs:{...Multiple.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...Multiple.parameters?.docs?.source}}},MultipleWithSelectedValue.parameters={...MultipleWithSelectedValue.parameters,docs:{...MultipleWithSelectedValue.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...MultipleWithSelectedValue.parameters?.docs?.source}}},MultipleWithDefaultValue.parameters={...MultipleWithDefaultValue.parameters,docs:{...MultipleWithDefaultValue.parameters?.docs,source:{originalSource:"args => <Select {...args} />",...MultipleWithDefaultValue.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithLabel","WithSelectedValue","WithDefaultValue","WithError","WithLinkInLabel","Disabled","Required","WithPlaceholder","WithContentOnly","WithContentOnlyAndKeyAsContent","WithContentOnlyAndDefaultContent","WithCustomWidth","WithCustomTheme","Multiple","MultipleWithSelectedValue","MultipleWithDefaultValue"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/CheckBoxIcon.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxIcon});__webpack_require__("./node_modules/react/index.js");var theme=__webpack_require__("./src/functions/theme.js");const CheckBoxIcon_module_checkBoxIcon="CheckBoxIcon_checkBoxIcon__VJORn",CheckBoxIcon_module_showBox="CheckBoxIcon_showBox__kXsHb",CheckBoxIcon_module_hasErrors="CheckBoxIcon_hasErrors__E-tBP",CheckBoxIcon_module_checked="CheckBoxIcon_checked__3BIaI",CheckBoxIcon_module_disabled="CheckBoxIcon_disabled__wR4l5",CheckBoxIcon_module_checkmark="CheckBoxIcon_checkmark__AYJil";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxIcon=props=>{let inlineStyle={height:props.size,width:props.size,fontSize:props.size};props.theme&&props.checked&&(inlineStyle={...inlineStyle,[!props.hasErrors&&"color"]:(0,theme.hN)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.hN)(props.theme,"primary"))});const checkBoxIconProps={className:"".concat(CheckBoxIcon_module_checkBoxIcon," ").concat(props.checked?CheckBoxIcon_module_checked:""," ").concat(props.disabled?CheckBoxIcon_module_disabled:""," ").concat(props.showBox?CheckBoxIcon_module_showBox:""," ").concat(props.hasErrors?CheckBoxIcon_module_hasErrors:""),style:inlineStyle};return(0,jsx_runtime.jsx)("span",{...checkBoxIconProps,children:(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,className:CheckBoxIcon_module_checkmark,children:props.checked?props.checkmarkCharacter:""})})};CheckBoxIcon.defaultProps={size:"20px",checked:!1,disabled:!1,showBox:!0,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxIcon=CheckBoxIcon;CheckBoxIcon.__docgenInfo={description:"Primary UI component for user interaction",methods:[],displayName:"CheckBoxIcon",props:{size:{defaultValue:{value:'"20px"',computed:!1},description:"How large should the radio button icon be?",type:{name:"string"},required:!1},checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBox:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/CheckBoxInput.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxInput});var react=__webpack_require__("./node_modules/react/index.js"),CheckBoxIcon=__webpack_require__("./src/stories/CheckBoxIcon.jsx"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxInput_module_checkBoxInput="CheckBoxInput_checkBoxInput__EA2sv",CheckBoxInput_module_requiredSymbol="CheckBoxInput_requiredSymbol__-EpwM",CheckBoxInput_module_contentOnly="CheckBoxInput_contentOnly__PtpWq",CheckBoxInput_module_disabled="CheckBoxInput_disabled__ehltK",CheckBoxInput_module_hasErrors="CheckBoxInput_hasErrors__ecreb";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxInput=props=>{const labelProps={className:"".concat(CheckBoxInput_module_checkBoxInput," ").concat(props.contentOnly?CheckBoxInput_module_contentOnly:""," ").concat(props.disabled?CheckBoxInput_module_disabled:""," ").concat(props.hasErrors?CheckBoxInput_module_hasErrors:""),htmlFor:props.id},iconProps={checked:props.checked,disabled:props.disabled,theme:props.theme,showBox:!props.contentOnly,hasErrors:props.contentOnly&&props.hasErrors,checkmarkCharacter:props.checkmarkCharacter},inputProps={id:props.id,name:props.name||null,type:"checkbox",checked:props.checked,disabled:props.disabled,required:props.required||props.requiredGroup,onChange:props.onChange,tabIndex:props.tabIndex||null,"aria-controls":props["aria-controls"],"aria-invalid":props.hasErrors?"true":null,"aria-describedby":props["aria-describedby"]};return(0,jsx_runtime.jsxs)("label",{...labelProps,children:[props.contentOnly?(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.Z,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxInput_module_requiredSymbol})]})]})};CheckBoxInput.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxInput=CheckBoxInput;CheckBoxInput.__docgenInfo={description:"",methods:[],displayName:"CheckBoxInput",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},id:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/CheckBoxList.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxList});var react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/functions/helpers.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const CheckBoxList_module_checkBoxList="CheckBoxList_checkBoxList__U47JD",CheckBoxList_module_requiredSymbol="CheckBoxList_requiredSymbol__+jZAJ";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxList=props=>{var _props$legend;return(0,jsx_runtime.jsxs)("fieldset",{className:CheckBoxList_module_checkBoxList,children:[null!==(_props$legend=props.legend)&&void 0!==_props$legend&&_props$legend.length?(0,jsx_runtime.jsxs)("legend",{children:[props.legend,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.vf)(childElements).map(((childElement,index)=>{var _childElement$type;const childElementProps="CheckBoxListItem"===(null==childElement||null===(_childElement$type=childElement.type)||void 0===_childElement$type?void 0:_childElement$type.name)?{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}:null;return react.cloneElement(childElement,childElementProps)})))]});var childElements},stories_CheckBoxList=CheckBoxList;CheckBoxList.__docgenInfo={description:"",methods:[],displayName:"CheckBoxList",props:{legend:{description:"",type:{name:"string"},required:!1},required:{description:"",type:{name:"bool"},required:!1},compact:{description:"",type:{name:"bool"},required:!1}}}},"./src/stories/CheckBoxListItem.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_CheckBoxListItem});__webpack_require__("./node_modules/react/index.js");var CheckBoxInput=__webpack_require__("./src/stories/CheckBoxInput.jsx"),helpers=__webpack_require__("./src/functions/helpers.js");const CheckBoxListItem_module={flex:"CheckBoxListItem_flex__ldUir","main-content":"CheckBoxListItem_main-content__BueRR",checkBoxListItem:"CheckBoxListItem_checkBoxListItem__6jvY5",contentOnly:"CheckBoxListItem_contentOnly__M3EGZ",compact:"CheckBoxListItem_compact__izjFF",disabled:"CheckBoxListItem_disabled__RvGxr",checked:"CheckBoxListItem_checked__IzxSb"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const CheckBoxListItem=props=>{const listItemClassNameArray=[CheckBoxListItem_module.checkBoxListItem,props.checked?CheckBoxListItem_module.checked:null,props.disabled?CheckBoxListItem_module.disabled:null,props.compact?CheckBoxListItem_module.compact:null,props.contentOnly?CheckBoxListItem_module.contentOnly:null,props.hasErrors?CheckBoxListItem_module.hasErrors:null],listItemClassNameString=(0,helpers.w6)(listItemClassNameArray),inputProps={onChange:props.onChange,checked:props.checked,disabled:props.disabled,required:props.required,requiredGroup:props.requiredGroup,contentOnly:props.contentOnly,hasErrors:props.hasErrors,"aria-controls":props["aria-controls"],"aria-describedby":props["aria-describedby"],id:props.id,name:props.name,theme:props.theme,checkmarkCharacter:props.checkmarkCharacter};return(0,jsx_runtime.jsx)("div",{className:listItemClassNameString,children:(0,jsx_runtime.jsx)(CheckBoxInput.Z,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔"};const stories_CheckBoxListItem=CheckBoxListItem;CheckBoxListItem.__docgenInfo={description:"",methods:[],displayName:"CheckBoxListItem",props:{checked:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},requiredGroup:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},id:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},checkmarkCharacter:{defaultValue:{value:'"✔"',computed:!1},description:"",type:{name:"string"},required:!1},onChange:{description:"",type:{name:"func"},required:!0},theme:{description:"",type:{name:"object"},required:!1},compact:{description:"",type:{name:"bool"},required:!1},"aria-controls":{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1}}}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Select-stories.3d507a66.iframe.bundle.js.LICENSE.txt b/docs/stories-Select-stories.a596f124.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Select-stories.3d507a66.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Select-stories.a596f124.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Table-stories.65d33f02.iframe.bundle.js b/docs/stories-Table-stories.65d33f02.iframe.bundle.js
new file mode 100644
index 00000000..6b823073
--- /dev/null
+++ b/docs/stories-Table-stories.65d33f02.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Table-stories.65d33f02.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[744],{"./src/stories/Table.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCaption:()=>WithCaption,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Table_stories});__webpack_require__("./node_modules/react/index.js");var helpers=__webpack_require__("./src/functions/helpers.js");const Table_module={flex:"Table_flex__5+cf+","main-content":"Table_main-content__HGQLd",table:"Table_table__o7PSa","captionSide-top":"Table_captionSide-top__0SNrK","captionSide-bottom":"Table_captionSide-bottom__e9DGq","captionAlign-left":"Table_captionAlign-left__AEQAF","captionAlign-center":"Table_captionAlign-center__38GjJ","captionAlign-right":"Table_captionAlign-right__Ot2-t"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Table=props=>{return(0,jsx_runtime.jsx)("table",{className:(0,helpers.w6)([Table_module.table,(captionAlign=props.captionAlign,null!=captionAlign&&captionAlign.length&&["left","center","right"].includes(captionAlign)?Table_module["captionAlign-".concat(captionAlign)]:Table_module["captionAlign-".concat("left")]),(captionSide=props.captionSide,null!=captionSide&&captionSide.length&&["top","bottom"].includes(captionSide)?Table_module["captionSide-".concat(captionSide)]:Table_module["captionSide-".concat("top")])]),children:props.children});var captionSide,captionAlign},stories_Table=Table;Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{captionAlign:{description:"",type:{name:"enum",value:[{value:'"left"',computed:!1},{value:'"center"',computed:!1},{value:'"right"',computed:!1}]},required:!1},captionSide:{description:"",type:{name:"enum",value:[{value:'"top"',computed:!1},{value:'"bottom"',computed:!1}]},required:!1}}};const Table_stories={title:"Example/Table",component:stories_Table,argTypes:{captionSide:{control:"radio",options:["top","bottom"]},captionAlign:{control:"radio",options:["left","center","right"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_Table,{...args}),Default=Template.bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("th",{children:"Table header 1"}),(0,jsx_runtime.jsx)("th",{children:"Table header 2"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 1"}),(0,jsx_runtime.jsx)("td",{children:"Table data 2"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 3"}),(0,jsx_runtime.jsx)("td",{children:"Table data 4"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 5"}),(0,jsx_runtime.jsx)("td",{children:"Table data 6"})]})]})]})};const WithCaption=Template.bind({});WithCaption.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("caption",{children:"Table caption"}),(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("th",{children:"Table header 1"}),(0,jsx_runtime.jsx)("th",{children:"Table header 2"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 1"}),(0,jsx_runtime.jsx)("td",{children:"Table data 2"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 3"}),(0,jsx_runtime.jsx)("td",{children:"Table data 4"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 5"}),(0,jsx_runtime.jsx)("td",{children:"Table data 6"})]})]})]})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Table {...args} />",...Default.parameters?.docs?.source}}},WithCaption.parameters={...WithCaption.parameters,docs:{...WithCaption.parameters?.docs,source:{originalSource:"args => <Table {...args} />",...WithCaption.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCaption"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Table-stories.f33c27b7.iframe.bundle.js.LICENSE.txt b/docs/stories-Table-stories.65d33f02.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Table-stories.f33c27b7.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Table-stories.65d33f02.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Table-stories.f33c27b7.iframe.bundle.js b/docs/stories-Table-stories.f33c27b7.iframe.bundle.js
deleted file mode 100644
index bb3a9ee4..00000000
--- a/docs/stories-Table-stories.f33c27b7.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Table-stories.f33c27b7.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[744],{"./src/stories/Table.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCaption:()=>WithCaption,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Table_stories});__webpack_require__("./node_modules/react/index.js");var helpers=__webpack_require__("./src/functions/helpers.js");const Table_module={flex:"Table_flex__5+cf+","main-content":"Table_main-content__HGQLd",table:"Table_table__o7PSa","captionSide-top":"Table_captionSide-top__0SNrK","captionSide-bottom":"Table_captionSide-bottom__e9DGq","captionAlign-left":"Table_captionAlign-left__AEQAF","captionAlign-center":"Table_captionAlign-center__38GjJ","captionAlign-right":"Table_captionAlign-right__Ot2-t"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Table=props=>{return(0,jsx_runtime.jsx)("table",{className:(0,helpers.w6)([Table_module.table,(captionAlign=props.captionAlign,null!=captionAlign&&captionAlign.length&&["left","center","right"].includes(captionAlign)?Table_module["captionAlign-".concat(captionAlign)]:Table_module["captionAlign-".concat("left")]),(captionSide=props.captionSide,null!=captionSide&&captionSide.length&&["top","bottom"].includes(captionSide)?Table_module["captionSide-".concat(captionSide)]:Table_module["captionSide-".concat("top")])]),children:props.children});var captionSide,captionAlign},stories_Table=Table;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithCaption$paramete,_WithCaption$paramete2,_WithCaption$paramete3;Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{captionAlign:{description:"",type:{name:"enum",value:[{value:'"left"',computed:!1},{value:'"center"',computed:!1},{value:'"right"',computed:!1}]},required:!1},captionSide:{description:"",type:{name:"enum",value:[{value:'"top"',computed:!1},{value:'"bottom"',computed:!1}]},required:!1}}};const Table_stories={title:"Example/Table",component:stories_Table,argTypes:{captionSide:{control:"radio",options:["top","bottom"]},captionAlign:{control:"radio",options:["left","center","right"]}}},Template=args=>(0,jsx_runtime.jsx)(stories_Table,{...args}),Default=Template.bind({});Default.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("th",{children:"Table header 1"}),(0,jsx_runtime.jsx)("th",{children:"Table header 2"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 1"}),(0,jsx_runtime.jsx)("td",{children:"Table data 2"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 3"}),(0,jsx_runtime.jsx)("td",{children:"Table data 4"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 5"}),(0,jsx_runtime.jsx)("td",{children:"Table data 6"})]})]})]})};const WithCaption=Template.bind({});WithCaption.args={children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("caption",{children:"Table caption"}),(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("th",{children:"Table header 1"}),(0,jsx_runtime.jsx)("th",{children:"Table header 2"})]})}),(0,jsx_runtime.jsxs)("tbody",{children:[(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 1"}),(0,jsx_runtime.jsx)("td",{children:"Table data 2"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 3"}),(0,jsx_runtime.jsx)("td",{children:"Table data 4"})]}),(0,jsx_runtime.jsxs)("tr",{children:[(0,jsx_runtime.jsx)("td",{children:"Table data 5"}),(0,jsx_runtime.jsx)("td",{children:"Table data 6"})]})]})]})},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Table {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithCaption.parameters={...WithCaption.parameters,docs:{...null===(_WithCaption$paramete=WithCaption.parameters)||void 0===_WithCaption$paramete?void 0:_WithCaption$paramete.docs,source:{originalSource:"args => <Table {...args} />",...null===(_WithCaption$paramete2=WithCaption.parameters)||void 0===_WithCaption$paramete2||null===(_WithCaption$paramete3=_WithCaption$paramete2.docs)||void 0===_WithCaption$paramete3?void 0:_WithCaption$paramete3.source}}};const __namedExportsOrder=["Default","WithCaption"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Textarea-stories.3ee65f16.iframe.bundle.js b/docs/stories-Textarea-stories.3ee65f16.iframe.bundle.js
new file mode 100644
index 00000000..1f865001
--- /dev/null
+++ b/docs/stories-Textarea-stories.3ee65f16.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Textarea-stories.3ee65f16.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[641],{"./src/stories/Textarea.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,ContentOnlyAndDefaultContent:()=>ContentOnlyAndDefaultContent,Default:()=>Default,Disabled:()=>Disabled,ReadOnly:()=>ReadOnly,Required:()=>Required,WithCustomElementKey:()=>WithCustomElementKey,WithCustomTheme:()=>WithCustomTheme,WithCustomWidth:()=>WithCustomWidth,WithCustomWidthAndVerticalResizing:()=>WithCustomWidthAndVerticalResizing,WithDefaultValue:()=>WithDefaultValue,WithError:()=>WithError,WithLabel:()=>WithLabel,WithLinkInLabel:()=>WithLinkInLabel,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Textarea_stories});__webpack_require__("./node_modules/react/index.js");var Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const Textarea_module_textarea="Textarea_textarea__AxyeF",Textarea_module_requiredSymbol="Textarea_requiredSymbol__FePHI",Textarea_module_hasErrors="Textarea_hasErrors__EPCyY";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Textarea=props=>{const getErrorElementId=()=>"".concat(props.id,"-errorMessage");return(0,jsx_runtime.jsxs)("div",{className:Textarea_module_textarea,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:Textarea_module_requiredSymbol})]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.value||props.defaultValue,defaultContent=props.defaultContent,value||defaultContent)}):(()=>{var _props$value,_props$defaultValue,_props$width,_props$resize,_props$errorMessage,_props$ariaDescribed;const defaultValue=!(null!==(_props$value=props.value)&&void 0!==_props$value&&_props$value.length||null===(_props$defaultValue=props.defaultValue)||void 0===_props$defaultValue||!_props$defaultValue.length)&&props.defaultValue,defaultKey=props.elementKey||null,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width},...(null===(_props$resize=props.resize)||void 0===_props$resize?void 0:_props$resize.length)&&{resize:props.resize}};var theme;const textareaElementProps={name:props.name,readOnly:props.readOnly,disabled:props.disabled,required:props.required,type:props.type,id:props.id,key:defaultKey||"".concat(props.id,"-").concat((0,generators.z)(6)),onChange:props.onChange,onBlur:props.onBlur,[defaultValue?"defaultValue":"value"]:defaultValue||props.value,placeholder:props.placeholder,rows:props.rows,className:props.hasErrors?Textarea_module_hasErrors:"","aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,style:styleRules};return(0,jsx_runtime.jsx)("textarea",{...textareaElementProps})})(),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]});var value,defaultContent};Textarea.defaultProps={onChange:()=>!1,name:"",type:"text",required:!1,label:"",contentOnly:!1,resize:"both",placeholder:"",defaultContent:"",hasErrors:!1,errorMessage:""};const stories_Textarea=Textarea;Textarea.__docgenInfo={description:"",methods:[],displayName:"Textarea",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},type:{defaultValue:{value:'"text"',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},resize:{defaultValue:{value:'"both"',computed:!1},description:"",type:{name:"enum",value:[{value:'"both"',computed:!1},{value:'"horizontal"',computed:!1},{value:'"vertical"',computed:!1},{value:'"none"',computed:!1}]},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"Text content inside list item",type:{name:"string"},required:!0},onBlur:{description:"",type:{name:"func"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"string"},required:!1},defaultValue:{description:"",type:{name:"string"},required:!1},elementKey:{description:"",type:{name:"string"},required:!1},rows:{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var customTheme=__webpack_require__("./src/data/customTheme.js");const Textarea_stories={title:"Example/Textarea",component:stories_Textarea,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Textarea,{...args}),Default=Template.bind({});Default.args={id:"textarea1"};const WithValue=Template.bind({});WithValue.args={id:"textarea2",value:"Textarea with value"};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"textarea3",defaultValue:"Textarea with default value"};const WithLabel=Template.bind({});WithLabel.args={id:"textarea4",value:"Textarea with label and value",label:"Textarea with label and value"};const Required=Template.bind({});Required.args={id:"textarea5",required:!0,label:"Required textarea",value:"Textarea with required value"};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"textarea6",value:"Textarea with link in label",label:["Textarea with ",(0,jsx_runtime.jsx)("a",{href:"#textarea6",children:"link"},"labelLink")," in label"]};const WithError=Template.bind({});WithError.args={id:"textarea7",value:"Textarea with label, value, errors and error message",label:"Textarea with label, value, errors and error message",hasErrors:!0,errorMessage:"Wrong value"};const ReadOnly=Template.bind({});ReadOnly.args={id:"textarea8",readOnly:!0,value:"Read only Textarea with label and value",label:"Read only Textarea with label and value"};const Disabled=Template.bind({});Disabled.args={id:"textarea9",disabled:!0,value:"Disabled Textarea with label and value",label:"Disabled Textarea with label and value"};const ContentOnly=Template.bind({});ContentOnly.args={id:"textarea10",value:"Value for Textarea",label:"Textarea with label, value and contentOnly set to true",contentOnly:!0};const ContentOnlyAndDefaultContent=Template.bind({});ContentOnlyAndDefaultContent.args={id:"textarea11",label:"Textarea without value, contentOnly set to true and defaultContent",contentOnly:!0,defaultContent:"Please insert a value"};const WithCustomWidth=Template.bind({});WithCustomWidth.args={id:"textarea12",value:"Textarea with custom width",width:"320px"};const WithCustomWidthAndVerticalResizing=Template.bind({});WithCustomWidthAndVerticalResizing.args={id:"textarea13",value:"Textarea with custom width and vertical resizing",width:"450px",resize:"vertical"};const WithCustomElementKey=Template.bind({});WithCustomElementKey.args={id:"textarea14",value:"Textarea with a not auto generated key",elementKey:"textareaKeyHere"};const WithCustomTheme=Template.bind({});WithCustomTheme.args={id:"textarea15",value:"Textarea with link in label",label:["Textarea with ",(0,jsx_runtime.jsx)("a",{href:"#textarea15",children:"link"},"labelLink")," in label"],theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...Default.parameters?.docs?.source}}},WithValue.parameters={...WithValue.parameters,docs:{...WithValue.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithValue.parameters?.docs?.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...WithDefaultValue.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithDefaultValue.parameters?.docs?.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...WithLabel.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithLabel.parameters?.docs?.source}}},Required.parameters={...Required.parameters,docs:{...Required.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...Required.parameters?.docs?.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...WithLinkInLabel.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithLinkInLabel.parameters?.docs?.source}}},WithError.parameters={...WithError.parameters,docs:{...WithError.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithError.parameters?.docs?.source}}},ReadOnly.parameters={...ReadOnly.parameters,docs:{...ReadOnly.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...ReadOnly.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...Disabled.parameters?.docs?.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...ContentOnly.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...ContentOnly.parameters?.docs?.source}}},ContentOnlyAndDefaultContent.parameters={...ContentOnlyAndDefaultContent.parameters,docs:{...ContentOnlyAndDefaultContent.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...ContentOnlyAndDefaultContent.parameters?.docs?.source}}},WithCustomWidth.parameters={...WithCustomWidth.parameters,docs:{...WithCustomWidth.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithCustomWidth.parameters?.docs?.source}}},WithCustomWidthAndVerticalResizing.parameters={...WithCustomWidthAndVerticalResizing.parameters,docs:{...WithCustomWidthAndVerticalResizing.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithCustomWidthAndVerticalResizing.parameters?.docs?.source}}},WithCustomElementKey.parameters={...WithCustomElementKey.parameters,docs:{...WithCustomElementKey.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithCustomElementKey.parameters?.docs?.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...WithCustomTheme.parameters?.docs,source:{originalSource:"args => <Textarea {...args} />",...WithCustomTheme.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithValue","WithDefaultValue","WithLabel","Required","WithLinkInLabel","WithError","ReadOnly","Disabled","ContentOnly","ContentOnlyAndDefaultContent","WithCustomWidth","WithCustomWidthAndVerticalResizing","WithCustomElementKey","WithCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Textarea-stories.74e4a0ee.iframe.bundle.js.LICENSE.txt b/docs/stories-Textarea-stories.3ee65f16.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Textarea-stories.74e4a0ee.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Textarea-stories.3ee65f16.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Textarea-stories.74e4a0ee.iframe.bundle.js b/docs/stories-Textarea-stories.74e4a0ee.iframe.bundle.js
deleted file mode 100644
index 1c099cea..00000000
--- a/docs/stories-Textarea-stories.74e4a0ee.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Textarea-stories.74e4a0ee.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[641],{"./src/stories/Textarea.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContentOnly:()=>ContentOnly,ContentOnlyAndDefaultContent:()=>ContentOnlyAndDefaultContent,Default:()=>Default,Disabled:()=>Disabled,ReadOnly:()=>ReadOnly,Required:()=>Required,WithCustomElementKey:()=>WithCustomElementKey,WithCustomTheme:()=>WithCustomTheme,WithCustomWidth:()=>WithCustomWidth,WithCustomWidthAndVerticalResizing:()=>WithCustomWidthAndVerticalResizing,WithDefaultValue:()=>WithDefaultValue,WithError:()=>WithError,WithLabel:()=>WithLabel,WithLinkInLabel:()=>WithLinkInLabel,WithValue:()=>WithValue,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Textarea_stories});__webpack_require__("./node_modules/react/index.js");var Label=__webpack_require__("./src/stories/Label.jsx"),ErrorMessage=__webpack_require__("./src/stories/ErrorMessage.jsx"),functions_theme=__webpack_require__("./src/functions/theme.js"),generators=__webpack_require__("./src/functions/generators.js"),asteriskurl=__webpack_require__("./src/assets/svg/asterisk.svg?url");const Textarea_module_textarea="Textarea_textarea__AxyeF",Textarea_module_requiredSymbol="Textarea_requiredSymbol__FePHI",Textarea_module_hasErrors="Textarea_hasErrors__EPCyY";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Textarea=props=>{const getErrorElementId=()=>"".concat(props.id,"-errorMessage");return(0,jsx_runtime.jsxs)("div",{className:Textarea_module_textarea,children:[(0,jsx_runtime.jsxs)(Label.Z,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.Z,alt:"",className:Textarea_module_requiredSymbol})]}),props.contentOnly?(0,jsx_runtime.jsx)("span",{children:(value=props.value||props.defaultValue,defaultContent=props.defaultContent,value||defaultContent)}):(()=>{var _props$value,_props$defaultValue,_props$width,_props$resize,_props$errorMessage,_props$ariaDescribed;const defaultValue=!(null!==(_props$value=props.value)&&void 0!==_props$value&&_props$value.length||null===(_props$defaultValue=props.defaultValue)||void 0===_props$defaultValue||!_props$defaultValue.length)&&props.defaultValue,defaultKey=props.elementKey||null,styleRules={...props.hasErrors?(theme=props.theme,{boxShadow:"0 0 3px ".concat((0,functions_theme.hN)(theme,"warning")),borderColor:(0,functions_theme.hN)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width},...(null===(_props$resize=props.resize)||void 0===_props$resize?void 0:_props$resize.length)&&{resize:props.resize}};var theme;const textareaElementProps={name:props.name,readOnly:props.readOnly,disabled:props.disabled,required:props.required,type:props.type,id:props.id,key:defaultKey||"".concat(props.id,"-").concat((0,generators.z)(6)),onChange:props.onChange,onBlur:props.onBlur,[defaultValue?"defaultValue":"value"]:defaultValue||props.value,placeholder:props.placeholder,rows:props.rows,className:props.hasErrors?Textarea_module_hasErrors:"","aria-describedby":props.hasErrors&&null!==(_props$errorMessage=props.errorMessage)&&void 0!==_props$errorMessage&&_props$errorMessage.length?getErrorElementId():null!==(_props$ariaDescribed=props["aria-describedby"])&&void 0!==_props$ariaDescribed&&_props$ariaDescribed.length?props["aria-describedby"]:null,"aria-invalid":props.hasErrors?"true":null,style:styleRules};return(0,jsx_runtime.jsx)("textarea",{...textareaElementProps})})(),(0,jsx_runtime.jsx)(ErrorMessage.Z,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]});var value,defaultContent};Textarea.defaultProps={onChange:()=>!1,name:"",type:"text",required:!1,label:"",contentOnly:!1,resize:"both",placeholder:"",defaultContent:"",hasErrors:!1,errorMessage:""};const stories_Textarea=Textarea;Textarea.__docgenInfo={description:"",methods:[],displayName:"Textarea",props:{onChange:{defaultValue:{value:"() => {\n    return false;\n}",computed:!1},description:"",type:{name:"func"},required:!1},name:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},type:{defaultValue:{value:'"text"',computed:!1},description:"",type:{name:"string"},required:!1},required:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},label:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},contentOnly:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},resize:{defaultValue:{value:'"both"',computed:!1},description:"",type:{name:"enum",value:[{value:'"both"',computed:!1},{value:'"horizontal"',computed:!1},{value:'"vertical"',computed:!1},{value:'"none"',computed:!1}]},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},defaultContent:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},hasErrors:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},errorMessage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"Text content inside list item",type:{name:"string"},required:!0},onBlur:{description:"",type:{name:"func"},required:!1},width:{description:"",type:{name:"string"},required:!1},value:{description:"",type:{name:"string"},required:!1},defaultValue:{description:"",type:{name:"string"},required:!1},elementKey:{description:"",type:{name:"string"},required:!1},rows:{description:"",type:{name:"string"},required:!1},"aria-describedby":{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithValue$parameters,_WithValue$parameters2,_WithValue$parameters3,_WithDefaultValue$par,_WithDefaultValue$par2,_WithDefaultValue$par3,_WithLabel$parameters,_WithLabel$parameters2,_WithLabel$parameters3,_Required$parameters,_Required$parameters2,_Required$parameters3,_WithLinkInLabel$para,_WithLinkInLabel$para2,_WithLinkInLabel$para3,_WithError$parameters,_WithError$parameters2,_WithError$parameters3,_ReadOnly$parameters,_ReadOnly$parameters2,_ReadOnly$parameters3,_Disabled$parameters,_Disabled$parameters2,_Disabled$parameters3,_ContentOnly$paramete,_ContentOnly$paramete2,_ContentOnly$paramete3,_ContentOnlyAndDefaul,_ContentOnlyAndDefaul2,_ContentOnlyAndDefaul3,_WithCustomWidth$para,_WithCustomWidth$para2,_WithCustomWidth$para3,_WithCustomWidthAndVe,_WithCustomWidthAndVe2,_WithCustomWidthAndVe3,_WithCustomElementKey,_WithCustomElementKey2,_WithCustomElementKey3,_WithCustomTheme$para,_WithCustomTheme$para2,_WithCustomTheme$para3,customTheme=__webpack_require__("./src/data/customTheme.js");const Textarea_stories={title:"Example/Textarea",component:stories_Textarea,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Textarea,{...args}),Default=Template.bind({});Default.args={id:"textarea1"};const WithValue=Template.bind({});WithValue.args={id:"textarea2",value:"Textarea with value"};const WithDefaultValue=Template.bind({});WithDefaultValue.args={id:"textarea3",defaultValue:"Textarea with default value"};const WithLabel=Template.bind({});WithLabel.args={id:"textarea4",value:"Textarea with label and value",label:"Textarea with label and value"};const Required=Template.bind({});Required.args={id:"textarea5",required:!0,label:"Required textarea",value:"Textarea with required value"};const WithLinkInLabel=Template.bind({});WithLinkInLabel.args={id:"textarea6",value:"Textarea with link in label",label:["Textarea with ",(0,jsx_runtime.jsx)("a",{href:"#textarea6",children:"link"},"labelLink")," in label"]};const WithError=Template.bind({});WithError.args={id:"textarea7",value:"Textarea with label, value, errors and error message",label:"Textarea with label, value, errors and error message",hasErrors:!0,errorMessage:"Wrong value"};const ReadOnly=Template.bind({});ReadOnly.args={id:"textarea8",readOnly:!0,value:"Read only Textarea with label and value",label:"Read only Textarea with label and value"};const Disabled=Template.bind({});Disabled.args={id:"textarea9",disabled:!0,value:"Disabled Textarea with label and value",label:"Disabled Textarea with label and value"};const ContentOnly=Template.bind({});ContentOnly.args={id:"textarea10",value:"Value for Textarea",label:"Textarea with label, value and contentOnly set to true",contentOnly:!0};const ContentOnlyAndDefaultContent=Template.bind({});ContentOnlyAndDefaultContent.args={id:"textarea11",label:"Textarea without value, contentOnly set to true and defaultContent",contentOnly:!0,defaultContent:"Please insert a value"};const WithCustomWidth=Template.bind({});WithCustomWidth.args={id:"textarea12",value:"Textarea with custom width",width:"320px"};const WithCustomWidthAndVerticalResizing=Template.bind({});WithCustomWidthAndVerticalResizing.args={id:"textarea13",value:"Textarea with custom width and vertical resizing",width:"450px",resize:"vertical"};const WithCustomElementKey=Template.bind({});WithCustomElementKey.args={id:"textarea14",value:"Textarea with a not auto generated key",elementKey:"textareaKeyHere"};const WithCustomTheme=Template.bind({});WithCustomTheme.args={id:"textarea15",value:"Textarea with link in label",label:["Textarea with ",(0,jsx_runtime.jsx)("a",{href:"#textarea15",children:"link"},"labelLink")," in label"],theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithValue.parameters={...WithValue.parameters,docs:{...null===(_WithValue$parameters=WithValue.parameters)||void 0===_WithValue$parameters?void 0:_WithValue$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithValue$parameters2=WithValue.parameters)||void 0===_WithValue$parameters2||null===(_WithValue$parameters3=_WithValue$parameters2.docs)||void 0===_WithValue$parameters3?void 0:_WithValue$parameters3.source}}},WithDefaultValue.parameters={...WithDefaultValue.parameters,docs:{...null===(_WithDefaultValue$par=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par?void 0:_WithDefaultValue$par.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithDefaultValue$par2=WithDefaultValue.parameters)||void 0===_WithDefaultValue$par2||null===(_WithDefaultValue$par3=_WithDefaultValue$par2.docs)||void 0===_WithDefaultValue$par3?void 0:_WithDefaultValue$par3.source}}},WithLabel.parameters={...WithLabel.parameters,docs:{...null===(_WithLabel$parameters=WithLabel.parameters)||void 0===_WithLabel$parameters?void 0:_WithLabel$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithLabel$parameters2=WithLabel.parameters)||void 0===_WithLabel$parameters2||null===(_WithLabel$parameters3=_WithLabel$parameters2.docs)||void 0===_WithLabel$parameters3?void 0:_WithLabel$parameters3.source}}},Required.parameters={...Required.parameters,docs:{...null===(_Required$parameters=Required.parameters)||void 0===_Required$parameters?void 0:_Required$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_Required$parameters2=Required.parameters)||void 0===_Required$parameters2||null===(_Required$parameters3=_Required$parameters2.docs)||void 0===_Required$parameters3?void 0:_Required$parameters3.source}}},WithLinkInLabel.parameters={...WithLinkInLabel.parameters,docs:{...null===(_WithLinkInLabel$para=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para?void 0:_WithLinkInLabel$para.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithLinkInLabel$para2=WithLinkInLabel.parameters)||void 0===_WithLinkInLabel$para2||null===(_WithLinkInLabel$para3=_WithLinkInLabel$para2.docs)||void 0===_WithLinkInLabel$para3?void 0:_WithLinkInLabel$para3.source}}},WithError.parameters={...WithError.parameters,docs:{...null===(_WithError$parameters=WithError.parameters)||void 0===_WithError$parameters?void 0:_WithError$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithError$parameters2=WithError.parameters)||void 0===_WithError$parameters2||null===(_WithError$parameters3=_WithError$parameters2.docs)||void 0===_WithError$parameters3?void 0:_WithError$parameters3.source}}},ReadOnly.parameters={...ReadOnly.parameters,docs:{...null===(_ReadOnly$parameters=ReadOnly.parameters)||void 0===_ReadOnly$parameters?void 0:_ReadOnly$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_ReadOnly$parameters2=ReadOnly.parameters)||void 0===_ReadOnly$parameters2||null===(_ReadOnly$parameters3=_ReadOnly$parameters2.docs)||void 0===_ReadOnly$parameters3?void 0:_ReadOnly$parameters3.source}}},Disabled.parameters={...Disabled.parameters,docs:{...null===(_Disabled$parameters=Disabled.parameters)||void 0===_Disabled$parameters?void 0:_Disabled$parameters.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_Disabled$parameters2=Disabled.parameters)||void 0===_Disabled$parameters2||null===(_Disabled$parameters3=_Disabled$parameters2.docs)||void 0===_Disabled$parameters3?void 0:_Disabled$parameters3.source}}},ContentOnly.parameters={...ContentOnly.parameters,docs:{...null===(_ContentOnly$paramete=ContentOnly.parameters)||void 0===_ContentOnly$paramete?void 0:_ContentOnly$paramete.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_ContentOnly$paramete2=ContentOnly.parameters)||void 0===_ContentOnly$paramete2||null===(_ContentOnly$paramete3=_ContentOnly$paramete2.docs)||void 0===_ContentOnly$paramete3?void 0:_ContentOnly$paramete3.source}}},ContentOnlyAndDefaultContent.parameters={...ContentOnlyAndDefaultContent.parameters,docs:{...null===(_ContentOnlyAndDefaul=ContentOnlyAndDefaultContent.parameters)||void 0===_ContentOnlyAndDefaul?void 0:_ContentOnlyAndDefaul.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_ContentOnlyAndDefaul2=ContentOnlyAndDefaultContent.parameters)||void 0===_ContentOnlyAndDefaul2||null===(_ContentOnlyAndDefaul3=_ContentOnlyAndDefaul2.docs)||void 0===_ContentOnlyAndDefaul3?void 0:_ContentOnlyAndDefaul3.source}}},WithCustomWidth.parameters={...WithCustomWidth.parameters,docs:{...null===(_WithCustomWidth$para=WithCustomWidth.parameters)||void 0===_WithCustomWidth$para?void 0:_WithCustomWidth$para.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithCustomWidth$para2=WithCustomWidth.parameters)||void 0===_WithCustomWidth$para2||null===(_WithCustomWidth$para3=_WithCustomWidth$para2.docs)||void 0===_WithCustomWidth$para3?void 0:_WithCustomWidth$para3.source}}},WithCustomWidthAndVerticalResizing.parameters={...WithCustomWidthAndVerticalResizing.parameters,docs:{...null===(_WithCustomWidthAndVe=WithCustomWidthAndVerticalResizing.parameters)||void 0===_WithCustomWidthAndVe?void 0:_WithCustomWidthAndVe.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithCustomWidthAndVe2=WithCustomWidthAndVerticalResizing.parameters)||void 0===_WithCustomWidthAndVe2||null===(_WithCustomWidthAndVe3=_WithCustomWidthAndVe2.docs)||void 0===_WithCustomWidthAndVe3?void 0:_WithCustomWidthAndVe3.source}}},WithCustomElementKey.parameters={...WithCustomElementKey.parameters,docs:{...null===(_WithCustomElementKey=WithCustomElementKey.parameters)||void 0===_WithCustomElementKey?void 0:_WithCustomElementKey.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithCustomElementKey2=WithCustomElementKey.parameters)||void 0===_WithCustomElementKey2||null===(_WithCustomElementKey3=_WithCustomElementKey2.docs)||void 0===_WithCustomElementKey3?void 0:_WithCustomElementKey3.source}}},WithCustomTheme.parameters={...WithCustomTheme.parameters,docs:{...null===(_WithCustomTheme$para=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para?void 0:_WithCustomTheme$para.docs,source:{originalSource:"args => <Textarea {...args} />",...null===(_WithCustomTheme$para2=WithCustomTheme.parameters)||void 0===_WithCustomTheme$para2||null===(_WithCustomTheme$para3=_WithCustomTheme$para2.docs)||void 0===_WithCustomTheme$para3?void 0:_WithCustomTheme$para3.source}}};const __namedExportsOrder=["Default","WithValue","WithDefaultValue","WithLabel","Required","WithLinkInLabel","WithError","ReadOnly","Disabled","ContentOnly","ContentOnlyAndDefaultContent","WithCustomWidth","WithCustomWidthAndVerticalResizing","WithCustomElementKey","WithCustomTheme"]},"./src/assets/svg/asterisk.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/asterisk.093c0cd749ed483a3e42cf0a776557ef.svg"},"./src/functions/generators.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>generateRandomString});const generateRandomString=length=>{let result="";const characters="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";for(let i=0;i<length;i++)result+=characters.charAt(Math.floor(62*Math.random()));return result}},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./src/stories/ErrorMessage.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_ErrorMessage});__webpack_require__("./node_modules/react/index.js");var functions_theme=__webpack_require__("./src/functions/theme.js");const ErrorMessage_module_errorMessage="ErrorMessage_errorMessage__Xc7GT";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsx)("span",{"aria-live":"polite",id:null!==(_props$id=props.id)&&void 0!==_props$id&&_props$id.length?props.id:null,className:ErrorMessage_module_errorMessage,style:(theme=props.theme,{color:(0,functions_theme.hN)(theme,"warning")}),children:props.content?props.content:""});var _props$id,theme};ErrorMessage.defaultProps={content:""};const stories_ErrorMessage=ErrorMessage;ErrorMessage.__docgenInfo={description:"",methods:[],displayName:"ErrorMessage",props:{content:{defaultValue:{value:'""',computed:!1},description:"Text content inside error message",type:{name:"union",value:[{name:"string"},{name:"arrayOf",value:{name:"union",value:[{name:"string"},{name:"object"}]}}]},required:!1},id:{description:"",type:{name:"string"},required:!1},theme:{description:"",type:{name:"object"},required:!1}}}},"./src/stories/Label.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>stories_Label});var react=__webpack_require__("./node_modules/react/index.js");const Label_module_label="Label_label__-hK3X",Label_module_inline="Label_inline__ptpwp",Label_module_normalCursor="Label_normalCursor__XJx16",Label=props=>{var _props$htmlTag;let labelProps={...props};const htmlTag=null!==(_props$htmlTag=props.htmlTag)&&void 0!==_props$htmlTag&&_props$htmlTag.length?props.htmlTag:"label";delete labelProps.inline,delete labelProps.normalCursor,delete labelProps.htmlTag;const className="".concat(Label_module_label," ").concat(props.inline?Label_module_inline:""," ").concat(props.normalCursor?Label_module_normalCursor:"");return react.createElement(htmlTag,{...labelProps,className,id:props.id||null},props.children)};Label.defaultProps={inline:!1,normalCursor:!1,htmlTag:"label"};const stories_Label=Label;Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},normalCursor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},htmlTag:{defaultValue:{value:'"label"',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Theme-stories.32375279.iframe.bundle.js b/docs/stories-Theme-stories.32375279.iframe.bundle.js
deleted file mode 100644
index 83e84b4d..00000000
--- a/docs/stories-Theme-stories.32375279.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see stories-Theme-stories.32375279.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[233],{"./src/stories/Theme.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Custom:()=>Custom,Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Theme_stories});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),dibk_logo_mobileurl=__webpack_require__("./src/assets/svg/dibk-logo-mobile.svg?url");const Theme_module={flex:"Theme_flex__mYyxR","main-content":"Theme_main-content__4Z27P",colorPalette:"Theme_colorPalette__7lmCA",color:"Theme_color__r4lFt",default:"Theme_default__TiXAX",primary:"Theme_primary__Z0wgP",success:"Theme_success__iFwLz",warning:"Theme_warning__r+d6s",info:"Theme_info__mcva8",lightCyan:"Theme_lightCyan__1rDgD",orange:"Theme_orange__qjbsE",lightOrange:"Theme_lightOrange__ddJsP",lime:"Theme_lime__c8nZp",lightLime:"Theme_lightLime__iifP-"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Theme=props=>{const themeTextStyle=props.theme?(theme=props.theme,{color:(0,functions_theme.o3)(theme)}):null;var theme;const themeLinkStyle=props.theme?(theme=>({color:(0,functions_theme.nX)(theme)}))(props.theme):null;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:Theme_module.colorPalette,children:(props.theme,["default","primary","success","warning","info","lightCyan","orange","lightOrange","lime","lightLime"].map((color=>{const colorClassName=Theme_module[color],colorPaletteStyle=props.theme?((theme,color)=>({backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color)}))(props.theme,color):null;return(0,jsx_runtime.jsx)("div",{className:"".concat(Theme_module.color," ").concat(colorClassName),style:colorPaletteStyle,children:color},color)})))}),(0,jsx_runtime.jsx)("p",{style:themeTextStyle,children:"The is default text"}),(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)("a",{style:themeLinkStyle,href:"#theme",children:"This is a hyperlink"})}),(logoLink=>{const themeLogo=(0,functions_theme.QV)(props.theme),themeAppName=(0,functions_theme.k0)(props.theme),logoElement=themeLogo&&themeAppName?(0,jsx_runtime.jsx)("img",{alt:"".concat(themeAppName," logo"),src:themeLogo}):(0,jsx_runtime.jsx)("img",{alt:"DIBK logo",src:dibk_logo_mobileurl.Z});return logoLink&&logoLink.length?(0,jsx_runtime.jsx)("a",{href:logoLink,children:logoElement}):logoElement})(props.theme)]})};Theme.defaultProps={};const stories_Theme=Theme;Theme.__docgenInfo={description:"",methods:[],displayName:"Theme",props:{theme:{description:"",type:{name:"object"},required:!1}}};var _Default$parameters,_Default$parameters2,_Default$parameters2$,_Custom$parameters,_Custom$parameters2,_Custom$parameters2$d,customTheme=__webpack_require__("./src/data/customTheme.js");const Theme_stories={title:"Example/Theme",component:stories_Theme,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Theme,{...args}),Default=Template.bind({});Default.args={};const Custom=Template.bind({});Custom.args={theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <Theme {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},Custom.parameters={...Custom.parameters,docs:{...null===(_Custom$parameters=Custom.parameters)||void 0===_Custom$parameters?void 0:_Custom$parameters.docs,source:{originalSource:"args => <Theme {...args} />",...null===(_Custom$parameters2=Custom.parameters)||void 0===_Custom$parameters2||null===(_Custom$parameters2$d=_Custom$parameters2.docs)||void 0===_Custom$parameters2$d?void 0:_Custom$parameters2$d.source}}};const __namedExportsOrder=["Default","Custom"]},"./src/assets/svg/dibk-logo-mobile.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/dibk-logo-mobile.120629cce1f04efceffd70d792221de7.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Theme-stories.821adbaa.iframe.bundle.js b/docs/stories-Theme-stories.821adbaa.iframe.bundle.js
new file mode 100644
index 00000000..23ca8343
--- /dev/null
+++ b/docs/stories-Theme-stories.821adbaa.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see stories-Theme-stories.821adbaa.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[233],{"./src/stories/Theme.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Custom:()=>Custom,Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Theme_stories});var react=__webpack_require__("./node_modules/react/index.js"),functions_theme=__webpack_require__("./src/functions/theme.js"),dibk_logo_mobileurl=__webpack_require__("./src/assets/svg/dibk-logo-mobile.svg?url");const Theme_module={flex:"Theme_flex__mYyxR","main-content":"Theme_main-content__4Z27P",colorPalette:"Theme_colorPalette__7lmCA",color:"Theme_color__r4lFt",default:"Theme_default__TiXAX",primary:"Theme_primary__Z0wgP",success:"Theme_success__iFwLz",warning:"Theme_warning__r+d6s",info:"Theme_info__mcva8",lightCyan:"Theme_lightCyan__1rDgD",orange:"Theme_orange__qjbsE",lightOrange:"Theme_lightOrange__ddJsP",lime:"Theme_lime__c8nZp",lightLime:"Theme_lightLime__iifP-"};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Theme=props=>{const themeTextStyle=props.theme?(theme=props.theme,{color:(0,functions_theme.o3)(theme)}):null;var theme;const themeLinkStyle=props.theme?(theme=>({color:(0,functions_theme.nX)(theme)}))(props.theme):null;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:Theme_module.colorPalette,children:(props.theme,["default","primary","success","warning","info","lightCyan","orange","lightOrange","lime","lightLime"].map((color=>{const colorClassName=Theme_module[color],colorPaletteStyle=props.theme?((theme,color)=>({backgroundColor:(0,functions_theme.hN)(theme,color),color:(0,functions_theme.nk)(theme,color)}))(props.theme,color):null;return(0,jsx_runtime.jsx)("div",{className:"".concat(Theme_module.color," ").concat(colorClassName),style:colorPaletteStyle,children:color},color)})))}),(0,jsx_runtime.jsx)("p",{style:themeTextStyle,children:"The is default text"}),(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)("a",{style:themeLinkStyle,href:"#theme",children:"This is a hyperlink"})}),(logoLink=>{const themeLogo=(0,functions_theme.QV)(props.theme),themeAppName=(0,functions_theme.k0)(props.theme),logoElement=themeLogo&&themeAppName?(0,jsx_runtime.jsx)("img",{alt:"".concat(themeAppName," logo"),src:themeLogo}):(0,jsx_runtime.jsx)("img",{alt:"DIBK logo",src:dibk_logo_mobileurl.Z});return logoLink&&logoLink.length?(0,jsx_runtime.jsx)("a",{href:logoLink,children:logoElement}):logoElement})(props.theme)]})};Theme.defaultProps={};const stories_Theme=Theme;Theme.__docgenInfo={description:"",methods:[],displayName:"Theme",props:{theme:{description:"",type:{name:"object"},required:!1}}};var customTheme=__webpack_require__("./src/data/customTheme.js");const Theme_stories={title:"Example/Theme",component:stories_Theme,argTypes:{}},Template=args=>(0,jsx_runtime.jsx)(stories_Theme,{...args}),Default=Template.bind({});Default.args={};const Custom=Template.bind({});Custom.args={theme:customTheme.Z},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <Theme {...args} />",...Default.parameters?.docs?.source}}},Custom.parameters={...Custom.parameters,docs:{...Custom.parameters?.docs,source:{originalSource:"args => <Theme {...args} />",...Custom.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Custom"]},"./src/assets/svg/dibk-logo-mobile.svg?url":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__.p+"static/media/dibk-logo-mobile.120629cce1f04efceffd70d792221de7.svg"},"./src/functions/theme.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{QV:()=>getThemeLogo,e3:()=>getThemeNavigationBarTextColor,fQ:()=>getThemeLogoPadding,hN:()=>getThemePaletteBackgroundColor,jw:()=>getThemePaletteBorderColor,k0:()=>getThemeAppName,kl:()=>getThemeNavigationBarBackgroundColor,nX:()=>getThemeLinkColor,nk:()=>getThemePaletteTextColor,o3:()=>getThemeTextColor});const getThemePaletteBackgroundColor=(theme,color)=>{var _theme$colors,_theme$colors$palette,_theme$colors$palette2;return(null==theme||null===(_theme$colors=theme.colors)||void 0===_theme$colors||null===(_theme$colors$palette=_theme$colors.palette)||void 0===_theme$colors$palette||null===(_theme$colors$palette2=_theme$colors$palette[color])||void 0===_theme$colors$palette2?void 0:_theme$colors$palette2.background)||null},getThemePaletteTextColor=(theme,color)=>{var _theme$colors2,_theme$colors2$palett,_theme$colors2$palett2;return(null==theme||null===(_theme$colors2=theme.colors)||void 0===_theme$colors2||null===(_theme$colors2$palett=_theme$colors2.palette)||void 0===_theme$colors2$palett||null===(_theme$colors2$palett2=_theme$colors2$palett[color])||void 0===_theme$colors2$palett2?void 0:_theme$colors2$palett2.text)||null},getThemePaletteBorderColor=(theme,color)=>{var _theme$colors3,_theme$colors3$palett,_theme$colors3$palett2;return(null==theme||null===(_theme$colors3=theme.colors)||void 0===_theme$colors3||null===(_theme$colors3$palett=_theme$colors3.palette)||void 0===_theme$colors3$palett||null===(_theme$colors3$palett2=_theme$colors3$palett[color])||void 0===_theme$colors3$palett2?void 0:_theme$colors3$palett2.border)||null},getThemeNavigationBarBackgroundColor=theme=>{var _theme$colors4,_theme$colors4$naviga;return(null==theme||null===(_theme$colors4=theme.colors)||void 0===_theme$colors4||null===(_theme$colors4$naviga=_theme$colors4.navigationBar)||void 0===_theme$colors4$naviga?void 0:_theme$colors4$naviga.background)||null},getThemeNavigationBarTextColor=theme=>{var _theme$colors5,_theme$colors5$naviga;return(null==theme||null===(_theme$colors5=theme.colors)||void 0===_theme$colors5||null===(_theme$colors5$naviga=_theme$colors5.navigationBar)||void 0===_theme$colors5$naviga?void 0:_theme$colors5$naviga.text)||null},getThemeLogo=theme=>(null==theme?void 0:theme.logo)||null,getThemeLogoPadding=theme=>(null==theme?void 0:theme.logoPadding)||null,getThemeAppName=theme=>(null==theme?void 0:theme.appName)||null,getThemeTextColor=theme=>{var _theme$colors6;return(null==theme||null===(_theme$colors6=theme.colors)||void 0===_theme$colors6?void 0:_theme$colors6.text)||null},getThemeLinkColor=theme=>{var _theme$colors7;return(null==theme||null===(_theme$colors7=theme.colors)||void 0===_theme$colors7?void 0:_theme$colors7.link)||null}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
\ No newline at end of file
diff --git a/docs/stories-Theme-stories.32375279.iframe.bundle.js.LICENSE.txt b/docs/stories-Theme-stories.821adbaa.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Theme-stories.32375279.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Theme-stories.821adbaa.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-WizardNavigation-stories.2e68afad.iframe.bundle.js b/docs/stories-WizardNavigation-stories.2e68afad.iframe.bundle.js
new file mode 100644
index 00000000..b451cbc3
--- /dev/null
+++ b/docs/stories-WizardNavigation-stories.2e68afad.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[282],{"./src/stories/WizardNavigation.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithLinks:()=>WithLinks,__namedExportsOrder:()=>__namedExportsOrder,default:()=>WizardNavigation_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Step_module_finished="Step_finished__IYsAE",Step_module_wizardTopnavItem="Step_wizardTopnavItem__icorq",Step_module_wizardTopnavItemContent="Step_wizardTopnavItemContent__s7ZQN",Step_module_stepNumber="Step_stepNumber__eo2Qx",Step_module_stepName="Step_stepName__lOMIZ",Step_module_active="Step_active__guxnb",Step_module_hasErrors="Step_hasErrors__d4OSf";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Step=props=>{const renderStepContent=(step,index)=>(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:Step_module_stepNumber,children:index+1}),(0,jsx_runtime.jsx)("span",{className:Step_module_stepName,children:step.name})]}),{step,index,activeStepId}=props;return(0,jsx_runtime.jsx)("li",{className:(0,helpers.w6)([Step_module_wizardTopnavItem,(step=>props.activeStepId===step.id?Step_module_active:"")(step),(step=>step.finished?Step_module_finished:"")(step),(step=>step.hasErrors?Step_module_hasErrors:"")(step)]),children:step.link&&Object.keys(step.link).length?(0,jsx_runtime.jsx)(dist.rU,{to:step.link,"aria-current":activeStepId===step.id?"step":null,className:Step_module_wizardTopnavItemContent,children:renderStepContent(step,index)}):(0,jsx_runtime.jsx)("span",{"aria-current":activeStepId===step.id?"step":null,className:Step_module_wizardTopnavItemContent,children:renderStepContent(step,index)})})},WizardNavigation_Step=Step;Step.__docgenInfo={description:"",methods:[],displayName:"Step",props:{step:{description:"",type:{name:"object"},required:!0},activeStepId:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!0},index:{description:"",type:{name:"number"},required:!0}}};const WizardNavigation_module_wizardTopnav="WizardNavigation_wizardTopnav__IE1lR",WizardNavigation=props=>{var _Object$keys,_props$ariaLabel;const amountOfSteps=props.steps&&null!==(_Object$keys=Object.keys(props.steps))&&void 0!==_Object$keys&&_Object$keys.length?Object.keys(props.steps).length:0,defaultAriaLabel="I dette skjemaet er det totalt ".concat(amountOfSteps," steg som du skal gå igjennom"),ariaLabel=null!==(_props$ariaLabel=props["aria-label"])&&void 0!==_props$ariaLabel&&_props$ariaLabel.length?props["aria-label"]:defaultAriaLabel;return(0,jsx_runtime.jsx)("nav",{"aria-label":ariaLabel,children:(0,jsx_runtime.jsx)("ol",{className:WizardNavigation_module_wizardTopnav,children:(steps=props.steps,activeStepId=props.activeStepId,steps&&Object.keys(steps).length?Object.keys(steps).map(((stepKey,stepIndex)=>{const step=steps[stepKey];return(0,jsx_runtime.jsx)(WizardNavigation_Step,{step,activeStepId,index:stepIndex},stepKey)})):null)})});var steps,activeStepId},stories_WizardNavigation=WizardNavigation;WizardNavigation.__docgenInfo={description:"",methods:[],displayName:"WizardNavigation",props:{steps:{description:"",type:{name:"shape",value:{id:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},name:{name:"string",required:!1},finished:{name:"bool",required:!1},hasErrors:{name:"bool",required:!1},link:{name:"shape",value:{to:{name:"object",required:!1},reactLink:{name:"bool",required:!1}},required:!1}}},required:!0},activeStepId:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!0},"aria-label":{description:"",type:{name:"string"},required:!1}}};const WizardNavigation_stories={title:"Example/WizardNavigation",component:stories_WizardNavigation,argTypes:{activeStepId:{control:"select",options:["SignIn","AvailableReportees","Import","NextProcessCategory","Receipt"]}}},Default=(args=>(0,jsx_runtime.jsx)(stories_WizardNavigation,{...args})).bind({});Default.args={steps:{SignIn:{id:"SignIn",name:"Start",finished:!0,hasErrors:!1},AvailableReportees:{id:"AvailableReportees",name:"Velg hvem du representerer",finished:!0,hasErrors:!1},Import:{id:"Import",name:"Importer fil fra ByggSøk",finished:!1,hasErrors:!0},NextProcessCategory:{id:"NextProcessCategory",name:"Velg søknadstype",finished:!1,hasErrors:!1},Receipt:{id:"Receipt",name:"Velg søknadssystem",finished:!1,hasErrors:!1}},activeStepId:"NextProcessCategory"};const WithLinks=(args=>(0,jsx_runtime.jsx)(dist.VK,{children:(0,jsx_runtime.jsx)(stories_WizardNavigation,{...args})})).bind({});WithLinks.args={steps:{SignIn:{id:"SignIn",name:"Start",finished:!0,hasErrors:!1,link:{pathname:"SignIn",search:window.location.search}},AvailableReportees:{id:"AvailableReportees",name:"Velg hvem du representerer",finished:!0,hasErrors:!1,link:{pathname:"AvailableReportees",search:window.location.search}},Import:{id:"Import",name:"Importer fil fra ByggSøk",finished:!1,hasErrors:!0,link:{pathname:"Import",search:window.location.search}},NextProcessCategory:{id:"NextProcessCategory",name:"Velg søknadstype",finished:!1,hasErrors:!1,link:{pathname:"NextProcessCategory",search:window.location.search}},Receipt:{id:"Receipt",name:"Velg søknadssystem",finished:!1,hasErrors:!1,link:{pathname:"Receipt",search:window.location.search}}},activeStepId:"NextProcessCategory"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <WizardNavigation {...args} />",...Default.parameters?.docs?.source}}},WithLinks.parameters={...WithLinks.parameters,docs:{...WithLinks.parameters?.docs,source:{originalSource:"args => <BrowserRouter>\n        <WizardNavigation {...args} />\n    </BrowserRouter>",...WithLinks.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithLinks"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}}}]);
\ No newline at end of file
diff --git a/docs/stories-WizardNavigation-stories.9cca6009.iframe.bundle.js b/docs/stories-WizardNavigation-stories.9cca6009.iframe.bundle.js
deleted file mode 100644
index 4182b34c..00000000
--- a/docs/stories-WizardNavigation-stories.9cca6009.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[282],{"./src/stories/WizardNavigation.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithLinks:()=>WithLinks,__namedExportsOrder:()=>__namedExportsOrder,default:()=>WizardNavigation_stories});var react=__webpack_require__("./node_modules/react/index.js"),dist=__webpack_require__("./node_modules/react-router-dom/dist/index.js"),helpers=__webpack_require__("./src/functions/helpers.js");const Step_module_finished="Step_finished__IYsAE",Step_module_wizardTopnavItem="Step_wizardTopnavItem__icorq",Step_module_wizardTopnavItemContent="Step_wizardTopnavItemContent__s7ZQN",Step_module_stepNumber="Step_stepNumber__eo2Qx",Step_module_stepName="Step_stepName__lOMIZ",Step_module_active="Step_active__guxnb",Step_module_hasErrors="Step_hasErrors__d4OSf";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Step=props=>{const renderStepContent=(step,index)=>(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)("span",{className:Step_module_stepNumber,children:index+1}),(0,jsx_runtime.jsx)("span",{className:Step_module_stepName,children:step.name})]}),{step,index,activeStepId}=props;return(0,jsx_runtime.jsx)("li",{className:(0,helpers.w6)([Step_module_wizardTopnavItem,(step=>props.activeStepId===step.id?Step_module_active:"")(step),(step=>step.finished?Step_module_finished:"")(step),(step=>step.hasErrors?Step_module_hasErrors:"")(step)]),children:step.link&&Object.keys(step.link).length?(0,jsx_runtime.jsx)(dist.rU,{to:step.link,"aria-current":activeStepId===step.id?"step":null,className:Step_module_wizardTopnavItemContent,children:renderStepContent(step,index)}):(0,jsx_runtime.jsx)("span",{"aria-current":activeStepId===step.id?"step":null,className:Step_module_wizardTopnavItemContent,children:renderStepContent(step,index)})})},WizardNavigation_Step=Step;Step.__docgenInfo={description:"",methods:[],displayName:"Step",props:{step:{description:"",type:{name:"object"},required:!0},activeStepId:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!0},index:{description:"",type:{name:"number"},required:!0}}};const WizardNavigation_module_wizardTopnav="WizardNavigation_wizardTopnav__IE1lR",WizardNavigation=props=>{var _Object$keys,_props$ariaLabel;const amountOfSteps=props.steps&&null!==(_Object$keys=Object.keys(props.steps))&&void 0!==_Object$keys&&_Object$keys.length?Object.keys(props.steps).length:0,defaultAriaLabel="I dette skjemaet er det totalt ".concat(amountOfSteps," steg som du skal gå igjennom"),ariaLabel=null!==(_props$ariaLabel=props["aria-label"])&&void 0!==_props$ariaLabel&&_props$ariaLabel.length?props["aria-label"]:defaultAriaLabel;return(0,jsx_runtime.jsx)("nav",{"aria-label":ariaLabel,children:(0,jsx_runtime.jsx)("ol",{className:WizardNavigation_module_wizardTopnav,children:(steps=props.steps,activeStepId=props.activeStepId,steps&&Object.keys(steps).length?Object.keys(steps).map(((stepKey,stepIndex)=>{const step=steps[stepKey];return(0,jsx_runtime.jsx)(WizardNavigation_Step,{step,activeStepId,index:stepIndex},stepKey)})):null)})});var steps,activeStepId},stories_WizardNavigation=WizardNavigation;var _Default$parameters,_Default$parameters2,_Default$parameters2$,_WithLinks$parameters,_WithLinks$parameters2,_WithLinks$parameters3;WizardNavigation.__docgenInfo={description:"",methods:[],displayName:"WizardNavigation",props:{steps:{description:"",type:{name:"shape",value:{id:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},name:{name:"string",required:!1},finished:{name:"bool",required:!1},hasErrors:{name:"bool",required:!1},link:{name:"shape",value:{to:{name:"object",required:!1},reactLink:{name:"bool",required:!1}},required:!1}}},required:!0},activeStepId:{description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!0},"aria-label":{description:"",type:{name:"string"},required:!1}}};const WizardNavigation_stories={title:"Example/WizardNavigation",component:stories_WizardNavigation,argTypes:{activeStepId:{control:"select",options:["SignIn","AvailableReportees","Import","NextProcessCategory","Receipt"]}}},Default=(args=>(0,jsx_runtime.jsx)(stories_WizardNavigation,{...args})).bind({});Default.args={steps:{SignIn:{id:"SignIn",name:"Start",finished:!0,hasErrors:!1},AvailableReportees:{id:"AvailableReportees",name:"Velg hvem du representerer",finished:!0,hasErrors:!1},Import:{id:"Import",name:"Importer fil fra ByggSøk",finished:!1,hasErrors:!0},NextProcessCategory:{id:"NextProcessCategory",name:"Velg søknadstype",finished:!1,hasErrors:!1},Receipt:{id:"Receipt",name:"Velg søknadssystem",finished:!1,hasErrors:!1}},activeStepId:"NextProcessCategory"};const WithLinks=(args=>(0,jsx_runtime.jsx)(dist.VK,{children:(0,jsx_runtime.jsx)(stories_WizardNavigation,{...args})})).bind({});WithLinks.args={steps:{SignIn:{id:"SignIn",name:"Start",finished:!0,hasErrors:!1,link:{pathname:"SignIn",search:window.location.search}},AvailableReportees:{id:"AvailableReportees",name:"Velg hvem du representerer",finished:!0,hasErrors:!1,link:{pathname:"AvailableReportees",search:window.location.search}},Import:{id:"Import",name:"Importer fil fra ByggSøk",finished:!1,hasErrors:!0,link:{pathname:"Import",search:window.location.search}},NextProcessCategory:{id:"NextProcessCategory",name:"Velg søknadstype",finished:!1,hasErrors:!1,link:{pathname:"NextProcessCategory",search:window.location.search}},Receipt:{id:"Receipt",name:"Velg søknadssystem",finished:!1,hasErrors:!1,link:{pathname:"Receipt",search:window.location.search}}},activeStepId:"NextProcessCategory"},Default.parameters={...Default.parameters,docs:{...null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs,source:{originalSource:"args => <WizardNavigation {...args} />",...null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2$=_Default$parameters2.docs)||void 0===_Default$parameters2$?void 0:_Default$parameters2$.source}}},WithLinks.parameters={...WithLinks.parameters,docs:{...null===(_WithLinks$parameters=WithLinks.parameters)||void 0===_WithLinks$parameters?void 0:_WithLinks$parameters.docs,source:{originalSource:"args => <BrowserRouter>\n        <WizardNavigation {...args} />\n    </BrowserRouter>",...null===(_WithLinks$parameters2=WithLinks.parameters)||void 0===_WithLinks$parameters2||null===(_WithLinks$parameters3=_WithLinks$parameters2.docs)||void 0===_WithLinks$parameters3?void 0:_WithLinks$parameters3.source}}};const __namedExportsOrder=["Default","WithLinks"]},"./src/functions/helpers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SD:()=>addFocusTrapInsideElement,vf:()=>cloneThroughFragments,w6:()=>classNameArrayToClassNameString});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const classNameArrayToClassNameString=classNameArray=>{var _classNameArray$filte;return(null==classNameArray||null===(_classNameArray$filte=classNameArray.filter((className=>className)))||void 0===_classNameArray$filte?void 0:_classNameArray$filte.join(" "))||""},cloneThroughFragments=children=>react__WEBPACK_IMPORTED_MODULE_0__.Children.map(children,(c=>(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(c)?c.type===react__WEBPACK_IMPORTED_MODULE_0__.Fragment?cloneThroughFragments(c.props.children):(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(c,{...c.props}):c)),addFocusTrapInsideElement=element=>{(element=>{const autoFocusElement=document.createElement("button");element.prepend(autoFocusElement),autoFocusElement.focus(),autoFocusElement.remove()})(element);const focusableElements=(element=>Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter((resultElement=>resultElement)))(element),firstFocusableElement=null!=focusableElements&&focusableElements.length?focusableElements[0]:null,lastFocusableElement=(null==focusableElements?void 0:focusableElements.length)>1?focusableElements[focusableElements.length-1]:firstFocusableElement;firstFocusableElement&&(firstFocusableElement.onkeydown=event=>{9===event.keyCode&&event.shiftKey&&lastFocusableElement.focus()}),lastFocusableElement&&(lastFocusableElement.onclick=()=>{firstFocusableElement.focus()},lastFocusableElement.onkeydown=event=>{9!==event.keyCode||event.shiftKey||(event.preventDefault(),firstFocusableElement.focus())})};cloneThroughFragments.__docgenInfo={description:"",methods:[],displayName:"cloneThroughFragments"}}}]);
\ No newline at end of file