From 3e884d6def7d88d48d5d64653be39600b1687d5d Mon Sep 17 00:00:00 2001
From: Benjamin Dehli <superelg@gmail.com>
Date: Thu, 22 Feb 2024 09:58:48 +0100
Subject: [PATCH] Build Storybook

---
 docs/iframe.html                                  |  2 +-
 docs/project.json                                 |  2 +-
 ....js => runtime~main.0f32890b.iframe.bundle.js} |  2 +-
 ...{0.7508487f.chunk.css => 0.cdc6fd4a.chunk.css} |  4 ++--
 ...87f.chunk.css.map => 0.cdc6fd4a.chunk.css.map} |  2 +-
 ....a50ecfa0.chunk.css => 106.0f7445fc.chunk.css} |  4 ++--
 ...0.chunk.css.map => 106.0f7445fc.chunk.css.map} |  2 +-
 ....4df0976b.chunk.css => 826.b591eecc.chunk.css} |  4 ++--
 ...b.chunk.css.map => 826.b591eecc.chunk.css.map} |  2 +-
 ....00938068.chunk.css => 956.0abda00a.chunk.css} |  4 ++--
 ...8.chunk.css.map => 956.0abda00a.chunk.css.map} |  2 +-
 ...s-CheckBoxListItem-stories.657c6706.chunk.css} |  4 ++--
 ...eckBoxListItem-stories.657c6706.chunk.css.map} |  2 +-
 ...agAndDropFileInput-stories.997d4133.chunk.css} |  6 +++---
 ...dDropFileInput-stories.997d4133.chunk.css.map} |  2 +-
 ...ories-ErrorMessage-stories.4497ae06.chunk.css} |  4 ++--
 ...s-ErrorMessage-stories.4497ae06.chunk.css.map} |  2 +-
 ...es-RadioButtonList-stories.279b0a7f.chunk.css} |  4 ++--
 ...adioButtonList-stories.279b0a7f.chunk.css.map} |  2 +-
 ...adioButtonListItem-stories.5854d83c.chunk.css} |  4 ++--
 ...ButtonListItem-stories.5854d83c.chunk.css.map} |  2 +-
 ...rror-sign.7a6e7e16ff428b32e85b5689baa71ded.svg | 15 +++++++++++++++
 ...opFileInput-stories.69916d16.iframe.bundle.js} |  2 +-
 ...rrorMessage-stories.8c4f655a.iframe.bundle.js} |  4 ++--
 ...stories.8c4f655a.iframe.bundle.js.LICENSE.txt} |  0
 ...-InputField-stories.1615cb96.iframe.bundle.js} |  2 +-
 ...ries-Select-stories.6695be12.iframe.bundle.js} |  4 ++--
 ...stories.6695be12.iframe.bundle.js.LICENSE.txt} |  0
 ...es-Textarea-stories.3d816d0e.iframe.bundle.js} |  4 ++--
 ...stories.3d816d0e.iframe.bundle.js.LICENSE.txt} |  0
 30 files changed, 54 insertions(+), 39 deletions(-)
 rename docs/{runtime~main.8f2e4bcb.iframe.bundle.js => runtime~main.0f32890b.iframe.bundle.js} (93%)
 rename docs/static/css/{0.7508487f.chunk.css => 0.cdc6fd4a.chunk.css} (94%)
 rename docs/static/css/{0.7508487f.chunk.css.map => 0.cdc6fd4a.chunk.css.map} (94%)
 rename docs/static/css/{106.a50ecfa0.chunk.css => 106.0f7445fc.chunk.css} (93%)
 rename docs/static/css/{106.a50ecfa0.chunk.css.map => 106.0f7445fc.chunk.css.map} (92%)
 rename docs/static/css/{826.4df0976b.chunk.css => 826.b591eecc.chunk.css} (82%)
 rename docs/static/css/{826.4df0976b.chunk.css.map => 826.b591eecc.chunk.css.map} (75%)
 rename docs/static/css/{956.00938068.chunk.css => 956.0abda00a.chunk.css} (94%)
 rename docs/static/css/{956.00938068.chunk.css.map => 956.0abda00a.chunk.css.map} (94%)
 rename docs/static/css/{stories-CheckBoxListItem-stories.044fef1f.chunk.css => stories-CheckBoxListItem-stories.657c6706.chunk.css} (70%)
 rename docs/static/css/{stories-CheckBoxListItem-stories.044fef1f.chunk.css.map => stories-CheckBoxListItem-stories.657c6706.chunk.css.map} (73%)
 rename docs/static/css/{stories-DragAndDropFileInput-stories.495dc9ca.chunk.css => stories-DragAndDropFileInput-stories.997d4133.chunk.css} (91%)
 rename docs/static/css/{stories-DragAndDropFileInput-stories.495dc9ca.chunk.css.map => stories-DragAndDropFileInput-stories.997d4133.chunk.css.map} (75%)
 rename docs/static/css/{stories-ErrorMessage-stories.f7d1d8a1.chunk.css => stories-ErrorMessage-stories.4497ae06.chunk.css} (87%)
 rename docs/static/css/{stories-ErrorMessage-stories.f7d1d8a1.chunk.css.map => stories-ErrorMessage-stories.4497ae06.chunk.css.map} (91%)
 rename docs/static/css/{stories-RadioButtonList-stories.a5344ad6.chunk.css => stories-RadioButtonList-stories.279b0a7f.chunk.css} (81%)
 rename docs/static/css/{stories-RadioButtonList-stories.a5344ad6.chunk.css.map => stories-RadioButtonList-stories.279b0a7f.chunk.css.map} (76%)
 rename docs/static/css/{stories-RadioButtonListItem-stories.4a10b93e.chunk.css => stories-RadioButtonListItem-stories.5854d83c.chunk.css} (68%)
 rename docs/static/css/{stories-RadioButtonListItem-stories.4a10b93e.chunk.css.map => stories-RadioButtonListItem-stories.5854d83c.chunk.css.map} (74%)
 create mode 100644 docs/static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg
 rename docs/{stories-DragAndDropFileInput-stories.fa061ded.iframe.bundle.js => stories-DragAndDropFileInput-stories.69916d16.iframe.bundle.js} (89%)
 rename docs/{stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js => stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js} (69%)
 rename docs/{stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js.LICENSE.txt => stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js.LICENSE.txt} (100%)
 rename docs/{stories-InputField-stories.1c19afef.iframe.bundle.js => stories-InputField-stories.1615cb96.iframe.bundle.js} (91%)
 rename docs/{stories-Select-stories.ae29842d.iframe.bundle.js => stories-Select-stories.6695be12.iframe.bundle.js} (90%)
 rename docs/{stories-Select-stories.ae29842d.iframe.bundle.js.LICENSE.txt => stories-Select-stories.6695be12.iframe.bundle.js.LICENSE.txt} (100%)
 rename docs/{stories-Textarea-stories.5b923b4c.iframe.bundle.js => stories-Textarea-stories.3d816d0e.iframe.bundle.js} (81%)
 rename docs/{stories-Textarea-stories.5b923b4c.iframe.bundle.js.LICENSE.txt => stories-Textarea-stories.3d816d0e.iframe.bundle.js.LICENSE.txt} (100%)

diff --git a/docs/iframe.html b/docs/iframe.html
index 99fcff41..0ddc2631 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.8f2e4bcb.iframe.bundle.js';
+      import './runtime~main.0f32890b.iframe.bundle.js';
       
       import './811.847e5c41.iframe.bundle.js';
       
diff --git a/docs/project.json b/docs/project.json
index d69122b0..15921a42 100644
--- a/docs/project.json
+++ b/docs/project.json
@@ -1 +1 @@
-{"generatedAt":1708525155690,"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.17","storybookVersionSpecifier":"^7.0.4","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/addons":{"version":"7.6.17"},"@storybook/node-logger":{"version":"7.6.17"},"@storybook/react":{"version":"7.6.17"},"@storybook/react-webpack5":{"version":"7.6.17"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.6.17"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/addon-links":{"version":"7.6.17"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-interactions":{"version":"7.6.17"},"@storybook/preset-create-react-app":{"version":"7.6.17"},"@storybook/addon-a11y":{"version":"7.6.17"},"@storybook/addon-mdx-gfm":{"version":"7.6.17"}}}
+{"generatedAt":1708592248572,"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.17","storybookVersionSpecifier":"^7.0.4","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/addons":{"version":"7.6.17"},"@storybook/node-logger":{"version":"7.6.17"},"@storybook/react":{"version":"7.6.17"},"@storybook/react-webpack5":{"version":"7.6.17"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.6.17"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/addon-links":{"version":"7.6.17"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-interactions":{"version":"7.6.17"},"@storybook/preset-create-react-app":{"version":"7.6.17"},"@storybook/addon-a11y":{"version":"7.6.17"},"@storybook/addon-mdx-gfm":{"version":"7.6.17"}}}
diff --git a/docs/runtime~main.8f2e4bcb.iframe.bundle.js b/docs/runtime~main.0f32890b.iframe.bundle.js
similarity index 93%
rename from docs/runtime~main.8f2e4bcb.iframe.bundle.js
rename to docs/runtime~main.0f32890b.iframe.bundle.js
index 3f009234..b9ae53cc 100644
--- a/docs/runtime~main.8f2e4bcb.iframe.bundle.js
+++ b/docs/runtime~main.0f32890b.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=>(({3:"stories-Label-stories",33:"stories-RadioButtonListItem-stories",39:"stories-RadioButtonIcon-stories",40:"stories-Container-stories",47:"stories-Paper-stories",71:"stories-Accordion-stories",89:"stories-LoadingAnimation-stories",97:"stories-ProgressBar-stories",141:"stories-Textarea-stories",211:"stories-DragAndDropFileInput-stories",232:"stories-WizardNavigation-stories",380:"stories-CheckBoxInput-stories",406:"stories-Footer-stories",419:"stories-InputField-stories",425:"stories-Table-stories",462:"stories-Theme-stories",495:"stories-CheckBoxIcon-stories",512:"stories-Header-stories",515:"stories-PDF-stories",600:"stories-RadioButtonList-stories",633:"stories-ContentBox-stories",668:"stories-RadioButtonInput-stories",695:"stories-Dialog-stories",707:"stories-Select-stories",708:"stories-NavigationBar-stories",753:"stories-CheckBoxListItem-stories",791:"stories-Button-stories",818:"stories-ErrorBox-stories",840:"stories-ErrorMessage-stories",871:"stories-List-stories",960:"stories-CheckBoxList-stories"}[chunkId]||chunkId)+"."+{0:"fe091656",3:"182a1373",33:"cc04f074",39:"113e189a",40:"5f76bc24",47:"098de16a",71:"01a938e6",89:"42846b11",97:"12b30e47",106:"e27b2efa",141:"5b923b4c",211:"fa061ded",232:"21b2e209",380:"50ca5566",406:"9aff8c69",419:"1c19afef",425:"b30f0ec9",433:"c760576c",452:"f3badd93",462:"73336a27",478:"b9fb87ce",495:"2cfe8e1a",512:"70bc48e6",515:"086a434b",600:"6ae7b566",609:"fae66eef",633:"4ee9b95c",647:"6e427120",648:"f2140d6d",668:"9a29a787",695:"357c405a",707:"ae29842d",708:"01a3bf47",753:"eae08d75",791:"4efb011e",818:"13d91a56",826:"7d01eb9a",840:"eb4575f8",857:"0bf9401d",871:"38195df4",895:"413d7632",912:"c9b9b380",956:"347a6f3d",960:"d3663264",975:"4062290c"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({3:"stories-Label-stories",33:"stories-RadioButtonListItem-stories",39:"stories-RadioButtonIcon-stories",40:"stories-Container-stories",47:"stories-Paper-stories",71:"stories-Accordion-stories",89:"stories-LoadingAnimation-stories",97:"stories-ProgressBar-stories",141:"stories-Textarea-stories",211:"stories-DragAndDropFileInput-stories",232:"stories-WizardNavigation-stories",406:"stories-Footer-stories",419:"stories-InputField-stories",425:"stories-Table-stories",462:"stories-Theme-stories",495:"stories-CheckBoxIcon-stories",512:"stories-Header-stories",515:"stories-PDF-stories",600:"stories-RadioButtonList-stories",633:"stories-ContentBox-stories",695:"stories-Dialog-stories",707:"stories-Select-stories",708:"stories-NavigationBar-stories",753:"stories-CheckBoxListItem-stories",818:"stories-ErrorBox-stories",840:"stories-ErrorMessage-stories",871:"stories-List-stories"}[chunkId]||chunkId)+"."+{0:"7508487f",3:"fa7ea7e0",33:"4a10b93e",39:"bd65b262",40:"609d841b",47:"a56b0121",71:"3067b959",89:"da57e6cf",97:"7947118e",106:"a50ecfa0",141:"d8547f7d",211:"495dc9ca",232:"97cedf78",406:"89512673",419:"df4ddf01",425:"826a663d",462:"2dd0e8be",495:"2b81a94c",512:"49086bb0",515:"9a0a6475",600:"a5344ad6",633:"9ce8c6ee",695:"3a894ff5",707:"bd2090d9",708:"9cba1a90",753:"044fef1f",818:"76004d96",826:"4df0976b",840:"f7d1d8a1",871:"8b2ae181",956:"00938068",975:"a62d9f08"}[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&&event.type,realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+errorType+": "+realHref+")");err.name="ChunkLoadError",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={354:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{0:1,3:1,33:1,39:1,40:1,47:1,71:1,89:1,97:1,106:1,141:1,211:1,232:1,406:1,419:1,425:1,462:1,495:1,512:1,515:1,600:1,633:1,695:1,707:1,708:1,753:1,818:1,826:1,840:1,871:1,956:1,975:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={354: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(/^((10|82|95)6|0|354|975)$/.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=>(({3:"stories-Label-stories",33:"stories-RadioButtonListItem-stories",39:"stories-RadioButtonIcon-stories",40:"stories-Container-stories",47:"stories-Paper-stories",71:"stories-Accordion-stories",89:"stories-LoadingAnimation-stories",97:"stories-ProgressBar-stories",141:"stories-Textarea-stories",211:"stories-DragAndDropFileInput-stories",232:"stories-WizardNavigation-stories",380:"stories-CheckBoxInput-stories",406:"stories-Footer-stories",419:"stories-InputField-stories",425:"stories-Table-stories",462:"stories-Theme-stories",495:"stories-CheckBoxIcon-stories",512:"stories-Header-stories",515:"stories-PDF-stories",600:"stories-RadioButtonList-stories",633:"stories-ContentBox-stories",668:"stories-RadioButtonInput-stories",695:"stories-Dialog-stories",707:"stories-Select-stories",708:"stories-NavigationBar-stories",753:"stories-CheckBoxListItem-stories",791:"stories-Button-stories",818:"stories-ErrorBox-stories",840:"stories-ErrorMessage-stories",871:"stories-List-stories",960:"stories-CheckBoxList-stories"}[chunkId]||chunkId)+"."+{0:"fe091656",3:"182a1373",33:"cc04f074",39:"113e189a",40:"5f76bc24",47:"098de16a",71:"01a938e6",89:"42846b11",97:"12b30e47",106:"e27b2efa",141:"3d816d0e",211:"69916d16",232:"21b2e209",380:"50ca5566",406:"9aff8c69",419:"1615cb96",425:"b30f0ec9",433:"c760576c",452:"f3badd93",462:"73336a27",478:"b9fb87ce",495:"2cfe8e1a",512:"70bc48e6",515:"086a434b",600:"6ae7b566",609:"fae66eef",633:"4ee9b95c",647:"6e427120",648:"f2140d6d",668:"9a29a787",695:"357c405a",707:"6695be12",708:"01a3bf47",753:"eae08d75",791:"4efb011e",818:"13d91a56",826:"7d01eb9a",840:"8c4f655a",857:"0bf9401d",871:"38195df4",895:"413d7632",912:"c9b9b380",956:"347a6f3d",960:"d3663264",975:"4062290c"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>"static/css/"+({3:"stories-Label-stories",33:"stories-RadioButtonListItem-stories",39:"stories-RadioButtonIcon-stories",40:"stories-Container-stories",47:"stories-Paper-stories",71:"stories-Accordion-stories",89:"stories-LoadingAnimation-stories",97:"stories-ProgressBar-stories",141:"stories-Textarea-stories",211:"stories-DragAndDropFileInput-stories",232:"stories-WizardNavigation-stories",406:"stories-Footer-stories",419:"stories-InputField-stories",425:"stories-Table-stories",462:"stories-Theme-stories",495:"stories-CheckBoxIcon-stories",512:"stories-Header-stories",515:"stories-PDF-stories",600:"stories-RadioButtonList-stories",633:"stories-ContentBox-stories",695:"stories-Dialog-stories",707:"stories-Select-stories",708:"stories-NavigationBar-stories",753:"stories-CheckBoxListItem-stories",818:"stories-ErrorBox-stories",840:"stories-ErrorMessage-stories",871:"stories-List-stories"}[chunkId]||chunkId)+"."+{0:"cdc6fd4a",3:"fa7ea7e0",33:"5854d83c",39:"bd65b262",40:"609d841b",47:"a56b0121",71:"3067b959",89:"da57e6cf",97:"7947118e",106:"0f7445fc",141:"d8547f7d",211:"997d4133",232:"97cedf78",406:"89512673",419:"df4ddf01",425:"826a663d",462:"2dd0e8be",495:"2b81a94c",512:"49086bb0",515:"9a0a6475",600:"279b0a7f",633:"9ce8c6ee",695:"3a894ff5",707:"bd2090d9",708:"9cba1a90",753:"657c6706",818:"76004d96",826:"b591eecc",840:"4497ae06",871:"8b2ae181",956:"0abda00a",975:"a62d9f08"}[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&&event.type,realHref=event&&event.target&&event.target.href||fullhref,err=new Error("Loading CSS chunk "+chunkId+" failed.\n("+errorType+": "+realHref+")");err.name="ChunkLoadError",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={354:0};__webpack_require__.f.miniCss=(chunkId,promises)=>{installedCssChunks[chunkId]?promises.push(installedCssChunks[chunkId]):0!==installedCssChunks[chunkId]&&{0:1,3:1,33:1,39:1,40:1,47:1,71:1,89:1,97:1,106:1,141:1,211:1,232:1,406:1,419:1,425:1,462:1,495:1,512:1,515:1,600:1,633:1,695:1,707:1,708:1,753:1,818:1,826:1,840:1,871:1,956:1,975:1}[chunkId]&&promises.push(installedCssChunks[chunkId]=loadStylesheet(chunkId).then((()=>{installedCssChunks[chunkId]=0}),(e=>{throw delete installedCssChunks[chunkId],e})))}}})(),(()=>{var installedChunks={354: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(/^((10|82|95)6|0|354|975)$/.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/static/css/0.7508487f.chunk.css b/docs/static/css/0.cdc6fd4a.chunk.css
similarity index 94%
rename from docs/static/css/0.7508487f.chunk.css
rename to docs/static/css/0.cdc6fd4a.chunk.css
index a867dd00..98d420a9 100644
--- a/docs/static/css/0.7508487f.chunk.css
+++ b/docs/static/css/0.cdc6fd4a.chunk.css
@@ -1,4 +1,4 @@
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonIcon_main-content__1Fp\+D{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonIcon_main-content__1Fp\+D{padding:0 40px}}.RadioButtonIcon_radioButtonIcon__5Y2Zv{border-radius:50%;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;box-sizing:content-box;display:inline-block;vertical-align:middle;min-width:10px;width:10px;height:10px;background:#fff;margin-right:.4em;margin-top:2px;border:.3em solid #fff;cursor:pointer}.RadioButtonIcon_radioButtonIcon__5Y2Zv:not(.RadioButtonIcon_hasErrors__p\+QrO){box-shadow:0 0 0 1px #003045}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_hasErrors__p\+QrO{box-shadow:0 0 0 1px #db0000}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_checked__ML7YN{background:#003045}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_checked__ML7YN.RadioButtonIcon_hasErrors__p\+QrO{background:#db0000}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_checked__ML7YN:not(.RadioButtonIcon_hasErrors__p\+QrO){box-shadow:0 0 0 1px #003045}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_checked__ML7YN.RadioButtonIcon_hasErrors__p\+QrO{box-shadow:0 0 0 1px #db0000}.RadioButtonIcon_radioButtonIcon__5Y2Zv.RadioButtonIcon_disabled__5ASIL{border-color:#fff;opacity:.4}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonInput_main-content__gwjS\+{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonInput_main-content__gwjS\+{padding:0 40px}}.RadioButtonInput_radioButtonInput__0SOMA{display:flex;margin-right:1em;border:1px solid rgba(0,0,0,0)}.RadioButtonInput_radioButtonInput__0SOMA .RadioButtonInput_requiredSymbol__zq9B9{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.RadioButtonInput_radioButtonInput__0SOMA:not(.RadioButtonInput_contentOnly__QXVh7):not(.RadioButtonInput_disabled__1W2KP){cursor:pointer}.RadioButtonInput_radioButtonInput__0SOMA:not(.RadioButtonInput_contentOnly__QXVh7):not(.RadioButtonInput_disabled__1W2KP) input{cursor:pointer}.RadioButtonInput_radioButtonInput__0SOMA .RadioButtonInput_labelText__c9C53{color:#003045}.RadioButtonInput_radioButtonInput__0SOMA.RadioButtonInput_disabled__1W2KP .RadioButtonInput_labelText__c9C53{opacity:.4}.RadioButtonInput_radioButtonInput__0SOMA.RadioButtonInput_hasErrors__8ezCZ span{color:#db0000}.RadioButtonInput_radioButtonInput__0SOMA:focus-within{outline-width:2px;outline-color:#003045;outline-style:auto;outline-offset:1px}.RadioButtonInput_radioButtonInput__0SOMA input[type=radio]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonInput_main-content__gwjS\+{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonInput_main-content__gwjS\+{padding:0 40px}}.RadioButtonInput_radioButtonInput__0SOMA{display:flex;margin-right:1em;border:1px solid rgba(0,0,0,0)}.RadioButtonInput_radioButtonInput__0SOMA .RadioButtonInput_requiredSymbol__zq9B9{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.RadioButtonInput_radioButtonInput__0SOMA:not(.RadioButtonInput_contentOnly__QXVh7):not(.RadioButtonInput_disabled__1W2KP){cursor:pointer}.RadioButtonInput_radioButtonInput__0SOMA:not(.RadioButtonInput_contentOnly__QXVh7):not(.RadioButtonInput_disabled__1W2KP) input{cursor:pointer}.RadioButtonInput_radioButtonInput__0SOMA .RadioButtonInput_labelText__c9C53{font-size:16px;line-height:24px;color:#003045}.RadioButtonInput_radioButtonInput__0SOMA.RadioButtonInput_disabled__1W2KP .RadioButtonInput_labelText__c9C53{opacity:.4}.RadioButtonInput_radioButtonInput__0SOMA.RadioButtonInput_hasErrors__8ezCZ span{color:#db0000}.RadioButtonInput_radioButtonInput__0SOMA:focus-within{outline-width:2px;outline-color:#003045;outline-style:auto;outline-offset:1px}.RadioButtonInput_radioButtonInput__0SOMA input[type=radio]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=0.7508487f.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=0.cdc6fd4a.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/0.7508487f.chunk.css.map b/docs/static/css/0.cdc6fd4a.chunk.css.map
similarity index 94%
rename from docs/static/css/0.7508487f.chunk.css.map
rename to docs/static/css/0.cdc6fd4a.chunk.css.map
index 725d0d91..4b9ac12e 100644
--- a/docs/static/css/0.7508487f.chunk.css.map
+++ b/docs/static/css/0.cdc6fd4a.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/0.7508487f.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonIcon.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-shadow.scss","webpack://dibk-design/./src/stories/RadioButtonInput.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.radioButtonIcon {\n    @include border-radius(50%);\n    @include transition(all $default-transition);\n    @include box-sizing(content-box);\n    display: inline-block;\n    vertical-align: middle;\n    min-width: 10px;\n    width: 10px;\n    height: 10px;\n    background: white;\n    margin-right: 0.4em;\n    margin-top: 2px;\n    border: 0.3em solid white;\n    cursor: pointer;\n\n    &:not(.hasErrors) {\n        @include box-shadow(0 0 0 1px $color-primary);\n    }\n    &.hasErrors {\n        @include box-shadow(0 0 0 1px $color-error);\n    }\n\n    &.checked {\n        background: $color-primary;\n        &.hasErrors {\n            background: $color-error;\n        }\n        &:not(.hasErrors) {\n            @include box-shadow(0 0 0 1px $color-primary);\n        }\n        &.hasErrors {\n            @include box-shadow(0 0 0 1px $color-error);\n        }\n    }\n    &.disabled {\n        border-color: #fff;\n        opacity: 0.4;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n","@mixin box-shadow($shadows...) {\n    -webkit-box-shadow: $shadows;\n    -moz-box-shadow: $shadows;\n    box-shadow: $shadows;\n}\n","@import \"../style/global.scss\";\n\n.radioButtonInput {\n    display: flex;\n    margin-right: 1em;\n    border: 1px solid transparent;\n\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    &:not(.contentOnly):not(.disabled) {\n        cursor: pointer;\n        input {\n            cursor: pointer;\n        }\n    }\n\n    .labelText {\n        color: $color-primary;\n    }\n\n    &.disabled {\n        .labelText {\n            opacity: 0.4;\n        }\n    }\n\n    &.hasErrors {\n        span {\n            color: $color-error;\n        }\n    }\n\n    &:focus-within {\n        outline-width: 2px;\n        outline-color: $color-primary;\n        outline-style: auto;\n        outline-offset: 1px;\n    }\n\n    input[type=\"radio\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/0.cdc6fd4a.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonIcon.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-shadow.scss","webpack://dibk-design/./src/stories/RadioButtonInput.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.radioButtonIcon {\n    @include border-radius(50%);\n    @include transition(all $default-transition);\n    @include box-sizing(content-box);\n    display: inline-block;\n    vertical-align: middle;\n    min-width: 10px;\n    width: 10px;\n    height: 10px;\n    background: white;\n    margin-right: 0.4em;\n    margin-top: 2px;\n    border: 0.3em solid white;\n    cursor: pointer;\n\n    &:not(.hasErrors) {\n        @include box-shadow(0 0 0 1px $color-primary);\n    }\n    &.hasErrors {\n        @include box-shadow(0 0 0 1px $color-error);\n    }\n\n    &.checked {\n        background: $color-primary;\n        &.hasErrors {\n            background: $color-error;\n        }\n        &:not(.hasErrors) {\n            @include box-shadow(0 0 0 1px $color-primary);\n        }\n        &.hasErrors {\n            @include box-shadow(0 0 0 1px $color-error);\n        }\n    }\n    &.disabled {\n        border-color: #fff;\n        opacity: 0.4;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n","@mixin box-shadow($shadows...) {\n    -webkit-box-shadow: $shadows;\n    -moz-box-shadow: $shadows;\n    box-shadow: $shadows;\n}\n","@import \"../style/global.scss\";\n\n.radioButtonInput {\n    display: flex;\n    margin-right: 1em;\n    border: 1px solid transparent;\n\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    &:not(.contentOnly):not(.disabled) {\n        cursor: pointer;\n        input {\n            cursor: pointer;\n        }\n    }\n\n    .labelText {\n        font-size: 16px;\n        line-height: 24px;\n        color: $color-primary;\n    }\n\n    &.disabled {\n        .labelText {\n            opacity: 0.4;\n        }\n    }\n\n    &.hasErrors {\n        span {\n            color: $color-error;\n        }\n    }\n\n    &:focus-within {\n        outline-width: 2px;\n        outline-color: $color-primary;\n        outline-style: auto;\n        outline-offset: 1px;\n    }\n\n    input[type=\"radio\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/106.a50ecfa0.chunk.css b/docs/static/css/106.0f7445fc.chunk.css
similarity index 93%
rename from docs/static/css/106.a50ecfa0.chunk.css
rename to docs/static/css/106.0f7445fc.chunk.css
index bee03e1a..77d27125 100644
--- a/docs/static/css/106.a50ecfa0.chunk.css
+++ b/docs/static/css/106.0f7445fc.chunk.css
@@ -1,4 +1,4 @@
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.Label_main-content__6a52r{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.Label_main-content__6a52r{padding:0 40px}}.Label_label__-hK3X{color:#000;display:block;font-size:1rem;font-weight:bold;line-height:1.2;margin-bottom:2px;font-family:"PP Mori","Open Sans",arial,sans-serif;overflow-wrap:break-word}.Label_label__-hK3X.Label_inline__ptpwp{display:inline-block}.Label_label__-hK3X:not(.Label_normalCursor__XJx16){cursor:pointer}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}.ErrorMessage_errorMessage__Xc7GT{display:block;color:#db0000;font-size:16px;font-weight:400;line-height:1.2;margin:4px 0;font-family:"PP Mori","Open Sans",arial,sans-serif;font-style:italic;overflow-wrap:break-word}@media only screen and (min-width: 640px){.ErrorMessage_errorMessage__Xc7GT{font-size:19px}}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}@keyframes ErrorMessage_messageIn__V9ws2{0%{opacity:0;transform:translateX(2em)}}.ErrorMessage_errorMessage__Xc7GT{display:flex;align-items:center;font-family:"PP Mori","Open Sans",arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.01em;color:#db0000;margin:12px 0 0;animation:1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running ErrorMessage_messageIn__V9ws2}.ErrorMessage_errorMessage__Xc7GT .ErrorMessage_errorSign__bvyyH{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:.5em}
 
-/*# sourceMappingURL=106.a50ecfa0.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=106.0f7445fc.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/106.a50ecfa0.chunk.css.map b/docs/static/css/106.0f7445fc.chunk.css.map
similarity index 92%
rename from docs/static/css/106.a50ecfa0.chunk.css.map
rename to docs/static/css/106.0f7445fc.chunk.css.map
index 5f8c1d84..3d63be7b 100644
--- a/docs/static/css/106.a50ecfa0.chunk.css.map
+++ b/docs/static/css/106.0f7445fc.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/106.a50ecfa0.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/Label.module.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.label {\n    color: #000;\n    display: block;\n    font-size: 1rem;\n    font-weight: bold;\n    line-height: 1.2;\n    margin-bottom: 2px;\n    font-family: $default-font;\n    overflow-wrap: break-word;\n    &.inline {\n        display: inline-block;\n    }\n    &:not(.normalCursor) {\n        cursor: pointer;\n    }\n}\n","@import \"../style/global.scss\";\n\n.errorMessage {\n    display: block;\n    color: $color-error;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.2;\n    margin: 4px 0;\n    font-family: $default-font;\n    font-style: italic;\n    overflow-wrap: break-word;\n    @media only screen and (min-width: $screen-sm) {\n        font-size: 19px;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/106.0f7445fc.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/Label.module.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.label {\n    color: #000;\n    display: block;\n    font-size: 1rem;\n    font-weight: bold;\n    line-height: 1.2;\n    margin-bottom: 2px;\n    font-family: $default-font;\n    overflow-wrap: break-word;\n    &.inline {\n        display: inline-block;\n    }\n    &:not(.normalCursor) {\n        cursor: pointer;\n    }\n}\n","@import \"../style/global.scss\";\n\n@keyframes messageIn {\n    0% {\n        opacity: 0;\n        transform: translateX(2em);\n    }\n}\n\n.errorMessage {\n    display: flex;\n    align-items: center;\n    font-family: $default-font;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    letter-spacing: 0.01em;\n    color: $color-error;\n    margin: 12px 0 0;\n    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running messageIn;\n    .errorSign {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 0.5em;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/826.4df0976b.chunk.css b/docs/static/css/826.b591eecc.chunk.css
similarity index 82%
rename from docs/static/css/826.4df0976b.chunk.css
rename to docs/static/css/826.b591eecc.chunk.css
index ccd0f2bb..f41e4c87 100644
--- a/docs/static/css/826.4df0976b.chunk.css
+++ b/docs/static/css/826.b591eecc.chunk.css
@@ -1,4 +1,4 @@
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxList_main-content__pap4L{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxList_main-content__pap4L{padding:0 40px}}fieldset.CheckBoxList_checkBoxList__U47JD{margin:0;padding:0;border:none}fieldset.CheckBoxList_checkBoxList__U47JD legend{color:#000;display:block;font-size:1rem;font-weight:bold;line-height:1.2;margin-bottom:2px;font-family:"PP Mori","Open Sans",arial,sans-serif;overflow-wrap:break-word}fieldset.CheckBoxList_checkBoxList__U47JD legend .CheckBoxList_requiredSymbol__\+jZAJ{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxListItem_main-content__BueRR{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxListItem_main-content__BueRR{padding:0 40px}}.CheckBoxListItem_checkBoxListItem__6jvY5{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:17px;color:#000}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF) label{padding:20px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ label{cursor:auto;padding:5px 10px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_disabled__RvGxr label{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_checked__IzxSb:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw){background-color:#c7e0f2}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):hover{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):focus-within{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5 label{width:100%;padding:10px;margin:0;cursor:pointer}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF{display:table}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF label{padding:6px 4px}.CheckBoxListItem_checkBoxListItem__6jvY5 input[type=checkbox]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxListItem_main-content__BueRR{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxListItem_main-content__BueRR{padding:0 40px}}.CheckBoxListItem_checkBoxListItem__6jvY5{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:16px;line-height:24px;color:#000}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF) label{padding:20px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ label{cursor:auto;padding:5px 10px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_disabled__RvGxr label{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_checked__IzxSb:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw){background-color:#c7e0f2}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):hover{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):focus-within{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5 label{width:100%;padding:10px;margin:0;cursor:pointer}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF{display:table}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF label{padding:6px 4px}.CheckBoxListItem_checkBoxListItem__6jvY5 input[type=checkbox]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=826.4df0976b.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=826.b591eecc.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/826.4df0976b.chunk.css.map b/docs/static/css/826.b591eecc.chunk.css.map
similarity index 75%
rename from docs/static/css/826.4df0976b.chunk.css.map
rename to docs/static/css/826.b591eecc.chunk.css.map
index 7bb2fa09..a759e32a 100644
--- a/docs/static/css/826.4df0976b.chunk.css.map
+++ b/docs/static/css/826.b591eecc.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/826.4df0976b.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxList.module.scss","webpack://dibk-design/./src/stories/CheckBoxListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\nfieldset.checkBoxList {\n    margin: 0;\n    padding: 0;\n    border: none;\n    legend {\n        color: #000;\n        display: block;\n        font-size: 1rem;\n        font-weight: bold;\n        line-height: 1.2;\n        margin-bottom: 2px;\n        font-family: $default-font;\n        overflow-wrap: break-word;\n        .requiredSymbol {\n            width: 1em;\n            height: 1em;\n            font-size: 0.4em;\n            vertical-align: top;\n            margin-top: 2px;\n        }\n    }\n}\n","@import \"../style/global.scss\";\n\n.checkBoxListItem {\n    @include box-sizing(content-box);\n    @include border-radius(0);\n    @include transition(all $default-transition);\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-align-items: flex-start;\n    -webkit-box-align: flex-start;\n    -ms-flex-align: flex-start;\n    align-items: flex-start;\n    cursor: pointer;\n    font-family: $default-font;\n    position: relative;\n    font-size: 17px;\n    color: #000;\n\n    &:not(.contentOnly):not(.compact) {\n        border: 1px solid $color-secondary-light;\n        background: white;\n        margin-bottom: 8px;\n        label {\n            padding: 20px;\n        }\n    }\n\n    &.contentOnly {\n        cursor: auto;\n        label {\n            cursor: auto;\n            padding: 5px 10px;\n        }\n    }\n\n    &.disabled {\n        label {\n            cursor: auto;\n        }\n    }\n\n    &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        background-color: $color-secondary-light;\n    }\n\n    &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        &:hover {\n            background-color: $color-secondary-x-light;\n        }\n        &:focus-within {\n            background-color: $color-secondary-x-light;\n        }\n    }\n\n    label {\n        width: 100%;\n        padding: 10px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    &.compact {\n        display: table;\n        label {\n            padding: 6px 4px;\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/826.b591eecc.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxList.module.scss","webpack://dibk-design/./src/stories/CheckBoxListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\nfieldset.checkBoxList {\n    margin: 0;\n    padding: 0;\n    border: none;\n    legend {\n        color: #000;\n        display: block;\n        font-size: 1rem;\n        font-weight: bold;\n        line-height: 1.2;\n        margin-bottom: 2px;\n        font-family: $default-font;\n        overflow-wrap: break-word;\n        .requiredSymbol {\n            width: 1em;\n            height: 1em;\n            font-size: 0.4em;\n            vertical-align: top;\n            margin-top: 2px;\n        }\n    }\n}\n","@import \"../style/global.scss\";\n\n.checkBoxListItem {\n    @include box-sizing(content-box);\n    @include border-radius(0);\n    @include transition(all $default-transition);\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-align-items: flex-start;\n    -webkit-box-align: flex-start;\n    -ms-flex-align: flex-start;\n    align-items: flex-start;\n    cursor: pointer;\n    font-family: $default-font;\n    position: relative;\n    font-size: 16px;\n    line-height: 24px;\n    color: #000;\n\n    &:not(.contentOnly):not(.compact) {\n        border: 1px solid $color-secondary-light;\n        background: white;\n        margin-bottom: 8px;\n        label {\n            padding: 20px;\n        }\n    }\n\n    &.contentOnly {\n        cursor: auto;\n        label {\n            cursor: auto;\n            padding: 5px 10px;\n        }\n    }\n\n    &.disabled {\n        label {\n            cursor: auto;\n        }\n    }\n\n    &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        background-color: $color-secondary-light;\n    }\n\n    &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        &:hover {\n            background-color: $color-secondary-x-light;\n        }\n        &:focus-within {\n            background-color: $color-secondary-x-light;\n        }\n    }\n\n    label {\n        width: 100%;\n        padding: 10px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    &.compact {\n        display: table;\n        label {\n            padding: 6px 4px;\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/956.00938068.chunk.css b/docs/static/css/956.0abda00a.chunk.css
similarity index 94%
rename from docs/static/css/956.00938068.chunk.css
rename to docs/static/css/956.0abda00a.chunk.css
index 1bb64a81..32dd86d0 100644
--- a/docs/static/css/956.00938068.chunk.css
+++ b/docs/static/css/956.0abda00a.chunk.css
@@ -1,4 +1,4 @@
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxIcon_main-content__QwQvM{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxIcon_main-content__QwQvM{padding:0 40px}}.CheckBoxIcon_checkBoxIcon__VJORn{border-radius:0;transition:all .1s ease-in-out;box-sizing:content-box;display:inline-block;vertical-align:middle;min-width:10px;width:10px;height:10px;min-width:20px;margin-right:.2em;line-height:1;text-align:center;cursor:pointer}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_showBox__kXsHb{margin-right:.4em;margin-top:2px;background:#fff}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_showBox__kXsHb:not(.CheckBoxIcon_hasErrors__E-tBP){box-shadow:0 0 0 1px #003045}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_showBox__kXsHb.CheckBoxIcon_hasErrors__E-tBP{box-shadow:0 0 0 1px #db0000}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_checked__3BIaI{color:#003045}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_checked__3BIaI.CheckBoxIcon_hasErrors__E-tBP span{color:#db0000}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_checked__3BIaI.CheckBoxIcon_showBox__kXsHb:not(.CheckBoxIcon_hasErrors__E-tBP){box-shadow:0 0 0 1px #003045}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_checked__3BIaI.CheckBoxIcon_showBox__kXsHb.CheckBoxIcon_hasErrors__E-tBP{box-shadow:0 0 0 1px #db0000}.CheckBoxIcon_checkBoxIcon__VJORn.CheckBoxIcon_disabled__wR4l5{opacity:.4;background:rgba(0,0,0,.25);cursor:default}.CheckBoxIcon_checkBoxIcon__VJORn .CheckBoxIcon_checkmark__AYJil{font-size:1em;line-height:.75em}.CheckBoxIcon_checkBoxIcon__VJORn :not(.CheckBoxIcon_showBox__kXsHb).CheckBoxIcon_checkmark__AYJil{line-height:1.05em}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxInput_main-content__12RpE{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxInput_main-content__12RpE{padding:0 40px}}.CheckBoxInput_checkBoxInput__EA2sv{display:flex;margin-right:1em;border:1px solid rgba(0,0,0,0)}.CheckBoxInput_checkBoxInput__EA2sv .CheckBoxInput_requiredSymbol__-EpwM{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.CheckBoxInput_checkBoxInput__EA2sv:not(.CheckBoxInput_contentOnly__PtpWq):not(.CheckBoxInput_disabled__ehltK){cursor:pointer}.CheckBoxInput_checkBoxInput__EA2sv:not(.CheckBoxInput_contentOnly__PtpWq):not(.CheckBoxInput_disabled__ehltK) input{cursor:pointer}.CheckBoxInput_checkBoxInput__EA2sv .CheckBoxInput_labelText__W9PxH{color:#003045}.CheckBoxInput_checkBoxInput__EA2sv.CheckBoxInput_disabled__ehltK .CheckBoxInput_labelText__W9PxH{opacity:.4}.CheckBoxInput_checkBoxInput__EA2sv.CheckBoxInput_hasErrors__ecreb span{color:#db0000}.CheckBoxInput_checkBoxInput__EA2sv:focus-within{outline-width:2px;outline-color:#003045;outline-style:auto;outline-offset:1px}.CheckBoxInput_checkBoxInput__EA2sv input[type=checkbox]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxInput_main-content__12RpE{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxInput_main-content__12RpE{padding:0 40px}}.CheckBoxInput_checkBoxInput__EA2sv{display:flex;margin-right:1em;border:1px solid rgba(0,0,0,0)}.CheckBoxInput_checkBoxInput__EA2sv .CheckBoxInput_requiredSymbol__-EpwM{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.CheckBoxInput_checkBoxInput__EA2sv:not(.CheckBoxInput_contentOnly__PtpWq):not(.CheckBoxInput_disabled__ehltK){cursor:pointer}.CheckBoxInput_checkBoxInput__EA2sv:not(.CheckBoxInput_contentOnly__PtpWq):not(.CheckBoxInput_disabled__ehltK) input{cursor:pointer}.CheckBoxInput_checkBoxInput__EA2sv .CheckBoxInput_labelText__W9PxH{font-size:16px;line-height:24px;color:#003045}.CheckBoxInput_checkBoxInput__EA2sv.CheckBoxInput_disabled__ehltK .CheckBoxInput_labelText__W9PxH{opacity:.4}.CheckBoxInput_checkBoxInput__EA2sv.CheckBoxInput_hasErrors__ecreb span{color:#db0000}.CheckBoxInput_checkBoxInput__EA2sv:focus-within{outline-width:2px;outline-color:#003045;outline-style:auto;outline-offset:1px}.CheckBoxInput_checkBoxInput__EA2sv input[type=checkbox]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=956.00938068.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=956.0abda00a.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/956.00938068.chunk.css.map b/docs/static/css/956.0abda00a.chunk.css.map
similarity index 94%
rename from docs/static/css/956.00938068.chunk.css.map
rename to docs/static/css/956.0abda00a.chunk.css.map
index 574bc769..84669836 100644
--- a/docs/static/css/956.00938068.chunk.css.map
+++ b/docs/static/css/956.0abda00a.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/956.00938068.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxIcon.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-shadow.scss","webpack://dibk-design/./src/stories/CheckBoxInput.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.checkBoxIcon {\n    @include border-radius(0);\n    @include transition(all 0.1s ease-in-out);\n    @include box-sizing(content-box);\n    display: inline-block;\n    vertical-align: middle;\n    min-width: 10px;\n    width: 10px;\n    height: 10px;\n    min-width: 20px;\n    margin-right: 0.2em;\n    line-height: 1;\n    text-align: center;\n    cursor: pointer;\n\n    &.showBox {\n        margin-right: 0.4em;\n        margin-top: 2px;\n        background: white;\n        &:not(.hasErrors) {\n            @include box-shadow(0 0 0 1px $color-primary);\n        }\n        &.hasErrors {\n            @include box-shadow(0 0 0 1px $color-error);\n        }\n    }\n\n    &.checked {\n        color: $color-primary;\n        &.hasErrors {\n            span {\n                color: $color-error;\n            }\n        }\n        &.showBox {\n            &:not(.hasErrors) {\n                @include box-shadow(0 0 0 1px $color-primary);\n            }\n            &.hasErrors {\n                @include box-shadow(0 0 0 1px $color-error);\n            }\n        }\n    }\n\n    &.disabled {\n        opacity: 0.4;\n        background: rgba(0, 0, 0, 0.25);\n        cursor: default;\n    }\n\n    .checkmark {\n        font-size: 1em;\n        line-height: 0.75em;\n    }\n    :not(.showBox) {\n        &.checkmark {\n            line-height: 1.05em;\n        }\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n","@mixin box-shadow($shadows...) {\n    -webkit-box-shadow: $shadows;\n    -moz-box-shadow: $shadows;\n    box-shadow: $shadows;\n}\n","@import \"../style/global.scss\";\n\n.checkBoxInput {\n    display: flex;\n    margin-right: 1em;\n    border: 1px solid transparent;\n\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    &:not(.contentOnly):not(.disabled) {\n        cursor: pointer;\n        input {\n            cursor: pointer;\n        }\n    }\n\n    .labelText {\n        color: $color-primary;\n    }\n\n    &.disabled {\n        .labelText {\n            opacity: 0.4;\n        }\n    }\n\n    &.hasErrors {\n        span {\n            color: $color-error;\n        }\n    }\n\n    &:focus-within {\n        outline-width: 2px;\n        outline-color: $color-primary;\n        outline-style: auto;\n        outline-offset: 1px;\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/956.0abda00a.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxIcon.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-sizing.scss","webpack://dibk-design/./src/style/abstracts/mixins/_box-shadow.scss","webpack://dibk-design/./src/stories/CheckBoxInput.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.checkBoxIcon {\n    @include border-radius(0);\n    @include transition(all 0.1s ease-in-out);\n    @include box-sizing(content-box);\n    display: inline-block;\n    vertical-align: middle;\n    min-width: 10px;\n    width: 10px;\n    height: 10px;\n    min-width: 20px;\n    margin-right: 0.2em;\n    line-height: 1;\n    text-align: center;\n    cursor: pointer;\n\n    &.showBox {\n        margin-right: 0.4em;\n        margin-top: 2px;\n        background: white;\n        &:not(.hasErrors) {\n            @include box-shadow(0 0 0 1px $color-primary);\n        }\n        &.hasErrors {\n            @include box-shadow(0 0 0 1px $color-error);\n        }\n    }\n\n    &.checked {\n        color: $color-primary;\n        &.hasErrors {\n            span {\n                color: $color-error;\n            }\n        }\n        &.showBox {\n            &:not(.hasErrors) {\n                @include box-shadow(0 0 0 1px $color-primary);\n            }\n            &.hasErrors {\n                @include box-shadow(0 0 0 1px $color-error);\n            }\n        }\n    }\n\n    &.disabled {\n        opacity: 0.4;\n        background: rgba(0, 0, 0, 0.25);\n        cursor: default;\n    }\n\n    .checkmark {\n        font-size: 1em;\n        line-height: 0.75em;\n    }\n    :not(.showBox) {\n        &.checkmark {\n            line-height: 1.05em;\n        }\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin box-sizing($box-model) {\n  -webkit-box-sizing: $box-model; // Safari <= 5\n     -moz-box-sizing: $box-model; // Firefox <= 19\n          box-sizing: $box-model;\n}\n","@mixin box-shadow($shadows...) {\n    -webkit-box-shadow: $shadows;\n    -moz-box-shadow: $shadows;\n    box-shadow: $shadows;\n}\n","@import \"../style/global.scss\";\n\n.checkBoxInput {\n    display: flex;\n    margin-right: 1em;\n    border: 1px solid transparent;\n\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    &:not(.contentOnly):not(.disabled) {\n        cursor: pointer;\n        input {\n            cursor: pointer;\n        }\n    }\n\n    .labelText {\n        font-size: 16px;\n        line-height: 24px;\n        color: $color-primary;\n    }\n\n    &.disabled {\n        .labelText {\n            opacity: 0.4;\n        }\n    }\n\n    &.hasErrors {\n        span {\n            color: $color-error;\n        }\n    }\n\n    &:focus-within {\n        outline-width: 2px;\n        outline-color: $color-primary;\n        outline-style: auto;\n        outline-offset: 1px;\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css b/docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css
similarity index 70%
rename from docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css
rename to docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css
index fadb2043..a893fc39 100644
--- a/docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css
+++ b/docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css
@@ -1,3 +1,3 @@
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxListItem_main-content__BueRR{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxListItem_main-content__BueRR{padding:0 40px}}.CheckBoxListItem_checkBoxListItem__6jvY5{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:17px;color:#000}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF) label{padding:20px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ label{cursor:auto;padding:5px 10px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_disabled__RvGxr label{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_checked__IzxSb:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw){background-color:#c7e0f2}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):hover{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):focus-within{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5 label{width:100%;padding:10px;margin:0;cursor:pointer}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF{display:table}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF label{padding:6px 4px}.CheckBoxListItem_checkBoxListItem__6jvY5 input[type=checkbox]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.CheckBoxListItem_main-content__BueRR{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.CheckBoxListItem_main-content__BueRR{padding:0 40px}}.CheckBoxListItem_checkBoxListItem__6jvY5{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:16px;line-height:24px;color:#000}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF) label{padding:20px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_contentOnly__M3EGZ label{cursor:auto;padding:5px 10px}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_disabled__RvGxr label{cursor:auto}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_checked__IzxSb:not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw){background-color:#c7e0f2}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):hover{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5:not(.CheckBoxListItem_checked__IzxSb):not(.CheckBoxListItem_contentOnly__M3EGZ):not(.CheckBoxListItem_compact__izjFF):not(.CheckBoxListItem_disabled__RvGxr):not(.CheckBoxListItem_hasTheme__EPbTw):focus-within{background-color:#ebf4fa}.CheckBoxListItem_checkBoxListItem__6jvY5 label{width:100%;padding:10px;margin:0;cursor:pointer}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF{display:table}.CheckBoxListItem_checkBoxListItem__6jvY5.CheckBoxListItem_compact__izjFF label{padding:6px 4px}.CheckBoxListItem_checkBoxListItem__6jvY5 input[type=checkbox]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=stories-CheckBoxListItem-stories.044fef1f.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=stories-CheckBoxListItem-stories.657c6706.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css.map b/docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css.map
similarity index 73%
rename from docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css.map
rename to docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css.map
index 4f38cb2a..f0f31852 100644
--- a/docs/static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css.map
+++ b/docs/static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/stories-CheckBoxListItem-stories.044fef1f.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.checkBoxListItem {\n    @include box-sizing(content-box);\n    @include border-radius(0);\n    @include transition(all $default-transition);\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-align-items: flex-start;\n    -webkit-box-align: flex-start;\n    -ms-flex-align: flex-start;\n    align-items: flex-start;\n    cursor: pointer;\n    font-family: $default-font;\n    position: relative;\n    font-size: 17px;\n    color: #000;\n\n    &:not(.contentOnly):not(.compact) {\n        border: 1px solid $color-secondary-light;\n        background: white;\n        margin-bottom: 8px;\n        label {\n            padding: 20px;\n        }\n    }\n\n    &.contentOnly {\n        cursor: auto;\n        label {\n            cursor: auto;\n            padding: 5px 10px;\n        }\n    }\n\n    &.disabled {\n        label {\n            cursor: auto;\n        }\n    }\n\n    &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        background-color: $color-secondary-light;\n    }\n\n    &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        &:hover {\n            background-color: $color-secondary-x-light;\n        }\n        &:focus-within {\n            background-color: $color-secondary-x-light;\n        }\n    }\n\n    label {\n        width: 100%;\n        padding: 10px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    &.compact {\n        display: table;\n        label {\n            padding: 6px 4px;\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/stories-CheckBoxListItem-stories.657c6706.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/CheckBoxListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.checkBoxListItem {\n    @include box-sizing(content-box);\n    @include border-radius(0);\n    @include transition(all $default-transition);\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-align-items: flex-start;\n    -webkit-box-align: flex-start;\n    -ms-flex-align: flex-start;\n    align-items: flex-start;\n    cursor: pointer;\n    font-family: $default-font;\n    position: relative;\n    font-size: 16px;\n    line-height: 24px;\n    color: #000;\n\n    &:not(.contentOnly):not(.compact) {\n        border: 1px solid $color-secondary-light;\n        background: white;\n        margin-bottom: 8px;\n        label {\n            padding: 20px;\n        }\n    }\n\n    &.contentOnly {\n        cursor: auto;\n        label {\n            cursor: auto;\n            padding: 5px 10px;\n        }\n    }\n\n    &.disabled {\n        label {\n            cursor: auto;\n        }\n    }\n\n    &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        background-color: $color-secondary-light;\n    }\n\n    &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n        &:hover {\n            background-color: $color-secondary-x-light;\n        }\n        &:focus-within {\n            background-color: $color-secondary-x-light;\n        }\n    }\n\n    label {\n        width: 100%;\n        padding: 10px;\n        margin: 0;\n        cursor: pointer;\n    }\n\n    &.compact {\n        display: table;\n        label {\n            padding: 6px 4px;\n        }\n    }\n\n    input[type=\"checkbox\"] {\n        opacity: 0;\n        position: absolute;\n    }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css b/docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css
similarity index 91%
rename from docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css
rename to docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css
index 6c0e3691..84b8bd3d 100644
--- a/docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css
+++ b/docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css
@@ -1,5 +1,5 @@
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}.ErrorMessage_errorMessage__Xc7GT{display:block;color:#db0000;font-size:16px;font-weight:400;line-height:1.2;margin:4px 0;font-family:"PP Mori","Open Sans",arial,sans-serif;font-style:italic;overflow-wrap:break-word}@media only screen and (min-width: 640px){.ErrorMessage_errorMessage__Xc7GT{font-size:19px}}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}@keyframes ErrorMessage_messageIn__V9ws2{0%{opacity:0;transform:translateX(2em)}}.ErrorMessage_errorMessage__Xc7GT{display:flex;align-items:center;font-family:"PP Mori","Open Sans",arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.01em;color:#db0000;margin:12px 0 0;animation:1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running ErrorMessage_messageIn__V9ws2}.ErrorMessage_errorMessage__Xc7GT .ErrorMessage_errorSign__bvyyH{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:.5em}
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.Label_main-content__6a52r{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.Label_main-content__6a52r{padding:0 40px}}.Label_label__-hK3X{color:#000;display:block;font-size:1rem;font-weight:bold;line-height:1.2;margin-bottom:2px;font-family:"PP Mori","Open Sans",arial,sans-serif;overflow-wrap:break-word}.Label_label__-hK3X.Label_inline__ptpwp{display:inline-block}.Label_label__-hK3X:not(.Label_normalCursor__XJx16){cursor:pointer}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.DragAndDropFileInput_main-content__m6Mdm{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.DragAndDropFileInput_main-content__m6Mdm{padding:0 40px}}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_requiredSymbol__PBzLI{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5{transition:all .1s ease-in-out;border:2px dashed #ccc;border-radius:20px;width:100%;padding:20px;text-align:center}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5 input{display:none}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5 button{margin:14px 0 0}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5.DragAndDropFileInput_highlighted__jqu2s{background:#f1fae3;border-color:#003045}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.DragAndDropFileInput_main-content__m6Mdm{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.DragAndDropFileInput_main-content__m6Mdm{padding:0 40px}}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_requiredSymbol__PBzLI{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5{transition:all .1s ease-in-out;border:2px dashed #c7e0f2;border-radius:20px;width:100%;padding:20px;text-align:center;background-color:#fff}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5 input{display:none}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5 button{margin:14px 0 0}.DragAndDropFileInput_dragAndDropFileInput__rRO7Z .DragAndDropFileInput_dragAndDropContainer__Mpay5.DragAndDropFileInput_highlighted__jqu2s{background:#ebf4fa;border-color:#003045}
 
-/*# sourceMappingURL=stories-DragAndDropFileInput-stories.495dc9ca.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=stories-DragAndDropFileInput-stories.997d4133.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css.map b/docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css.map
similarity index 75%
rename from docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css.map
rename to docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css.map
index 393be97e..e2adffa7 100644
--- a/docs/static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css.map
+++ b/docs/static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/stories-DragAndDropFileInput-stories.495dc9ca.chunk.css","mappings":"AAEA;AAAA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss","webpack://dibk-design/./src/stories/Label.module.scss","webpack://dibk-design/./src/stories/DragAndDropFileInput.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.errorMessage {\n    display: block;\n    color: $color-error;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.2;\n    margin: 4px 0;\n    font-family: $default-font;\n    font-style: italic;\n    overflow-wrap: break-word;\n    @media only screen and (min-width: $screen-sm) {\n        font-size: 19px;\n    }\n}\n","@import \"../style/global.scss\";\n\n.label {\n    color: #000;\n    display: block;\n    font-size: 1rem;\n    font-weight: bold;\n    line-height: 1.2;\n    margin-bottom: 2px;\n    font-family: $default-font;\n    overflow-wrap: break-word;\n    &.inline {\n        display: inline-block;\n    }\n    &:not(.normalCursor) {\n        cursor: pointer;\n    }\n}\n","@import \"../style/global.scss\";\n\n.dragAndDropFileInput {\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    .dragAndDropContainer {\n        @include transition(all 0.1s ease-in-out);\n        border: 2px dashed #ccc;\n        border-radius: 20px;\n        width: 100%;\n        padding: 20px;\n        text-align: center;\n\n        input {\n            display: none;\n        }\n\n        button {\n            margin: 14px 0 0;\n        }\n\n        &.highlighted {\n            background: $color-default-background;\n            border-color: $color-primary;\n        }\n    }\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/stories-DragAndDropFileInput-stories.997d4133.chunk.css","mappings":"AAEA;AAAA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss","webpack://dibk-design/./src/stories/Label.module.scss","webpack://dibk-design/./src/stories/DragAndDropFileInput.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n@keyframes messageIn {\n    0% {\n        opacity: 0;\n        transform: translateX(2em);\n    }\n}\n\n.errorMessage {\n    display: flex;\n    align-items: center;\n    font-family: $default-font;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    letter-spacing: 0.01em;\n    color: $color-error;\n    margin: 12px 0 0;\n    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running messageIn;\n    .errorSign {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 0.5em;\n    }\n}\n","@import \"../style/global.scss\";\n\n.label {\n    color: #000;\n    display: block;\n    font-size: 1rem;\n    font-weight: bold;\n    line-height: 1.2;\n    margin-bottom: 2px;\n    font-family: $default-font;\n    overflow-wrap: break-word;\n    &.inline {\n        display: inline-block;\n    }\n    &:not(.normalCursor) {\n        cursor: pointer;\n    }\n}\n","@import \"../style/global.scss\";\n\n.dragAndDropFileInput {\n    .requiredSymbol {\n        width: 1em;\n        height: 1em;\n        font-size: 0.4em;\n        vertical-align: top;\n        margin-top: 2px;\n    }\n\n    .dragAndDropContainer {\n        @include transition(all 0.1s ease-in-out);\n        border: 2px dashed $color-secondary-light;\n        border-radius: 20px;\n        width: 100%;\n        padding: 20px;\n        text-align: center;\n        background-color: #fff;\n\n        input {\n            display: none;\n        }\n\n        button {\n            margin: 14px 0 0;\n        }\n\n        &.highlighted {\n            background: $color-secondary-x-light;\n            border-color: $color-primary;\n        }\n    }\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css b/docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css
similarity index 87%
rename from docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css
rename to docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css
index c53a61a1..e4520492 100644
--- a/docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css
+++ b/docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css
@@ -1,3 +1,3 @@
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}.ErrorMessage_errorMessage__Xc7GT{display:block;color:#db0000;font-size:16px;font-weight:400;line-height:1.2;margin:4px 0;font-family:"PP Mori","Open Sans",arial,sans-serif;font-style:italic;overflow-wrap:break-word}@media only screen and (min-width: 640px){.ErrorMessage_errorMessage__Xc7GT{font-size:19px}}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.ErrorMessage_main-content__BTHJL{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.ErrorMessage_main-content__BTHJL{padding:0 40px}}@keyframes ErrorMessage_messageIn__V9ws2{0%{opacity:0;transform:translateX(2em)}}.ErrorMessage_errorMessage__Xc7GT{display:flex;align-items:center;font-family:"PP Mori","Open Sans",arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.01em;color:#db0000;margin:12px 0 0;animation:1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running ErrorMessage_messageIn__V9ws2}.ErrorMessage_errorMessage__Xc7GT .ErrorMessage_errorSign__bvyyH{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:.5em}
 
-/*# sourceMappingURL=stories-ErrorMessage-stories.f7d1d8a1.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=stories-ErrorMessage-stories.4497ae06.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css.map b/docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css.map
similarity index 91%
rename from docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css.map
rename to docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css.map
index 06e60b6e..a416a7cd 100644
--- a/docs/static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css.map
+++ b/docs/static/css/stories-ErrorMessage-stories.4497ae06.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/stories-ErrorMessage-stories.f7d1d8a1.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.errorMessage {\n    display: block;\n    color: $color-error;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.2;\n    margin: 4px 0;\n    font-family: $default-font;\n    font-style: italic;\n    overflow-wrap: break-word;\n    @media only screen and (min-width: $screen-sm) {\n        font-size: 19px;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/stories-ErrorMessage-stories.4497ae06.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/ErrorMessage.module.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n@keyframes messageIn {\n    0% {\n        opacity: 0;\n        transform: translateX(2em);\n    }\n}\n\n.errorMessage {\n    display: flex;\n    align-items: center;\n    font-family: $default-font;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    letter-spacing: 0.01em;\n    color: $color-error;\n    margin: 12px 0 0;\n    animation: 1000ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running messageIn;\n    .errorSign {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 0.5em;\n    }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css b/docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css
similarity index 81%
rename from docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css
rename to docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css
index 753058b0..edd25531 100644
--- a/docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css
+++ b/docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css
@@ -1,4 +1,4 @@
 @font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonList_main-content__spLYk{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonList_main-content__spLYk{padding:0 40px}}fieldset.RadioButtonList_radioButtonList__t1T7R{margin:0;padding:0;border:none}fieldset.RadioButtonList_radioButtonList__t1T7R legend{color:#000;display:block;font-size:1rem;font-weight:bold;line-height:1.2;margin-bottom:2px;font-family:"PP Mori","Open Sans",arial,sans-serif;overflow-wrap:break-word}fieldset.RadioButtonList_radioButtonList__t1T7R legend .RadioButtonList_requiredSymbol__Wd-bv{width:1em;height:1em;font-size:.4em;vertical-align:top;margin-top:2px}
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonListItem_main-content__ToYnD{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonListItem_main-content__ToYnD{padding:0 40px}}.RadioButtonListItem_radioButtonListItem__h2FQz{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:17px;color:#000}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5) label{padding:20px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA label{cursor:auto;padding:5px 10px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_disabled__j\+2CG label{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_checked__7B6jO:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O){background-color:#c7e0f2}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:hover{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:focus-within{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz label{width:100%;padding:10px;margin:0;cursor:pointer}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5{display:table}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5 label{padding:6px 4px}.RadioButtonListItem_radioButtonListItem__h2FQz input[type=radio]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonListItem_main-content__ToYnD{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonListItem_main-content__ToYnD{padding:0 40px}}.RadioButtonListItem_radioButtonListItem__h2FQz{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:16px;line-height:24px;color:#000}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5) label{padding:20px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA label{cursor:auto;padding:5px 10px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_disabled__j\+2CG label{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_checked__7B6jO:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O){background-color:#c7e0f2}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:hover{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:focus-within{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz label{width:100%;padding:10px;margin:0;cursor:pointer}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5{display:table}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5 label{padding:6px 4px}.RadioButtonListItem_radioButtonListItem__h2FQz input[type=radio]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=stories-RadioButtonList-stories.a5344ad6.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=stories-RadioButtonList-stories.279b0a7f.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css.map b/docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css.map
similarity index 76%
rename from docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css.map
rename to docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css.map
index acb5b9ba..aa0a9006 100644
--- a/docs/static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css.map
+++ b/docs/static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/stories-RadioButtonList-stories.a5344ad6.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonList.module.scss","webpack://dibk-design/./src/stories/RadioButtonListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\nfieldset.radioButtonList {\n    margin: 0;\n    padding: 0;\n    border: none;\n    legend {\n        color: #000;\n        display: block;\n        font-size: 1rem;\n        font-weight: bold;\n        line-height: 1.2;\n        margin-bottom: 2px;\n        font-family: $default-font;\n        overflow-wrap: break-word;\n        .requiredSymbol {\n            width: 1em;\n            height: 1em;\n            font-size: 0.4em;\n            vertical-align: top;\n            margin-top: 2px;\n        }\n    }\n}\n","@import \"../style/global.scss\";\n\n.radioButtonListItem {\n  @include box-sizing(content-box);\n  @include border-radius(0);\n  @include transition(all $default-transition);\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: flex-start;\n  -webkit-box-align: flex-start;\n  -ms-flex-align: flex-start;\n  align-items: flex-start;\n  cursor: pointer;\n  font-family: $default-font;\n  position: relative;\n  font-size: 17px;\n  color: #000;\n\n  &:not(.contentOnly):not(.compact) {\n    border: 1px solid $color-secondary-light;\n    background: white;\n    margin-bottom: 8px;\n    label {\n      padding: 20px;\n    }\n  }\n\n  &.contentOnly {\n    cursor: auto;\n    label {\n      cursor: auto;\n      padding: 5px 10px;\n    }\n  }\n\n  &.disabled {\n    label {\n      cursor: auto;\n    }\n  }\n\n  &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n    background-color: $color-secondary-light;\n  }\n\n  &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme):hover {\n    &:hover {\n      background-color: $color-secondary-x-light;\n    }\n    &:focus-within {\n      background-color: $color-secondary-x-light;\n    }\n  }\n\n  label {\n    width: 100%;\n    padding: 10px;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &.compact {\n    display: table;\n    label {\n      padding: 6px 4px;\n    }\n  }\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n  }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/stories-RadioButtonList-stories.279b0a7f.chunk.css","mappings":"AAEA;AAAA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonList.module.scss","webpack://dibk-design/./src/stories/RadioButtonListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\nfieldset.radioButtonList {\n    margin: 0;\n    padding: 0;\n    border: none;\n    legend {\n        color: #000;\n        display: block;\n        font-size: 1rem;\n        font-weight: bold;\n        line-height: 1.2;\n        margin-bottom: 2px;\n        font-family: $default-font;\n        overflow-wrap: break-word;\n        .requiredSymbol {\n            width: 1em;\n            height: 1em;\n            font-size: 0.4em;\n            vertical-align: top;\n            margin-top: 2px;\n        }\n    }\n}\n","@import \"../style/global.scss\";\n\n.radioButtonListItem {\n  @include box-sizing(content-box);\n  @include border-radius(0);\n  @include transition(all $default-transition);\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: flex-start;\n  -webkit-box-align: flex-start;\n  -ms-flex-align: flex-start;\n  align-items: flex-start;\n  cursor: pointer;\n  font-family: $default-font;\n  position: relative;\n  font-size: 16px;\n  line-height: 24px;\n  color: #000;\n\n  &:not(.contentOnly):not(.compact) {\n    border: 1px solid $color-secondary-light;\n    background: white;\n    margin-bottom: 8px;\n    label {\n      padding: 20px;\n    }\n  }\n\n  &.contentOnly {\n    cursor: auto;\n    label {\n      cursor: auto;\n      padding: 5px 10px;\n    }\n  }\n\n  &.disabled {\n    label {\n      cursor: auto;\n    }\n  }\n\n  &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n    background-color: $color-secondary-light;\n  }\n\n  &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme):hover {\n    &:hover {\n      background-color: $color-secondary-x-light;\n    }\n    &:focus-within {\n      background-color: $color-secondary-x-light;\n    }\n  }\n\n  label {\n    width: 100%;\n    padding: 10px;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &.compact {\n    display: table;\n    label {\n      padding: 6px 4px;\n    }\n  }\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n  }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css b/docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css
similarity index 68%
rename from docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css
rename to docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css
index 6315ce18..a64d4d86 100644
--- a/docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css
+++ b/docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css
@@ -1,3 +1,3 @@
-@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonListItem_main-content__ToYnD{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonListItem_main-content__ToYnD{padding:0 40px}}.RadioButtonListItem_radioButtonListItem__h2FQz{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:17px;color:#000}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5) label{padding:20px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA label{cursor:auto;padding:5px 10px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_disabled__j\+2CG label{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_checked__7B6jO:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O){background-color:#c7e0f2}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:hover{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:focus-within{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz label{width:100%;padding:10px;margin:0;cursor:pointer}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5{display:table}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5 label{padding:6px 4px}.RadioButtonListItem_radioButtonListItem__h2FQz input[type=radio]{opacity:0;position:absolute}
+@font-face{font-family:"Altis";src:url(../../3886abdb6e435e50a9d2.eot#Altis) format("eot");src:local("Altis"),url(../../e9ee785b18e321be8e03.ttf) format("truetype"),url(../../2666853422c3cb1c6c60.svg) format("svg")}@font-face{font-family:"Altis-Light";src:url(../../eb742adcd6da57402641.eot#Altis-Light) format("eot");src:local("Altis-Light"),url(../../68b2f3857d9913e593fe.woff) format("woff"),url(../../b2e6545ca5df33d3500d.ttf) format("truetype"),url(../../4401e9b4b4728a8c945d.svg) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:url(../../2b468f1384e3c7886b23.eot);src:local(""),url(../../2b468f1384e3c7886b23.eot?#iefix) format("embedded-opentype"),url(../../a4933e7a22e115be5a67.woff2) format("woff2"),url(../../c0ed32a3ea09e1328768.woff) format("woff"),url(../../df9042c7bd2e79e1f3dc.ttf) format("truetype"),url(../../43861e56feb84c33e33d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:url(../../0b4e714784879c4df426.eot);src:local(""),url(../../0b4e714784879c4df426.eot?#iefix) format("embedded-opentype"),url(../../0a69e1398f51230ddf80.woff2) format("woff2"),url(../../3d8deabfbb86f3802d73.woff) format("woff"),url(../../d58b5ba82114cba2ff3b.ttf) format("truetype"),url(../../a9aff17ee65c2d3dd7a9.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../../fd395660b14acae81045.eot);src:local(""),url(../../fd395660b14acae81045.eot?#iefix) format("embedded-opentype"),url(../../44948da79361d8c1011f.woff2) format("woff2"),url(../../8516ced2c9ffba4e1487.woff) format("woff"),url(../../755ed58ead391f5acefd.ttf) format("truetype"),url(../../1418c060da5f38c8a0ff.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;src:url(../../d65e10db29e93b980bc8.eot);src:local(""),url(../../d65e10db29e93b980bc8.eot?#iefix) format("embedded-opentype"),url(../../31b54bb591f13b5af8eb.woff2) format("woff2"),url(../../da614a72b350f791e1b1.woff) format("woff"),url(../../cbe40cb16a95c2f3aa9f.ttf) format("truetype"),url(../../41c42f80ecf0f5998d0d.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;src:url(../../e48abb4b62120f04dfb5.eot);src:local(""),url(../../e48abb4b62120f04dfb5.eot?#iefix) format("embedded-opentype"),url(../../be60cf50e7de109e72e9.woff2) format("woff2"),url(../../a49b04c07bcb81bd813b.woff) format("woff"),url(../../88d296607e0b99399566.ttf) format("truetype"),url(../../93cf2e98154e6d16e58f.svg#OpenSans) format("svg")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;src:url(../../8c003e1fa110b9a48eb7.eot);src:local(""),url(../../8c003e1fa110b9a48eb7.eot?#iefix) format("embedded-opentype"),url(../../3f95af33a9c51f0b15c8.woff2) format("woff2"),url(../../c414c18816dfcf1ae9a2.woff) format("woff"),url(../../faf41a9c09c079830f3e.ttf) format("truetype"),url(../../1afc72a39951a938f31e.svg#OpenSans) format("svg")}@font-face{font-family:"PP Mori";src:url(../../e647e964441593fd7fdf.otf);font-weight:400;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../a3634370c49d37ffb7ef.otf);font-weight:400;font-style:italic}@font-face{font-family:"PP Mori";src:url(../../a7206f61a57944172b97.otf);font-weight:300;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../aa70ca6b21a4e5ae6309.otf);font-weight:500;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../336abfe2da355e4fa8dd.otf);font-weight:600;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../95b47f61ad16523a24bc.otf);font-weight:700;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../62ec566cedebd4795158.otf);font-weight:900;font-style:normal}@font-face{font-family:"PP Mori";src:url(../../f473176a0c94552bc805.otf);font-weight:200;font-style:normal}body{font-family:"PP Mori","Open Sans",arial,sans-serif;color:#202020;font-weight:normal;line-height:1.4;letter-spacing:.01em}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0}.RadioButtonListItem_main-content__ToYnD{padding:0 20px 20px;max-width:1280px;margin:0 auto;font-size:18px}@media only screen and (min-width: 1280px){.RadioButtonListItem_main-content__ToYnD{padding:0 40px}}.RadioButtonListItem_radioButtonListItem__h2FQz{box-sizing:content-box;border-radius:0;transition:all 200ms cubic-bezier(0.22, 1, 0.36, 1) 0s;display:flex;align-items:flex-start;cursor:pointer;font-family:"PP Mori","Open Sans",arial,sans-serif;position:relative;font-size:16px;line-height:24px;color:#000}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5){border:1px solid #c7e0f2;background:#fff;margin-bottom:8px}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5) label{padding:20px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_contentOnly__uY0IA label{cursor:auto;padding:5px 10px}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_disabled__j\+2CG label{cursor:auto}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_checked__7B6jO:not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O){background-color:#c7e0f2}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:hover{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz:not(.RadioButtonListItem_checked__7B6jO):not(.RadioButtonListItem_contentOnly__uY0IA):not(.RadioButtonListItem_compact__elaN5):not(.RadioButtonListItem_disabled__j\+2CG):not(.RadioButtonListItem_hasTheme__C3x5O):hover:focus-within{background-color:#ebf4fa}.RadioButtonListItem_radioButtonListItem__h2FQz label{width:100%;padding:10px;margin:0;cursor:pointer}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5{display:table}.RadioButtonListItem_radioButtonListItem__h2FQz.RadioButtonListItem_compact__elaN5 label{padding:6px 4px}.RadioButtonListItem_radioButtonListItem__h2FQz input[type=radio]{opacity:0;position:absolute}
 
-/*# sourceMappingURL=stories-RadioButtonListItem-stories.4a10b93e.chunk.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=stories-RadioButtonListItem-stories.5854d83c.chunk.css.map*/
\ No newline at end of file
diff --git a/docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css.map b/docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css.map
similarity index 74%
rename from docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css.map
rename to docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css.map
index b786f906..36ebb69c 100644
--- a/docs/static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css.map
+++ b/docs/static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css.map
@@ -1 +1 @@
-{"version":3,"file":"static/css/stories-RadioButtonListItem-stories.4a10b93e.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.radioButtonListItem {\n  @include box-sizing(content-box);\n  @include border-radius(0);\n  @include transition(all $default-transition);\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: flex-start;\n  -webkit-box-align: flex-start;\n  -ms-flex-align: flex-start;\n  align-items: flex-start;\n  cursor: pointer;\n  font-family: $default-font;\n  position: relative;\n  font-size: 17px;\n  color: #000;\n\n  &:not(.contentOnly):not(.compact) {\n    border: 1px solid $color-secondary-light;\n    background: white;\n    margin-bottom: 8px;\n    label {\n      padding: 20px;\n    }\n  }\n\n  &.contentOnly {\n    cursor: auto;\n    label {\n      cursor: auto;\n      padding: 5px 10px;\n    }\n  }\n\n  &.disabled {\n    label {\n      cursor: auto;\n    }\n  }\n\n  &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n    background-color: $color-secondary-light;\n  }\n\n  &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme):hover {\n    &:hover {\n      background-color: $color-secondary-x-light;\n    }\n    &:focus-within {\n      background-color: $color-secondary-x-light;\n    }\n  }\n\n  label {\n    width: 100%;\n    padding: 10px;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &.compact {\n    display: table;\n    label {\n      padding: 6px 4px;\n    }\n  }\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n  }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/css/stories-RadioButtonListItem-stories.5854d83c.chunk.css","mappings":"AAEA","sources":["webpack://dibk-design/./src/style/base/_fonts.scss","webpack://dibk-design/./src/style/base/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_typography.scss","webpack://dibk-design/./src/style/abstracts/variables/_colors.scss","webpack://dibk-design/./src/style/base/_reset.scss","webpack://dibk-design/./src/style/layout/_containers.scss","webpack://dibk-design/./src/stories/RadioButtonListItem.module.scss","webpack://dibk-design/./src/style/abstracts/mixins/_border-radius.scss","webpack://dibk-design/./src/style/abstracts/mixins/_transition.scss"],"sourcesContent":["$font-path: \"../../assets/fonts\";\n\n@font-face {\n\tfont-family: \"Altis\";\n\tsrc: url(\"#{$font-path}/Altis.eot#Altis\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis\"),\n\t\turl(\"#{$font-path}/Altis.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis.svg\") format(\"svg\");\n}\n\n@font-face {\n\tfont-family: \"Altis-Light\";\n\tsrc: url(\"#{$font-path}/Altis-Light.eot#Altis-Light\") format(\"eot\");\n\tsrc:\n\t\tlocal(\"Altis-Light\"),\n\t\turl(\"#{$font-path}/Altis-Light.woff\") format(\"woff\"),\n\t\turl(\"#{$font-path}/Altis-Light.ttf\") format(\"truetype\"),\n\t\turl(\"#{$font-path}/Altis-Light.svg\") format(\"svg\");\n}\n\n/* open-sans-300 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-regular - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-regular.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700 - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: normal;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-300italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 300;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-300italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 400;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-italic.svg#OpenSans\") format(\"svg\"); /* Legacy iOS */\n}\n/* open-sans-700italic - latin-ext_latin */\n@font-face {\n\tfont-family: \"Open Sans\";\n\tfont-style: italic;\n\tfont-weight: 700;\n\tsrc: url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot\"); /* IE9 Compat Modes */\n\tsrc:\n\t\tlocal(\"\"),\n\t\turl(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.eot?#iefix\") format(\"embedded-opentype\"),\n\t\t/* IE6-IE8 */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff2\") format(\"woff2\"),\n\t\t/* Super Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.woff\") format(\"woff\"),\n\t\t/* Modern Browsers */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.ttf\") format(\"truetype\"),\n\t\t/* Safari, Android, iOS */ url(\"#{$font-path}/open-sans-v27-latin-ext_latin-700italic.svg#OpenSans\")\n\t\t\tformat(\"svg\"); /* Legacy iOS */\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Regular.otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-RegularItalic.otf\");\n\tfont-weight: 400;\n\tfont-style: italic;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Book.otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Medium.otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-SemiBold.otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Bold.otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-ExtraBold.otf\");\n\tfont-weight: 900;\n\tfont-style: normal;\n}\n\n@font-face {\n\tfont-family: \"PP Mori\";\n\tsrc: url(\"#{$font-path}/PPMori-Light.otf\");\n\tfont-weight: 200;\n\tfont-style: normal;\n}\n","body {\n\tfont-family: $default-font;\n\tcolor: $color-default-text;\n\tfont-weight: normal;\n\tline-height: 1.4;\n\tletter-spacing: 0.01em;\n}\n","$default-font: \"PP Mori\", \"Open Sans\", arial, sans-serif;\n$heading-font: \"PP Mori\", \"Altis\", \"Open Sans\", arial, sans-serif;","$body-background: #ebf4fa;\n$color-default-text: #202020;\n$color-primary-text: #005275;\n\n$color-primary: #003045;\n$color-primary-light: #264f61;\n$color-primary-x-light: #406474;\n\n$color-secondary: #89bad6;\n$color-secondary-light: #c7e0f2;\n$color-secondary-x-light: #ebf4fa;\n\n$color-focus: rgba(0, 92, 173, 0.4);\n\n$color-default-background: #f1fae3;\n$color-secondary-background: #f5f0f0;\n\n$color-success: #43ac6a;\n\n$color-error: #db0000;\n$color-error-light: #ffc5c2;\n$color-error-x-light: #fceceb;\n\n$color-warning: #ffbe00;\n$color-warning-light: #fcefb6;\n$color-warning-x-light: #fff8db;\n\n$color-info: #a0d3e8;\n\n$color-light-cyan: #ecf2f6;\n\n$color-orange: #f08a24;\n$color-light-orange: #faefdf;\n\n$color-lime: #c9d12b;\n$color-light-lime: #f0f2cb;\n","* {\n\t-webkit-box-sizing: border-box; // Safari <= 5\n\t-moz-box-sizing: border-box; // Firefox <= 19\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody{\n\tmargin: 0;\n\tpadding: 0;\n}\n",".main-content {\n\tpadding: 0 20px 20px;\n\tmax-width: 1280px;\n\tmargin: 0 auto;\n\tfont-size: 18px;\n\t@media only screen and (min-width: $screen-lg){\n\t\tpadding: 0 40px;\n\t}\n}\n","@import \"../style/global.scss\";\n\n.radioButtonListItem {\n  @include box-sizing(content-box);\n  @include border-radius(0);\n  @include transition(all $default-transition);\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: flex-start;\n  -webkit-box-align: flex-start;\n  -ms-flex-align: flex-start;\n  align-items: flex-start;\n  cursor: pointer;\n  font-family: $default-font;\n  position: relative;\n  font-size: 16px;\n  line-height: 24px;\n  color: #000;\n\n  &:not(.contentOnly):not(.compact) {\n    border: 1px solid $color-secondary-light;\n    background: white;\n    margin-bottom: 8px;\n    label {\n      padding: 20px;\n    }\n  }\n\n  &.contentOnly {\n    cursor: auto;\n    label {\n      cursor: auto;\n      padding: 5px 10px;\n    }\n  }\n\n  &.disabled {\n    label {\n      cursor: auto;\n    }\n  }\n\n  &.checked:not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme) {\n    background-color: $color-secondary-light;\n  }\n\n  &:not(.checked):not(.contentOnly):not(.compact):not(.disabled):not(.hasTheme):hover {\n    &:hover {\n      background-color: $color-secondary-x-light;\n    }\n    &:focus-within {\n      background-color: $color-secondary-x-light;\n    }\n  }\n\n  label {\n    width: 100%;\n    padding: 10px;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  &.compact {\n    display: table;\n    label {\n      padding: 6px 4px;\n    }\n  }\n\n  input[type=\"radio\"] {\n    opacity: 0;\n    position: absolute;\n  }\n}\n","@mixin border-radius($radius) {\n  -webkit-border-radius: $radius;\n  border-radius: $radius;\n}\n\n// Single side border-radius\n\n@mixin border-top-radius($radius) {\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n@mixin border-right-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-top-right-radius: $radius;\n  border-top-right-radius: $radius;\n}\n@mixin border-bottom-radius($radius) {\n  -webkit-border-bottom-right-radius: $radius;\n  border-bottom-right-radius: $radius;\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n}\n@mixin border-left-radius($radius) {\n  -webkit-border-bottom-left-radius: $radius;\n  border-bottom-left-radius: $radius;\n  -webkit-border-top-left-radius: $radius;\n  border-top-left-radius: $radius;\n}\n","@mixin transition($transition...) {\n    -moz-transition: $transition;\n    -o-transition: $transition;\n    -webkit-transition: $transition;\n    transition: $transition;\n}\n\n@mixin transition-property($property...) {\n    -moz-transition-property: $property;\n    -o-transition-property: $property;\n    -webkit-transition-property: $property;\n    transition-property: $property;\n}\n\n@mixin transition-duration($duration...) {\n    -moz-transition-property: $duration;\n    -o-transition-property: $duration;\n    -webkit-transition-property: $duration;\n    transition-property: $duration;\n}\n\n@mixin transition-timing-function($timing...) {\n    -moz-transition-timing-function: $timing;\n    -o-transition-timing-function: $timing;\n    -webkit-transition-timing-function: $timing;\n    transition-timing-function: $timing;\n}\n\n@mixin transition-delay($delay...) {\n    -moz-transition-delay: $delay;\n    -o-transition-delay: $delay;\n    -webkit-transition-delay: $delay;\n    transition-delay: $delay;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg b/docs/static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg
new file mode 100644
index 00000000..edf6bc1f
--- /dev/null
+++ b/docs/static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg
@@ -0,0 +1,15 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation">
+    <g clip-path="url(#clip0_1089_7422)">
+        <mask id="mask0_1089_7422" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" style="mask-type: alpha;">
+            <rect width="20" height="20" style="fill: white;"></rect>
+        </mask>
+        <g mask="url(#mask0_1089_7422)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.4775 4.4775 0 10 0C15.5225 0 20 4.4775 20 10C20 15.5225 15.5225 20 10 20C4.4775 20 0 15.5225 0 10ZM11 14.0766C11 14.8122 10.5188 15.3333 9.83335 15.3333C9.13335 15.3333 8.66669 14.8122 8.66669 14.0766C8.66669 13.341 9.13335 12.8046 9.83335 12.8046C10.5188 12.8046 11 13.341 11 14.0766ZM10.65 11.9463H8.98752L8.75419 4.66663H10.8834L10.65 11.9463Z" style="fill: rgb(219, 0, 0);"></path>
+        </g>
+    </g>
+    <defs>
+        <clipPath id="clip0_1089_7422">
+            <rect width="20" height="20" fill="white"></rect>
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/docs/stories-DragAndDropFileInput-stories.fa061ded.iframe.bundle.js b/docs/stories-DragAndDropFileInput-stories.69916d16.iframe.bundle.js
similarity index 89%
rename from docs/stories-DragAndDropFileInput-stories.fa061ded.iframe.bundle.js
rename to docs/stories-DragAndDropFileInput-stories.69916d16.iframe.bundle.js
index ea4b5171..7cba5c3a 100644
--- a/docs/stories-DragAndDropFileInput-stories.fa061ded.iframe.bundle.js
+++ b/docs/stories-DragAndDropFileInput-stories.69916d16.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[211,106],{"./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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.A,{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__,{A:()=>__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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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={"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.YY)(theme,color),color:(0,functions_theme.Jl)(theme,color),borderColor:(0,functions_theme.qc)(theme,color),borderWidth:(0,functions_theme.qc)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.IK)([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.N_?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.cb)(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__,{A:()=>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.YY)(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__,{A:()=>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
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[211,106],{"./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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.A,{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__,{A:()=>__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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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={"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.YY)(theme,color),color:(0,functions_theme.Jl)(theme,color),borderColor:(0,functions_theme.qc)(theme,color),borderWidth:(0,functions_theme.qc)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.IK)([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.N_?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.cb)(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__,{A:()=>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",ErrorMessage_module_errorSign="ErrorMessage_errorSign__bvyyH";const error_signurl=__webpack_require__.p+"static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsxs)("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.YY)(theme,"warning")}),children:[(0,jsx_runtime.jsx)("img",{src:error_signurl,alt:"",className:ErrorMessage_module_errorSign}),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__,{A:()=>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-ErrorMessage-stories.eb4575f8.iframe.bundle.js b/docs/stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js
similarity index 69%
rename from docs/stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js
rename to docs/stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js
index 0ceef5f1..425dd86e 100644
--- a/docs/stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js
+++ b/docs/stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[840],{"./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__.A,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.A,{...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__.A},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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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.YY)(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
+/*! For license information please see stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[840],{"./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__.A,argTypes:{}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ErrorMessage__WEBPACK_IMPORTED_MODULE_1__.A,{...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__.A},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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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",ErrorMessage_module_errorSign="ErrorMessage_errorSign__bvyyH";const error_signurl=__webpack_require__.p+"static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsxs)("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.YY)(theme,"warning")}),children:[(0,jsx_runtime.jsx)("img",{src:error_signurl,alt:"",className:ErrorMessage_module_errorSign}),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.eb4575f8.iframe.bundle.js.LICENSE.txt b/docs/stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-ErrorMessage-stories.eb4575f8.iframe.bundle.js.LICENSE.txt
rename to docs/stories-ErrorMessage-stories.8c4f655a.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-InputField-stories.1c19afef.iframe.bundle.js b/docs/stories-InputField-stories.1615cb96.iframe.bundle.js
similarity index 91%
rename from docs/stories-InputField-stories.1c19afef.iframe.bundle.js
rename to docs/stories-InputField-stories.1615cb96.iframe.bundle.js
index 6fb35c2b..3e81ee99 100644
--- a/docs/stories-InputField-stories.1c19afef.iframe.bundle.js
+++ b/docs/stories-InputField-stories.1615cb96.iframe.bundle.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[419],{"./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={"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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.k)(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.A,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})};InputField.defaultProps={onChange:()=>!1,name:"",type:"text",disabled:!1,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},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},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.A},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__,{A:()=>__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__,{k:()=>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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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={"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.YY)(theme,color),color:(0,functions_theme.Jl)(theme,color),borderColor:(0,functions_theme.qc)(theme,color),borderWidth:(0,functions_theme.qc)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.IK)([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.N_?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.cb)(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__,{A:()=>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.YY)(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__,{A:()=>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
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[419],{"./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={"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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.k)(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.A,{id:getErrorElementId(),content:props.errorMessage,theme:props.theme})]})};InputField.defaultProps={onChange:()=>!1,name:"",type:"text",disabled:!1,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},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},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.A},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__,{A:()=>__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__,{k:()=>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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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={"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.YY)(theme,color),color:(0,functions_theme.Jl)(theme,color),borderColor:(0,functions_theme.qc)(theme,color),borderWidth:(0,functions_theme.qc)(theme,color)?"1px":"0"}):null;var theme,color;const className=(0,helpers.IK)([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.N_?(0,jsx_runtime.jsx)(react.Fragment,{children:(childElements=react.Children.toArray(props.children),(0,helpers.cb)(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__,{A:()=>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",ErrorMessage_module_errorSign="ErrorMessage_errorSign__bvyyH";const error_signurl=__webpack_require__.p+"static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsxs)("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.YY)(theme,"warning")}),children:[(0,jsx_runtime.jsx)("img",{src:error_signurl,alt:"",className:ErrorMessage_module_errorSign}),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__,{A:()=>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-Select-stories.ae29842d.iframe.bundle.js b/docs/stories-Select-stories.6695be12.iframe.bundle.js
similarity index 90%
rename from docs/stories-Select-stories.ae29842d.iframe.bundle.js
rename to docs/stories-Select-stories.6695be12.iframe.bundle.js
index 6a89bbe4..2ba0b5a9 100644
--- a/docs/stories-Select-stories.ae29842d.iframe.bundle.js
+++ b/docs/stories-Select-stories.6695be12.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see stories-Select-stories.ae29842d.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[707],{"./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.J0)(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.YY)(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.A,{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.A,{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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}},className=(0,helpers.IK)([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.k)(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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.A,{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.A,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__,{A:()=>__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__,{k:()=>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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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.YY)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.YY)(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__,{A:()=>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_labelText="CheckBoxInput_labelText__W9PxH",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.A,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.A,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{className:CheckBoxInput_module_labelText,children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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__,{A:()=>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.A,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.cb)(childElements).map(((childElement,index)=>{var _childElement$props;return"CheckBoxListItem"===(null==childElement||null===(_childElement$props=childElement.props)||void 0===_childElement$props?void 0:_childElement$props.type)?react.cloneElement(childElement,{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}):childElement})))]});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__,{A:()=>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={"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",hasTheme:"CheckBoxListItem_hasTheme__EPbTw"};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,props.theme&&CheckBoxListItem_module.hasTheme],listItemClassNameString=(0,helpers.IK)(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.A,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔",type:"CheckBoxListItem"};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},type:{defaultValue:{value:'"CheckBoxListItem"',computed:!1},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__,{A:()=>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.YY)(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__,{A:()=>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
+/*! For license information please see stories-Select-stories.6695be12.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[707],{"./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.J0)(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.YY)(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.A,{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.A,{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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(theme,"warning")}):null,...(null===(_props$width=props.width)||void 0===_props$width?void 0:_props$width.length)&&{maxWidth:props.width}},className=(0,helpers.IK)([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.k)(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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.A,{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.A,{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.A,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__,{A:()=>__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__,{k:()=>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__,{IK:()=>classNameArrayToClassNameString,J0:()=>addFocusTrapInsideElement,cb:()=>cloneThroughFragments});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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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.YY)(props.theme,"primary"),[!props.hasErrors&&props.showBox&&"boxShadow"]:"0 0 0 1px ".concat((0,theme.YY)(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__,{A:()=>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_labelText="CheckBoxInput_labelText__W9PxH",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.A,{...iconProps}):(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsx)(CheckBoxIcon.A,{...iconProps}),(0,jsx_runtime.jsx)("input",{...inputProps})]}),(0,jsx_runtime.jsxs)("span",{className:CheckBoxInput_module_labelText,children:[props.children,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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__,{A:()=>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.A,alt:"",className:CheckBoxList_module_requiredSymbol})]}):null,(childElements=react.Children.toArray(props.children),(0,helpers.cb)(childElements).map(((childElement,index)=>{var _childElement$props;return"CheckBoxListItem"===(null==childElement||null===(_childElement$props=childElement.props)||void 0===_childElement$props?void 0:_childElement$props.type)?react.cloneElement(childElement,{requiredGroup:props.required,compact:props.compact,key:"checkboxListItem-".concat(index)}):childElement})))]});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__,{A:()=>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={"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",hasTheme:"CheckBoxListItem_hasTheme__EPbTw"};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,props.theme&&CheckBoxListItem_module.hasTheme],listItemClassNameString=(0,helpers.IK)(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.A,{...inputProps,children:props.children})})};CheckBoxListItem.defaultProps={checked:!1,disabled:!1,required:!1,requiredGroup:!1,id:"",name:"",contentOnly:!1,hasErrors:!1,checkmarkCharacter:"✔",type:"CheckBoxListItem"};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},type:{defaultValue:{value:'"CheckBoxListItem"',computed:!1},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__,{A:()=>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",ErrorMessage_module_errorSign="ErrorMessage_errorSign__bvyyH";const error_signurl=__webpack_require__.p+"static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsxs)("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.YY)(theme,"warning")}),children:[(0,jsx_runtime.jsx)("img",{src:error_signurl,alt:"",className:ErrorMessage_module_errorSign}),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__,{A:()=>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.ae29842d.iframe.bundle.js.LICENSE.txt b/docs/stories-Select-stories.6695be12.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Select-stories.ae29842d.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Select-stories.6695be12.iframe.bundle.js.LICENSE.txt
diff --git a/docs/stories-Textarea-stories.5b923b4c.iframe.bundle.js b/docs/stories-Textarea-stories.3d816d0e.iframe.bundle.js
similarity index 81%
rename from docs/stories-Textarea-stories.5b923b4c.iframe.bundle.js
rename to docs/stories-Textarea-stories.3d816d0e.iframe.bundle.js
index 64d1fe24..f5a7444c 100644
--- a/docs/stories-Textarea-stories.5b923b4c.iframe.bundle.js
+++ b/docs/stories-Textarea-stories.3d816d0e.iframe.bundle.js
@@ -1,2 +1,2 @@
-/*! For license information please see stories-Textarea-stories.5b923b4c.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[141],{"./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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(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.k)(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.A,{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.A},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__,{A:()=>__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__,{k:()=>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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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.YY)(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__,{A:()=>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
+/*! For license information please see stories-Textarea-stories.3d816d0e.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkdibk_design=self.webpackChunkdibk_design||[]).push([[141],{"./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.A,{htmlFor:props.id,children:[props.label,props.required&&(0,jsx_runtime.jsx)("img",{src:asteriskurl.A,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.YY)(theme,"warning")),borderColor:(0,functions_theme.YY)(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.k)(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.A,{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.A},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__,{A:()=>__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__,{k:()=>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__,{AG:()=>getThemeTextColor,IJ:()=>getThemeLogoPadding,Ib:()=>getThemeAppName,Jh:()=>getThemeLinkColor,Jl:()=>getThemePaletteTextColor,XK:()=>getThemeNavigationBarTextColor,YY:()=>getThemePaletteBackgroundColor,ZV:()=>getThemeLogo,o_:()=>getThemeNavigationBarBackgroundColor,qc:()=>getThemePaletteBorderColor});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__,{A:()=>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",ErrorMessage_module_errorSign="ErrorMessage_errorSign__bvyyH";const error_signurl=__webpack_require__.p+"static/media/error-sign.7a6e7e16ff428b32e85b5689baa71ded.svg";var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ErrorMessage=props=>{return(0,jsx_runtime.jsxs)("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.YY)(theme,"warning")}),children:[(0,jsx_runtime.jsx)("img",{src:error_signurl,alt:"",className:ErrorMessage_module_errorSign}),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__,{A:()=>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.5b923b4c.iframe.bundle.js.LICENSE.txt b/docs/stories-Textarea-stories.3d816d0e.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from docs/stories-Textarea-stories.5b923b4c.iframe.bundle.js.LICENSE.txt
rename to docs/stories-Textarea-stories.3d816d0e.iframe.bundle.js.LICENSE.txt