diff --git a/204.60b164f2.iframe.bundle.js b/204.60b164f2.iframe.bundle.js
new file mode 100644
index 00000000..c1f1f654
--- /dev/null
+++ b/204.60b164f2.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[204],{"./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js":(__unused_webpack_module,exports)=>{exports.Z=(sfc,props)=>{const target=sfc.__vccOpts||sfc;for(const[key,val]of props)target[key]=val;return target}},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined:hover{border:.125rem solid #00468e}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}.btn--dropdown{background:#fff;color:#303030;border:.125rem solid #303030}.btn--dropdown:hover{background:#303030;border:.125rem solid #303030}.btn--dropdown.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--dropdown.btn--md{padding:.375rem 1.25rem .375rem 1.25rem}.btn--dropdown.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,KACE,cAAA,CACA,iBAAA,CACA,kBCGe,CDFf,UCKY,CDJZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CAEA,WACE,kBAAA,CACA,UCHU,CDMZ,aACE,kBCVa,CDWb,UCRU,CDUV,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAIJ,eACE,eCtBU,CDuBV,aC1Ba,CD2Bb,4BAAA,CAEA,qBACE,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA,CAIJ,eACE,eC1CU,CD2CV,aC9Ca,CD+Cb,4BAAA,CAEA,qBACE,kBClDW,CDmDX,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n\n  &--filled {\n    background: $color-grey-900;\n    color: $color-white;\n\n    &.btn--sm {\n      padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n    }\n    &.btn--md {\n      padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n    }\n    &.btn--lg {\n      padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n    }\n  }\n\n  &--outlined {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      border: 0.125rem solid #00468e;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n\n  &--dropdown {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      background: $color-grey-900;\n      border: 0.125rem solid $color-grey-900;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.25rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/dropdown-button/DropdownButton.vue?vue&type=style&index=0&id=25b17570&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".dropdown{position:relative;width:fit-content}.dropdown .dropdown-button__content{display:flex;justify-content:flex-start;align-items:center;position:relative}.dropdown .dropdown-button__content .toggle-icon{position:relative;bottom:-0.15rem;margin-left:.15rem;transition:transform .3s ease}.dropdown .dropdown-button__content--open .toggle-icon{transform:rotateX(-180deg);bottom:0}.dropdown__content{width:100%;position:absolute;top:3rem;list-style:none;padding:0;margin:0;overflow:hidden;background-color:#fff;border-top:none;border-radius:.25rem;display:hidden;box-shadow:0 .2rem .3rem rgba(19,19,19,.35);animation-name:hideshow;animation-duration:.7s;animation-iteration-count:1;animation-direction:alternate}@keyframes hideshow{0%{opacity:0}100%{opacity:1}}.dropdown__content.show{display:block}.dropdown__item{padding:.75rem;cursor:pointer;min-width:6rem}.dropdown__item:hover{background-color:#303030;color:#fff}","",{version:3,sources:["webpack://./src/vue/components/dropdown-button/DropdownButton.vue","webpack://./src/vue/design/colors.scss","webpack://./src/vue/design/_box-shadow.scss","webpack://./src/vue/design/_hide-show-effect.scss"],names:[],mappings:"AAKA,UACE,iBAAA,CACA,iBAAA,CACA,oCACE,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,iBAAA,CACA,iDACE,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,6BAAA,CAIA,uDACE,0BAAA,CACA,QAAA,CAKN,mBACE,UAAA,CACA,iBAAA,CACA,QAAA,CACA,eAAA,CACA,SAAA,CACA,QAAA,CACA,eAAA,CACA,qBCxBU,CDyBV,eAAA,CACA,oBAAA,CACA,cAAA,CEhCA,2CANgB,CAAA,uBAAA,CCClB,sBAAA,CACA,2BAAA,CACA,6BAAA,CAEA,oBACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CHgCF,wBACE,aAAA,CAIJ,gBACE,cAAA,CACA,cAAA,CACA,cAAA,CAEA,sBACE,wBC7CW,CD8CX,UC3CQ",sourcesContent:['\n@import "../../design/hide-show-effect";\n@import "../../design/box-shadow";\n@import "../../design/colors.scss";\n\n.dropdown {\n  position: relative;\n  width: fit-content;\n  .dropdown-button__content {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    .toggle-icon {\n      position: relative;\n      bottom: -0.15rem;\n      margin-left: 0.15rem;\n      transition: transform 0.3s ease;\n    }\n\n    &--open {\n      .toggle-icon {\n        transform: rotateX(-180deg);\n        bottom: 0;\n      }\n    }\n  }\n\n  &__content {\n    width: 100%;\n    position: absolute;\n    top: 3rem;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    overflow: hidden;\n    background-color:$color-white;\n    border-top: none;\n    border-radius: 0.25rem;\n    display: hidden;\n    @include box-shadow(medium);\n    @include hide-show-effect;\n\n    &.show {\n      display: block;\n    }\n  }\n\n  &__item {\n    padding: 0.75rem;\n    cursor: pointer;\n    min-width: 6rem;\n\n    &:hover {\n      background-color: $color-grey-900;\n      color:$color-white;\n    }\n  }\n}\n',"// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n","$box-shadow-small: 0 0.1rem 0.2rem rgba(19, 19, 19, 0.15);\n$box-shadow-medium: 0 0.2rem 0.3rem rgba(19, 19, 19, 0.35);\n\n@mixin box-shadow($size: small) {\n  @if $size == small {\n    box-shadow: $box-shadow-small;\n  } @else if $size == medium {\n    box-shadow: $box-shadow-medium;\n  } @else {\n    box-shadow: 0;\n  }\n}\n","@mixin hide-show-effect() {\n  animation-name: hideshow;\n  animation-duration: 0.7s;\n  animation-iteration-count: 1;\n  animation-direction: alternate;\n\n  @keyframes hideshow {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/icon/Icon.vue?vue&type=style&index=0&id=90c4211a&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".material-icon{color:inherit}.material-icon__icon .custom-size-1em{font-size:1em}.material-icon__icon .custom-size-2em{font-size:2em}.material-icon__icon .custom-size-3em{font-size:3em}","",{version:3,sources:["webpack://./src/vue/components/icon/Icon.vue"],names:[],mappings:"AACA,eACE,aAAA,CAII,sCACE,aAAA,CADF,sCACE,aAAA,CADF,sCACE,aAAA",sourcesContent:["\n.material-icon {\n  color: inherit;\n\n  &__icon {\n    @each $size in (1em, 2em, 3em) {\n      .custom-size-#{$size} {\n        font-size: #{$size};\n      }\n    }\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:{size:String,type:String},setup:function setup(__props){var props=__props,isFilled=!props.type||"submit"===props.type||"filled"===props.type,isOutlined="outlined"===props.type,isDropdown="dropdown"===props.type;return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)(["btn",{"btn--filled":(0,vue_esm_bundler.SU)(isFilled)},{"btn--outlined":isOutlined},{"btn--dropdown":isDropdown},{"btn--sm":"sm"===__props.size},{"btn--md":!__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_4d637f2b_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z,options);Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"string"}},{name:"type",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}},"./src/vue/components/dropdown-button/DropdownButton.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>DropdownButton});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"dropdown"},_hoisted_2={key:0,class:"dropdown__content"},_hoisted_3=["onClick"];var Button=__webpack_require__("./src/vue/components/Button.vue"),Icon=__webpack_require__("./src/vue/components/icon/Icon.vue");const DropdownButtonvue_type_script_lang_js={setup:function setup(){var isOpen=(0,vue_esm_bundler.iH)(0),selectedOption=(0,vue_esm_bundler.iH)(null);return{isOpen,selectedOption,options:["Bokmål","Nynorsk","Samisk"],toggleDropdown:function toggleDropdown(){isOpen.value=!isOpen.value},selectOption:function selectOption(option){selectedOption.value=option,isOpen.value=!1}}},components:{Button:Button.Z,Icon:Icon.Z}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),DropdownButtonvue_type_style_index_0_id_25b17570_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/dropdown-button/DropdownButton.vue?vue&type=style&index=0&id=25b17570&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(DropdownButtonvue_type_style_index_0_id_25b17570_lang_scss.Z,options);DropdownButtonvue_type_style_index_0_id_25b17570_lang_scss.Z&&DropdownButtonvue_type_style_index_0_id_25b17570_lang_scss.Z.locals&&DropdownButtonvue_type_style_index_0_id_25b17570_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(DropdownButtonvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_Icon=(0,vue_esm_bundler.up)("Icon"),_component_Button=(0,vue_esm_bundler.up)("Button");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[(0,vue_esm_bundler.Wm)(_component_Button,{type:"dropdown",size:"lg",onClick:$setup.toggleDropdown},{default:(0,vue_esm_bundler.w5)((function(){var _$setup$selectedOptio;return[(0,vue_esm_bundler._)("span",{class:(0,vue_esm_bundler.C_)(["dropdown-button__content",{"dropdown-button__content--open":$setup.isOpen}])},[(0,vue_esm_bundler.Uk)((0,vue_esm_bundler.zw)(null!==(_$setup$selectedOptio=$setup.selectedOption)&&void 0!==_$setup$selectedOptio?_$setup$selectedOptio:$setup.options[0])+" ",1),(0,vue_esm_bundler.Wm)(_component_Icon,{class:"toggle-icon",size:"1.5em",name:"expand_more"})],2)]})),_:1},8,["onClick"]),$setup.isOpen?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("ul",_hoisted_2,[((0,vue_esm_bundler.wg)(!0),(0,vue_esm_bundler.iD)(vue_esm_bundler.HY,null,(0,vue_esm_bundler.Ko)($setup.options,(function(option){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("li",{key:option,onClick:function onClick($event){return $setup.selectOption(option)},class:"dropdown__item"},(0,vue_esm_bundler.zw)(option),9,_hoisted_3)})),128))])):(0,vue_esm_bundler.kq)("",!0)])}]]),DropdownButton=__exports__;__exports__.__docgenInfo={exportName:"default",displayName:"DropdownButton",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/dropdown-button/DropdownButton.vue"]}},"./src/vue/components/icon/Icon.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Icon});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1=["innerHTML"];var IconPaths={alarm:"M480-80q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-440q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-800q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-440q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-80Zm0-360Zm112 168 56-56-128-128v-184h-80v216l152 152ZM224-866l56 56-170 170-56-56 170-170Zm512 0 170 170-56 56-170-170 56-56ZM480-160q117 0 198.5-81.5T760-440q0-117-81.5-198.5T480-720q-117 0-198.5 81.5T200-440q0 117 81.5 198.5T480-160Z",article:"M280-280h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm-80 480q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z",check_circle_filled:"m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z",chevron_right:"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z",close:"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z",description:"M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5-56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z",devices:"M80-160v-120h80v-440q0-33 23.5-56.5T240-800h600v80H240v440h240v120H80Zm520 0q-17 0-28.5-11.5T560-200v-400q0-17 11.5-28.5T600-640h240q17 0 28.5 11.5T880-600v400q0 17-11.5 28.5T840-160H600Zm40-120h160v-280H640v280Zm0 0h160-160Z",error:"M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5-28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z",expand_more:"M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z",face:"M360-390q-21 0-35.5-14.5T310-440q0-21 14.5-35.5T360-490q21 0 35.5 14.5T410-440q0 21-14.5 35.5T360-390Zm240 0q-21 0-35.5-14.5T550-440q0-21 14.5-35.5T600-490q21 0 35.5 14.5T650-440q0 21-14.5 35.5T600-390ZM480-160q134 0 227-93t93-227q0-24-3-46.5T786-570q-21 5-42 7.5t-44 2.5q-91 0-172-39T390-708q-32 78-91.5 135.5T160-486v6q0 134 93 227t227 93Zm0 80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-54-715q42 70 114 112.5T700-640q14 0 27-1.5t27-3.5q-42-70-114-112.5T480-800q-14 0-27 1.5t-27 3.5ZM177-581q51-29 89-75t57-103q-51 29-89 75t-57 103Zm249-214Zm-103 36Z",flag:"M200-120v-680h360l16 80h224v400H520l-16-80H280v280h-80Zm300-440Zm86 160h134v-240H510l-16-80H280v240h290l16 80Z",format_list_numbered:"M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z",grade:"m354-247 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-80l65-281L80-550l288-25 112-265 112 265 288 25-218 189 65 281-247-149L233-80Zm247-350Z",light_bulb:"M440-80v-120h80v120h-80ZM80-440v-80h120v80H80Zm680 0v-80h120v80H760Zm-40 276-84-84 56-56 84 84-56 56Zm-480 0-56-56 84-84 56 56-84 84Zm240-116q-83 0-141.5-58.5T280-480q0-48 21.5-89.5T360-640v-200h240v200q37 29 58.5 70.5T680-480q0 83-58.5 141.5T480-280Zm-40-396q10-2 20-3t20-1q10 0 20 1t20 3v-84h-80v84Zm40 316q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0-120Z",link:"M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320ZM200-600h320v-80H200v80ZM320-200q-17 0-28.5 11.5T320-160q0 17 11.5 28.5T360-120q17 0 28.5-11.5T400-160q0-17-11.5-28.5T360-200ZM480-640q-17 0-28.5 11.5T480-600q0 17 11.5 28.5T520-640q0 17-11.5 28.5T480-680q-17 0-28.5 11.5T440-640Z",open_in_new:"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200ZM188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z",star:"m354-247 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-80l65-281L80-550l288-25 112-265 112 265 288 25-218 189 65 281-247-149L233-80Zm247-350Z",quote:"m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM320-500q25 0 42.5-17.5T380-560q0-25-17.5-42.5T320-620q-25 0-42.5 17.5T260-560q0 25 17.5 42.5T320-500Zm360 0q25 0 42.5-17.5T740-560q0-25-17.5-42.5T680-620q-25 0-42.5 17.5T620-560q0 25 17.5 42.5T680-500Zm0-60Zm-360 0Z",warning:"m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240q0 17-11.5 28.5T440-200Zm-40-120h80v-200h-80v200Zm40-100Z"};const Iconvue_type_script_lang_js={props:{name:{type:String,required:!0},size:{type:[String,Number],default:"1em"},color:{type:String,default:"currentColor"}},setup:function setup(props){var iconPath=(0,vue_esm_bundler.Fl)((function(){var selected=IconPaths[props.name];if(selected)return selected}));return{iconClasses:(0,vue_esm_bundler.Fl)((function(){return["material-icon","custom-size-".concat("string"==typeof props.size&&props.size.includes("em")?props.size:"1em")]})),iconContent:(0,vue_esm_bundler.Fl)((function(){return'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="'.concat(props.size,'" viewBox="0 -960 960 960" width="').concat(props.size,'"><path d="').concat(IconPaths[props.name],'"/></svg>')})),iconPath}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Iconvue_type_style_index_0_id_90c4211a_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/icon/Icon.vue?vue&type=style&index=0&id=90c4211a&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Iconvue_type_style_index_0_id_90c4211a_lang_scss.Z,options);Iconvue_type_style_index_0_id_90c4211a_lang_scss.Z&&Iconvue_type_style_index_0_id_90c4211a_lang_scss.Z.locals&&Iconvue_type_style_index_0_id_90c4211a_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(Iconvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("span",{class:(0,vue_esm_bundler.C_)($setup.iconClasses),innerHTML:$setup.iconContent},null,10,_hoisted_1)}]]),Icon=__exports__;__exports__.__docgenInfo={exportName:"default",displayName:"Icon",description:"",tags:{},props:[{name:"name",type:{name:"string"},required:!0},{name:"size",type:{name:"string|number"},defaultValue:{func:!1,value:"'1em'"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"'currentColor'"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/icon/Icon.vue"]}}}]);
\ No newline at end of file
diff --git a/39.06f83e6d.iframe.bundle.js b/39.06f83e6d.iframe.bundle.js
deleted file mode 100644
index 341dba51..00000000
--- a/39.06f83e6d.iframe.bundle.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! For license information please see 39.06f83e6d.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[39],{"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .125rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,oBAGE,6BAAA,CACA,0BAAA,CACA,qBAAA,CAGF,KACE,cAAA,CACA,iBAAA,CACA,kBCJe,CDKf,UCFY,CDGZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CACA,WACE,kBAAA,CACA,UCTU,CDad,aACE,kBCjBe,CDkBf,UCfY,CDgBZ,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAGJ,eACE,eC3BY,CD4BZ,aC/Be,CDgCf,4BAAA,CACA,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n*,\n*:after,\n*::before {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n}\n\n.btn--filled {\n  background: $color-grey-900;\n  color: $color-white;\n  &.btn--sm {\n    padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n  }\n  &.btn--md {\n    padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n  }\n  &.btn--lg {\n    padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n  }\n}\n.btn--outlined {\n  background: $color-white;\n  color: $color-grey-900;\n  border: 0.125rem solid $color-grey-900;\n  &.btn--sm {\n    padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n  }\n  &.btn--md {\n    padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n  }\n  &.btn--lg {\n    padding: 0.625rem 1.625rem 0.125rem 1.625rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/checkbox-input/CheckboxInput.vue?vue&type=style&index=0&id=196996b8&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.checkbox-input{display:flex;justify-content:flex-start;margin-bottom:.5rem;margin-top:.5rem}.checkbox-input__label{font-size:.85rem}.checkbox-input__label input[type=checkbox]{position:absolute;opacity:0}.checkbox-input__label input[type=checkbox]~.checkmark{position:relative;width:1rem;height:1rem;background-color:#fff;border-radius:.25rem;border:.0625rem solid #bfbfbf}.checkbox-input__label input[type=checkbox]~.checkmark:after{content:"";position:absolute;display:none}.checkbox-input__label input[type=checkbox]:checked~.checkmark:after{display:block}.checkbox-input__label input[type=checkbox]~.checkmark:after{content:"";position:absolute;left:.5rem;top:.9rem;width:.5rem;height:1rem;border:solid #fff;border-width:0 .25rem .25rem 0;transform:rotate(45deg)}',"",{version:3,sources:["webpack://./src/vue/components/checkbox-input/CheckboxInput.vue"],names:[],mappings:"AACA,gBACE,YAAA,CACA,0BAAA,CACA,mBAAA,CACA,gBAAA,CAEA,uBACE,gBAAA,CAGA,4CAEE,iBAAA,CACA,SAAA,CAGA,uDACE,iBAAA,CACA,UAAA,CAEA,WAAA,CAEA,qBAAA,CACA,oBAAA,CACA,6BAAA,CAGA,6DACE,UAAA,CACA,iBAAA,CACA,YAAA,CAKJ,qEACE,aAAA,CAKJ,6DACE,UAAA,CACA,iBAAA,CACA,UAAA,CAEA,SAAA,CAEA,WAAA,CACA,WAAA,CACA,iBAAA,CACA,8BAAA,CAEA,uBAAA",sourcesContent:['\n.checkbox-input {\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: 0.5rem;\n  margin-top: 0.5rem;\n\n  &__label {\n    font-size: 0.85rem;\n\n    /* Custom checkbox styling */\n    input[type="checkbox"] {\n      /* Hide the default checkbox input */\n      position: absolute;\n      opacity: 0;\n\n      /* Style the checkmark container */\n      &~.checkmark {\n        position: relative;\n        width: 1rem;\n        /* Increase the width for a larger checkbox */\n        height: 1rem;\n        /* Increase the height for a larger checkbox */\n        background-color: #ffffff;\n        border-radius: 0.25rem;\n        border: 0.0625rem solid #bfbfbf;\n\n        /* Style the checkmark indicator (hidden when unchecked) */\n        &:after {\n          content: "";\n          position: absolute;\n          display: none;\n        }\n      }\n\n      /* Show the checkmark when checked */\n      &:checked~.checkmark:after {\n        display: block;\n      }\n    }\n\n    /* Style the checkmark/indicator */\n    input[type="checkbox"]~.checkmark:after {\n      content: "";\n      position: absolute;\n      left: 0.5rem;\n      /* Adjust the position of the checkmark */\n      top: 0.9rem;\n      /* Adjust the position of the checkmark */\n      width: .5rem;\n      height: 1rem;\n      border: solid white;\n      border-width: 0 0.25rem 0.25rem 0;\n      /* Adjust the size of the checkmark */\n      transform: rotate(45deg);\n    }\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/link/Link.vue?vue&type=style&index=0&id=235a1552&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".link{color:#000;cursor:pointer}.link__text{color:#000;font-family:Montserrat;font-size:.85rem;font-style:normal;font-weight:400;line-height:normal}.link:hover{text-decoration:underline;color:#00468e}","",{version:3,sources:["webpack://./src/vue/components/link/Link.vue"],names:[],mappings:"AAEA,MACE,UAAA,CACA,cAAA,CACA,YACE,UAAA,CACA,sBAAA,CACA,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAGF,YACE,yBAAA,CACA,aAAA",sourcesContent:['\n@import "../../design/semantic-colors";\n.link {\n  color: black;\n  cursor: pointer;\n  &__text {\n    color: #000;\n    font-family: Montserrat;\n    font-size: 0.85rem;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n  }\n\n  &:hover {\n    text-decoration: underline;\n    color: map-get($semantic-colors, hover);\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/login-form/LoginForm.vue?vue&type=style&index=0&id=48651b6e&scoped=true&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".login-form[data-v-48651b6e]{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;background-color:#fff}.login-form__title[data-v-48651b6e]{color:#2e3c51;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:left;text-align:left}.login-form__form[data-v-48651b6e]{margin-top:1rem}.login-form__title2[data-v-48651b6e]{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-top:2rem}.login-form__action-container[data-v-48651b6e]{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;margin-bottom:2rem}.login-form__new-user[data-v-48651b6e]{color:#1a1a1a;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}","",{version:3,sources:["webpack://./src/vue/components/login-form/LoginForm.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,6BACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,YAAA,CACA,qBCIY,CDFZ,oCACE,aAAA,CACA,iCAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,eAAA,CAGF,mCACE,eAAA,CAGF,qCACE,aCdU,CDeV,iCAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAGF,+CACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CAGF,uCACE,aC9BU,CD+BV,6BAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA",sourcesContent:['\n@import "../../design/colors";\n\n.login-form {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 2rem;\n  background-color: $color-white;\n\n  &__title {\n    color: map-get($color-palette-steel, background, 700);\n    font-family: Montserrat, sans-serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    text-align: left;\n    text-align: left;\n  }\n\n  &__form {\n    margin-top: 1rem;\n  }\n\n  &__title2 {\n    color: $color-black;\n    font-family: Montserrat, sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    margin-top: 2rem;\n  }\n\n  &__action-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n  }\n\n  &__new-user {\n    color: $color-black;\n    font-family: Roboto, sans-serif;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n  }\n}\n',"// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:["size","type","text","link"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)([{btn:!0},{"btn--filled":void 0===__props.type||"submit"===__props.type||"filled"===__props.type},{"btn--outlined":"outlined"===__props.type},{"btn--sm":"sm"===__props.size},{"btn--md":void 0===__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_04759d44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z,options);Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"undefined"}},{name:"type",type:{name:"undefined"}},{name:"text",type:{name:"undefined"}},{name:"link",type:{name:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}},"./src/vue/components/checkbox-input/CheckboxInput.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckboxInput});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1=["for"],_hoisted_2=["id"],_hoisted_3={class:"checkbox-input__label"};var vee_validate_esm=__webpack_require__("./node_modules/vee-validate/dist/vee-validate.esm.js");const CheckboxInputvue_type_script_lang_js={name:"CheckboxInput",props:{name:String,label:String},setup:function setup(){var modelValue=(0,vue_esm_bundler.iH)(!1),fieldValue=(0,vee_validate_esm.U$)(props.name).value;return(0,vue_esm_bundler.YP)(modelValue,(function(newValue){console.log("model value is",modelValue),fieldValue.value=newValue})),{modelValue}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/checkbox-input/CheckboxInput.vue?vue&type=style&index=0&id=196996b8&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z,options);CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z&&CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z.locals&&CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(CheckboxInputvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("label",{class:"checkbox-input",for:$props.name},[(0,vue_esm_bundler.wy)((0,vue_esm_bundler._)("input",{id:$props.name,"onUpdate:modelValue":_cache[0]||(_cache[0]=function($event){return $setup.modelValue=$event}),type:"checkbox",class:"checkbox-input__checkbox"},null,8,_hoisted_2),[[vue_esm_bundler.e8,$setup.modelValue]]),(0,vue_esm_bundler._)("span",_hoisted_3,(0,vue_esm_bundler.zw)($props.label),1)],8,_hoisted_1)}]]),CheckboxInput=__exports__;__exports__.__docgenInfo={displayName:"CheckboxInput",exportName:"default",description:"",tags:{},props:[{name:"name",type:{name:"string"}},{name:"label",type:{name:"string"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/checkbox-input/CheckboxInput.vue"]}},"./src/vue/components/link/Link.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Link});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1=["href"];const Linkvue_type_script_lang_js=(0,vue_esm_bundler.aZ)({props:{url:String}});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Linkvue_type_style_index_0_id_235a1552_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/link/Link.vue?vue&type=style&index=0&id=235a1552&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Linkvue_type_style_index_0_id_235a1552_lang_scss.Z,options);Linkvue_type_style_index_0_id_235a1552_lang_scss.Z&&Linkvue_type_style_index_0_id_235a1552_lang_scss.Z.locals&&Linkvue_type_style_index_0_id_235a1552_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(Linkvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("a",{href:_ctx.url,class:"link"},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],8,_hoisted_1)}]]),Link=__exports__;__exports__.__docgenInfo={exportName:"default",displayName:"Link",description:"",tags:{},props:[{name:"url",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/link/Link.vue"]}},"./src/vue/components/login-form/LoginForm.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>LoginForm});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_withScopeId=function _withScopeId(n){return(0,vue_esm_bundler.dD)("data-v-48651b6e"),n=n(),(0,vue_esm_bundler.Cn)(),n},_hoisted_1={class:"login-form"},_hoisted_2=_withScopeId((function(){return(0,vue_esm_bundler._)("h2",{class:"login-form__title"},"Logg inn på kompetanse portalen",-1)})),_hoisted_3={class:"login-form__action-container"},_hoisted_4=_withScopeId((function(){return(0,vue_esm_bundler._)("h3",{class:"login-form__title2"},"Opprette ny bruker?",-1)})),_hoisted_5=_withScopeId((function(){return(0,vue_esm_bundler._)("p",{class:"login-form__new-user"}," For å opprette bruker i kompetanseportalen, må du være registrert i en kompetansepakke. Dette gjør du ved å velge en kompetansepakke fra kompetanse.udir.no og registrere deg på denne ved hjelp av din e-postadresse. ",-1)}));var vee_validate_esm=__webpack_require__("./node_modules/vee-validate/dist/vee-validate.esm.js"),Button=__webpack_require__("./src/vue/components/Button.vue"),TextInput=__webpack_require__("./src/vue/components/text-input/TextInput.vue"),CheckboxInput=__webpack_require__("./src/vue/components/checkbox-input/CheckboxInput.vue"),Link=__webpack_require__("./src/vue/components/link/Link.vue");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next};return i.next=i}}throw new TypeError(_typeof(e)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t},e.awrap=function(t){return{__await:t}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,(function(){return this})),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,(function(){return this})),define(g,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc)}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a)},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}const LoginFormvue_type_script_lang_js={name:"LoginForm",components:{CheckboxInput:CheckboxInput.Z,TextInput:TextInput.Z,Button:Button.Z,Link:Link.Z},setup:function setup(){var handleSubmit=(0,vee_validate_esm.cI)().handleSubmit,email=(0,vee_validate_esm.U$)("email"),password=(0,vee_validate_esm.U$)("password"),stayLoggedIn=(0,vee_validate_esm.U$)("stayLoggedIn"),submitForm=handleSubmit(_asyncToGenerator(_regeneratorRuntime().mark((function _callee(){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,email.validate();case 2:if(_context.t0=!_context.sent,_context.t0){_context.next=7;break}return _context.next=6,password.validate();case 6:_context.t0=!_context.sent;case 7:if(!_context.t0){_context.next=9;break}return _context.abrupt("return");case 9:console.log("Logging in...");case 10:case"end":return _context.stop()}}),_callee)}))));return{email,password,stayLoggedIn,submitForm}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/login-form/LoginForm.vue?vue&type=style&index=0&id=48651b6e&scoped=true&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z,options);LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z&&LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z.locals&&LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(LoginFormvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_TextInput=(0,vue_esm_bundler.up)("TextInput"),_component_CheckboxInput=(0,vue_esm_bundler.up)("CheckboxInput"),_component_Button=(0,vue_esm_bundler.up)("Button"),_component_Link=(0,vue_esm_bundler.up)("Link");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[_hoisted_2,(0,vue_esm_bundler._)("form",{onSubmit:_cache[3]||(_cache[3]=(0,vue_esm_bundler.iM)((function(){return $setup.submitForm&&$setup.submitForm.apply($setup,arguments)}),["prevent"])),class:"login-form__form",autocomplete:"off"},[(0,vue_esm_bundler.Wm)(_component_TextInput,{modelValue:$setup.email,"onUpdate:modelValue":_cache[0]||(_cache[0]=function($event){return $setup.email=$event}),name:"Email",label:"Epost",type:"email",placeHolder:"navn@eksempel.no"},null,8,["modelValue"]),(0,vue_esm_bundler.Wm)(_component_TextInput,{modelValue:$setup.password,"onUpdate:modelValue":_cache[1]||(_cache[1]=function($event){return $setup.password=$event}),name:"Password",label:"Passord",type:"password"},null,8,["modelValue"]),(0,vue_esm_bundler.Wm)(_component_CheckboxInput,{modelValue:$setup.stayLoggedIn,"onUpdate:modelValue":_cache[2]||(_cache[2]=function($event){return $setup.stayLoggedIn=$event}),name:"stayLoggedIn",label:"Forbli logget inn"},null,8,["modelValue"]),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler.Wm)(_component_Button,{type:"submit"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Logg inn")]})),_:1}),(0,vue_esm_bundler.Wm)(_component_Link,{url:"www.example.com"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Glemt passord?")]})),_:1})]),_hoisted_4,_hoisted_5],32)])}],["__scopeId","data-v-48651b6e"]]),LoginForm=__exports__;__exports__.__docgenInfo={displayName:"LoginForm",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/login-form/LoginForm.vue"]}}}]);
\ No newline at end of file
diff --git a/39.0b66d70f.iframe.bundle.js b/39.0b66d70f.iframe.bundle.js
new file mode 100644
index 00000000..af84a1b2
--- /dev/null
+++ b/39.0b66d70f.iframe.bundle.js
@@ -0,0 +1,2 @@
+/*! For license information please see 39.0b66d70f.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[39],{"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined:hover{border:.125rem solid #00468e}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}.btn--dropdown{background:#fff;color:#303030;border:.125rem solid #303030}.btn--dropdown:hover{background:#303030;border:.125rem solid #303030}.btn--dropdown.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--dropdown.btn--md{padding:.375rem 1.25rem .375rem 1.25rem}.btn--dropdown.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,KACE,cAAA,CACA,iBAAA,CACA,kBCGe,CDFf,UCKY,CDJZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CAEA,WACE,kBAAA,CACA,UCHU,CDMZ,aACE,kBCVa,CDWb,UCRU,CDUV,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAIJ,eACE,eCtBU,CDuBV,aC1Ba,CD2Bb,4BAAA,CAEA,qBACE,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA,CAIJ,eACE,eC1CU,CD2CV,aC9Ca,CD+Cb,4BAAA,CAEA,qBACE,kBClDW,CDmDX,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n\n  &--filled {\n    background: $color-grey-900;\n    color: $color-white;\n\n    &.btn--sm {\n      padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n    }\n    &.btn--md {\n      padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n    }\n    &.btn--lg {\n      padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n    }\n  }\n\n  &--outlined {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      border: 0.125rem solid #00468e;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n\n  &--dropdown {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      background: $color-grey-900;\n      border: 0.125rem solid $color-grey-900;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.25rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/checkbox-input/CheckboxInput.vue?vue&type=style&index=0&id=196996b8&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.checkbox-input{display:flex;justify-content:flex-start;margin-bottom:.5rem;margin-top:.5rem}.checkbox-input__label{font-size:.85rem}.checkbox-input__label input[type=checkbox]{position:absolute;opacity:0}.checkbox-input__label input[type=checkbox]~.checkmark{position:relative;width:1rem;height:1rem;background-color:#fff;border-radius:.25rem;border:.0625rem solid #bfbfbf}.checkbox-input__label input[type=checkbox]~.checkmark:after{content:"";position:absolute;display:none}.checkbox-input__label input[type=checkbox]:checked~.checkmark:after{display:block}.checkbox-input__label input[type=checkbox]~.checkmark:after{content:"";position:absolute;left:.5rem;top:.9rem;width:.5rem;height:1rem;border:solid #fff;border-width:0 .25rem .25rem 0;transform:rotate(45deg)}',"",{version:3,sources:["webpack://./src/vue/components/checkbox-input/CheckboxInput.vue"],names:[],mappings:"AACA,gBACE,YAAA,CACA,0BAAA,CACA,mBAAA,CACA,gBAAA,CAEA,uBACE,gBAAA,CAGA,4CAEE,iBAAA,CACA,SAAA,CAGA,uDACE,iBAAA,CACA,UAAA,CAEA,WAAA,CAEA,qBAAA,CACA,oBAAA,CACA,6BAAA,CAGA,6DACE,UAAA,CACA,iBAAA,CACA,YAAA,CAKJ,qEACE,aAAA,CAKJ,6DACE,UAAA,CACA,iBAAA,CACA,UAAA,CAEA,SAAA,CAEA,WAAA,CACA,WAAA,CACA,iBAAA,CACA,8BAAA,CAEA,uBAAA",sourcesContent:['\n.checkbox-input {\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: 0.5rem;\n  margin-top: 0.5rem;\n\n  &__label {\n    font-size: 0.85rem;\n\n    /* Custom checkbox styling */\n    input[type="checkbox"] {\n      /* Hide the default checkbox input */\n      position: absolute;\n      opacity: 0;\n\n      /* Style the checkmark container */\n      &~.checkmark {\n        position: relative;\n        width: 1rem;\n        /* Increase the width for a larger checkbox */\n        height: 1rem;\n        /* Increase the height for a larger checkbox */\n        background-color: #ffffff;\n        border-radius: 0.25rem;\n        border: 0.0625rem solid #bfbfbf;\n\n        /* Style the checkmark indicator (hidden when unchecked) */\n        &:after {\n          content: "";\n          position: absolute;\n          display: none;\n        }\n      }\n\n      /* Show the checkmark when checked */\n      &:checked~.checkmark:after {\n        display: block;\n      }\n    }\n\n    /* Style the checkmark/indicator */\n    input[type="checkbox"]~.checkmark:after {\n      content: "";\n      position: absolute;\n      left: 0.5rem;\n      /* Adjust the position of the checkmark */\n      top: 0.9rem;\n      /* Adjust the position of the checkmark */\n      width: .5rem;\n      height: 1rem;\n      border: solid white;\n      border-width: 0 0.25rem 0.25rem 0;\n      /* Adjust the size of the checkmark */\n      transform: rotate(45deg);\n    }\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/link/Link.vue?vue&type=style&index=0&id=235a1552&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".link{color:#000;cursor:pointer}.link__text{color:#000;font-family:Montserrat;font-size:.85rem;font-style:normal;font-weight:400;line-height:normal}.link:hover{text-decoration:underline;color:#00468e}","",{version:3,sources:["webpack://./src/vue/components/link/Link.vue"],names:[],mappings:"AAEA,MACE,UAAA,CACA,cAAA,CACA,YACE,UAAA,CACA,sBAAA,CACA,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAGF,YACE,yBAAA,CACA,aAAA",sourcesContent:['\n@import "../../design/semantic-colors";\n.link {\n  color: black;\n  cursor: pointer;\n  &__text {\n    color: #000;\n    font-family: Montserrat;\n    font-size: 0.85rem;\n    font-style: normal;\n    font-weight: 400;\n    line-height: normal;\n  }\n\n  &:hover {\n    text-decoration: underline;\n    color: map-get($semantic-colors, hover);\n  }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/login-form/LoginForm.vue?vue&type=style&index=0&id=48651b6e&scoped=true&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".login-form[data-v-48651b6e]{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;background-color:#fff}.login-form__title[data-v-48651b6e]{color:#2e3c51;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:left;text-align:left}.login-form__form[data-v-48651b6e]{margin-top:1rem}.login-form__title2[data-v-48651b6e]{color:#1a1a1a;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-top:2rem}.login-form__action-container[data-v-48651b6e]{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;margin-bottom:2rem}.login-form__new-user[data-v-48651b6e]{color:#1a1a1a;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}","",{version:3,sources:["webpack://./src/vue/components/login-form/LoginForm.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,6BACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,YAAA,CACA,qBCIY,CDFZ,oCACE,aAAA,CACA,iCAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,eAAA,CAGF,mCACE,eAAA,CAGF,qCACE,aCdU,CDeV,iCAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAGF,+CACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,eAAA,CACA,kBAAA,CAGF,uCACE,aC9BU,CD+BV,6BAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA",sourcesContent:['\n@import "../../design/colors";\n\n.login-form {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 2rem;\n  background-color: $color-white;\n\n  &__title {\n    color: map-get($color-palette-steel, background, 700);\n    font-family: Montserrat, sans-serif;\n    font-size: 1.25rem;\n    font-weight: 700;\n    margin-bottom: 1rem;\n    text-align: left;\n    text-align: left;\n  }\n\n  &__form {\n    margin-top: 1rem;\n  }\n\n  &__title2 {\n    color: $color-black;\n    font-family: Montserrat, sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    margin-top: 2rem;\n  }\n\n  &__action-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n  }\n\n  &__new-user {\n    color: $color-black;\n    font-family: Roboto, sans-serif;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n  }\n}\n',"// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:{size:String,type:String},setup:function setup(__props){var props=__props,isFilled=!props.type||"submit"===props.type||"filled"===props.type,isOutlined="outlined"===props.type,isDropdown="dropdown"===props.type;return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)(["btn",{"btn--filled":(0,vue_esm_bundler.SU)(isFilled)},{"btn--outlined":isOutlined},{"btn--dropdown":isDropdown},{"btn--sm":"sm"===__props.size},{"btn--md":!__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_4d637f2b_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z,options);Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"string"}},{name:"type",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}},"./src/vue/components/checkbox-input/CheckboxInput.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckboxInput});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1=["for"],_hoisted_2=["id"],_hoisted_3={class:"checkbox-input__label"};var vee_validate_esm=__webpack_require__("./node_modules/vee-validate/dist/vee-validate.esm.js");const CheckboxInputvue_type_script_lang_js={name:"CheckboxInput",props:{name:String,label:String},setup:function setup(){var modelValue=(0,vue_esm_bundler.iH)(!1),fieldValue=(0,vee_validate_esm.U$)(props.name).value;return(0,vue_esm_bundler.YP)(modelValue,(function(newValue){console.log("model value is",modelValue),fieldValue.value=newValue})),{modelValue}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/checkbox-input/CheckboxInput.vue?vue&type=style&index=0&id=196996b8&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z,options);CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z&&CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z.locals&&CheckboxInputvue_type_style_index_0_id_196996b8_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(CheckboxInputvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("label",{class:"checkbox-input",for:$props.name},[(0,vue_esm_bundler.wy)((0,vue_esm_bundler._)("input",{id:$props.name,"onUpdate:modelValue":_cache[0]||(_cache[0]=function($event){return $setup.modelValue=$event}),type:"checkbox",class:"checkbox-input__checkbox"},null,8,_hoisted_2),[[vue_esm_bundler.e8,$setup.modelValue]]),(0,vue_esm_bundler._)("span",_hoisted_3,(0,vue_esm_bundler.zw)($props.label),1)],8,_hoisted_1)}]]),CheckboxInput=__exports__;__exports__.__docgenInfo={displayName:"CheckboxInput",exportName:"default",description:"",tags:{},props:[{name:"name",type:{name:"string"}},{name:"label",type:{name:"string"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/checkbox-input/CheckboxInput.vue"]}},"./src/vue/components/link/Link.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Link});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1=["href"];const Linkvue_type_script_lang_js=(0,vue_esm_bundler.aZ)({props:{url:String}});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Linkvue_type_style_index_0_id_235a1552_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/link/Link.vue?vue&type=style&index=0&id=235a1552&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Linkvue_type_style_index_0_id_235a1552_lang_scss.Z,options);Linkvue_type_style_index_0_id_235a1552_lang_scss.Z&&Linkvue_type_style_index_0_id_235a1552_lang_scss.Z.locals&&Linkvue_type_style_index_0_id_235a1552_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(Linkvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("a",{href:_ctx.url,class:"link"},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],8,_hoisted_1)}]]),Link=__exports__;__exports__.__docgenInfo={exportName:"default",displayName:"Link",description:"",tags:{},props:[{name:"url",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/link/Link.vue"]}},"./src/vue/components/login-form/LoginForm.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>LoginForm});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_withScopeId=function _withScopeId(n){return(0,vue_esm_bundler.dD)("data-v-48651b6e"),n=n(),(0,vue_esm_bundler.Cn)(),n},_hoisted_1={class:"login-form"},_hoisted_2=_withScopeId((function(){return(0,vue_esm_bundler._)("h2",{class:"login-form__title"},"Logg inn på kompetanse portalen",-1)})),_hoisted_3={class:"login-form__action-container"},_hoisted_4=_withScopeId((function(){return(0,vue_esm_bundler._)("h3",{class:"login-form__title2"},"Opprette ny bruker?",-1)})),_hoisted_5=_withScopeId((function(){return(0,vue_esm_bundler._)("p",{class:"login-form__new-user"}," For å opprette bruker i kompetanseportalen, må du være registrert i en kompetansepakke. Dette gjør du ved å velge en kompetansepakke fra kompetanse.udir.no og registrere deg på denne ved hjelp av din e-postadresse. ",-1)}));var vee_validate_esm=__webpack_require__("./node_modules/vee-validate/dist/vee-validate.esm.js"),Button=__webpack_require__("./src/vue/components/Button.vue"),TextInput=__webpack_require__("./src/vue/components/text-input/TextInput.vue"),CheckboxInput=__webpack_require__("./src/vue/components/checkbox-input/CheckboxInput.vue"),Link=__webpack_require__("./src/vue/components/link/Link.vue");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw new Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next};return i.next=i}}throw new TypeError(_typeof(e)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t},e.awrap=function(t){return{__await:t}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,(function(){return this})),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,(function(){return this})),define(g,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc)}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a)},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}const LoginFormvue_type_script_lang_js={name:"LoginForm",components:{CheckboxInput:CheckboxInput.Z,TextInput:TextInput.Z,Button:Button.Z,Link:Link.Z},setup:function setup(){var handleSubmit=(0,vee_validate_esm.cI)().handleSubmit,email=(0,vee_validate_esm.U$)("email"),password=(0,vee_validate_esm.U$)("password"),stayLoggedIn=(0,vee_validate_esm.U$)("stayLoggedIn"),submitForm=handleSubmit(_asyncToGenerator(_regeneratorRuntime().mark((function _callee(){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,email.validate();case 2:if(_context.t0=!_context.sent,_context.t0){_context.next=7;break}return _context.next=6,password.validate();case 6:_context.t0=!_context.sent;case 7:if(!_context.t0){_context.next=9;break}return _context.abrupt("return");case 9:console.log("Logging in...");case 10:case"end":return _context.stop()}}),_callee)}))));return{email,password,stayLoggedIn,submitForm}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/login-form/LoginForm.vue?vue&type=style&index=0&id=48651b6e&scoped=true&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z,options);LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z&&LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z.locals&&LoginFormvue_type_style_index_0_id_48651b6e_scoped_true_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(LoginFormvue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_TextInput=(0,vue_esm_bundler.up)("TextInput"),_component_CheckboxInput=(0,vue_esm_bundler.up)("CheckboxInput"),_component_Button=(0,vue_esm_bundler.up)("Button"),_component_Link=(0,vue_esm_bundler.up)("Link");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_1,[_hoisted_2,(0,vue_esm_bundler._)("form",{onSubmit:_cache[3]||(_cache[3]=(0,vue_esm_bundler.iM)((function(){return $setup.submitForm&&$setup.submitForm.apply($setup,arguments)}),["prevent"])),class:"login-form__form",autocomplete:"off"},[(0,vue_esm_bundler.Wm)(_component_TextInput,{modelValue:$setup.email,"onUpdate:modelValue":_cache[0]||(_cache[0]=function($event){return $setup.email=$event}),name:"Email",label:"Epost",type:"email",placeHolder:"navn@eksempel.no"},null,8,["modelValue"]),(0,vue_esm_bundler.Wm)(_component_TextInput,{modelValue:$setup.password,"onUpdate:modelValue":_cache[1]||(_cache[1]=function($event){return $setup.password=$event}),name:"Password",label:"Passord",type:"password"},null,8,["modelValue"]),(0,vue_esm_bundler.Wm)(_component_CheckboxInput,{modelValue:$setup.stayLoggedIn,"onUpdate:modelValue":_cache[2]||(_cache[2]=function($event){return $setup.stayLoggedIn=$event}),name:"stayLoggedIn",label:"Forbli logget inn"},null,8,["modelValue"]),(0,vue_esm_bundler._)("div",_hoisted_3,[(0,vue_esm_bundler.Wm)(_component_Button,{type:"submit"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Logg inn")]})),_:1}),(0,vue_esm_bundler.Wm)(_component_Link,{url:"www.example.com"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Glemt passord?")]})),_:1})]),_hoisted_4,_hoisted_5],32)])}],["__scopeId","data-v-48651b6e"]]),LoginForm=__exports__;__exports__.__docgenInfo={displayName:"LoginForm",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/login-form/LoginForm.vue"]}}}]);
\ No newline at end of file
diff --git a/39.06f83e6d.iframe.bundle.js.LICENSE.txt b/39.0b66d70f.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from 39.06f83e6d.iframe.bundle.js.LICENSE.txt
rename to 39.0b66d70f.iframe.bundle.js.LICENSE.txt
diff --git a/452.d2f9aecf.iframe.bundle.js b/452.d2f9aecf.iframe.bundle.js
deleted file mode 100644
index c6b1bf5d..00000000
--- a/452.d2f9aecf.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[452],{"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .125rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,oBAGE,6BAAA,CACA,0BAAA,CACA,qBAAA,CAGF,KACE,cAAA,CACA,iBAAA,CACA,kBCJe,CDKf,UCFY,CDGZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CACA,WACE,kBAAA,CACA,UCTU,CDad,aACE,kBCjBe,CDkBf,UCfY,CDgBZ,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAGJ,eACE,eC3BY,CD4BZ,aC/Be,CDgCf,4BAAA,CACA,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n*,\n*:after,\n*::before {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n}\n\n.btn--filled {\n  background: $color-grey-900;\n  color: $color-white;\n  &.btn--sm {\n    padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n  }\n  &.btn--md {\n    padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n  }\n  &.btn--lg {\n    padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n  }\n}\n.btn--outlined {\n  background: $color-white;\n  color: $color-grey-900;\n  border: 0.125rem solid $color-grey-900;\n  &.btn--sm {\n    padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n  }\n  &.btn--md {\n    padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n  }\n  &.btn--lg {\n    padding: 0.625rem 1.625rem 0.125rem 1.625rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/modal/Modal.vue?vue&type=style&index=0&id=4b5328e5&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to,.fade-leave-active{opacity:0}.modal{position:relative;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:30rem;padding:0 .5rem .5rem .5rem}.modal__close-button{position:absolute;right:.5rem;top:.5rem}.modal__header,.modal h1,.modal h2,.modal h3{position:relative;left:0;top:0;color:#1a1a1a;font-size:1.125rem;font-family:Montserrat;font-weight:500;word-wrap:break-word;width:calc(100% - 1.25rem)}.modal__body,.modal p{color:#1a1a1a;font-size:1rem;font-family:Roboto;font-weight:400;line-height:1.25rem;margin-bottom:1rem;word-wrap:break-word;padding:.5rem 0 .5rem 0}.modal__actions{position:relative;width:100%;display:flex;justify-content:flex-end}.modal__actions>*{margin:0 .125rem}","",{version:3,sources:["webpack://./src/vue/components/modal/Modal.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEE,UACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,wBCPa,CDQb,YAAA,CACA,sBAAA,CACA,kBAAA,CAGJ,sCACE,sBAAA,CAEF,8CACE,SAAA,CAEA,OACE,iBAAA,CACA,qBCVU,CDWV,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,eAAA,CACA,2BAAA,CACA,qBACE,iBAAA,CACA,WAAA,CACA,SAAA,CAEF,6CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,aC5BQ,CD6BR,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,oBAAA,CACA,0BAAA,CAGF,sBACE,aCrCQ,CDsCR,cAAA,CACA,kBAAA,CACA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAAA,CACA,uBAAA,CAGF,gBACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACC,kBAAA,gBAAA",sourcesContent:['\n@import "../../design/colors.scss";\n  .backdrop{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: $color-grey-100;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n  }\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to, .fade-leave-active {\n  opacity: 0;\n}\n  .modal{\n    position: relative;\n    background-color: $color-white;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    position: relative;\n    min-width: 30rem;\n    padding: 0 0.5rem 0.5rem 0.5rem;\n    &__close-button{\n      position:absolute;\n      right: 0.5rem;\n      top: 0.5rem;\n    }\n    &__header, h1, h2, h3 {\n      position:relative;\n      left: 0;\n      top:0;\n      color:$color-black;\n      font-size: 1.125rem;\n      font-family: Montserrat;\n      font-weight: 500;\n      word-wrap: break-word;\n      width: calc(100% - 1.25rem);\n    }\n\n    &__body, p {\n      color: $color-black;\n      font-size: 1rem;\n      font-family: Roboto;\n      font-weight: 400;\n      line-height: 1.25rem;\n      margin-bottom: 1rem;\n      word-wrap: break-word;\n      padding:0.5rem 0 0.5rem 0;\n   }\n\n    &__actions {\n      position: relative;\n      width: 100%;\n      display:flex;\n      justify-content:flex-end;\n       > *  { margin: 0 0.125rem; } \n    }\n  }\n',"// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:["size","type","text","link"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)([{btn:!0},{"btn--filled":void 0===__props.type||"submit"===__props.type||"filled"===__props.type},{"btn--outlined":"outlined"===__props.type},{"btn--sm":"sm"===__props.size},{"btn--md":void 0===__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_04759d44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z,options);Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"undefined"}},{name:"type",type:{name:"undefined"}},{name:"text",type:{name:"undefined"}},{name:"link",type:{name:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}},"./src/vue/components/modal/Modal.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Modal});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),IconButton=__webpack_require__("./src/vue/components/icon-button/IconButton.vue"),_hoisted_1={class:"modal"},_hoisted_2={class:"modal__close-button"},_hoisted_3={class:"modal__header"},_hoisted_4={key:0,class:"modal__body"},_hoisted_5={key:1,class:"modal__actions"};const Modalvue_type_script_setup_true_lang_js={__name:"Modal",props:["isOpen"],setup:function setup(__props,_ref){var emit=_ref.emit,closeModal=(__props.isOpen,function closeModal(){emit("close")});return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.j4)(vue_esm_bundler.uT,{name:"fade",mode:"out-in"},{default:(0,vue_esm_bundler.w5)((function(){return[__props.isOpen?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",{key:__props.isOpen?"visible":"hidden",class:"backdrop"},[(0,vue_esm_bundler._)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",_hoisted_2,[(0,vue_esm_bundler.Wm)(IconButton.Z,{onClick:closeModal})]),(0,vue_esm_bundler._)("div",_hoisted_3,[_ctx.$slots.header?(0,vue_esm_bundler.WI)(_ctx.$slots,"header",{key:0}):(0,vue_esm_bundler.kq)("",!0)]),_ctx.$slots.main?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_4,[(0,vue_esm_bundler.WI)(_ctx.$slots,"main")])):(0,vue_esm_bundler.kq)("",!0),_ctx.$slots.actions?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_5,[(0,vue_esm_bundler.WI)(_ctx.$slots,"actions")])):(0,vue_esm_bundler.kq)("",!0)])])):(0,vue_esm_bundler.kq)("",!0)]})),_:3})}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modalvue_type_style_index_0_id_4b5328e5_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/modal/Modal.vue?vue&type=style&index=0&id=4b5328e5&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z,options);Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z&&Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z.locals&&Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z.locals;const Modal=Modalvue_type_script_setup_true_lang_js;Modalvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Modal",description:"",tags:{},props:[{name:"isOpen",type:{name:"undefined"}}],slots:[{name:"header"},{name:"main"},{name:"actions"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/modal/Modal.vue"]}}}]);
\ No newline at end of file
diff --git a/564.e240f5b8.iframe.bundle.js b/564.e240f5b8.iframe.bundle.js
new file mode 100644
index 00000000..42fee797
--- /dev/null
+++ b/564.e240f5b8.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[564],{"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined:hover{border:.125rem solid #00468e}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}.btn--dropdown{background:#fff;color:#303030;border:.125rem solid #303030}.btn--dropdown:hover{background:#303030;border:.125rem solid #303030}.btn--dropdown.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--dropdown.btn--md{padding:.375rem 1.25rem .375rem 1.25rem}.btn--dropdown.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,KACE,cAAA,CACA,iBAAA,CACA,kBCGe,CDFf,UCKY,CDJZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CAEA,WACE,kBAAA,CACA,UCHU,CDMZ,aACE,kBCVa,CDWb,UCRU,CDUV,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAIJ,eACE,eCtBU,CDuBV,aC1Ba,CD2Bb,4BAAA,CAEA,qBACE,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA,CAIJ,eACE,eC1CU,CD2CV,aC9Ca,CD+Cb,4BAAA,CAEA,qBACE,kBClDW,CDmDX,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n\n  &--filled {\n    background: $color-grey-900;\n    color: $color-white;\n\n    &.btn--sm {\n      padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n    }\n    &.btn--md {\n      padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n    }\n    &.btn--lg {\n      padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n    }\n  }\n\n  &--outlined {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      border: 0.125rem solid #00468e;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n\n  &--dropdown {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      background: $color-grey-900;\n      border: 0.125rem solid $color-grey-900;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.25rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/modal/Modal.vue?vue&type=style&index=0&id=4b5328e5&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to,.fade-leave-active{opacity:0}.modal{position:relative;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:30rem;padding:0 .5rem .5rem .5rem}.modal__close-button{position:absolute;right:.5rem;top:.5rem}.modal__header,.modal h1,.modal h2,.modal h3{position:relative;left:0;top:0;color:#1a1a1a;font-size:1.125rem;font-family:Montserrat;font-weight:500;word-wrap:break-word;width:calc(100% - 1.25rem)}.modal__body,.modal p{color:#1a1a1a;font-size:1rem;font-family:Roboto;font-weight:400;line-height:1.25rem;margin-bottom:1rem;word-wrap:break-word;padding:.5rem 0 .5rem 0}.modal__actions{position:relative;width:100%;display:flex;justify-content:flex-end}.modal__actions>*{margin:0 .125rem}","",{version:3,sources:["webpack://./src/vue/components/modal/Modal.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEE,UACE,cAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,wBCPa,CDQb,YAAA,CACA,sBAAA,CACA,kBAAA,CAGJ,sCACE,sBAAA,CAEF,8CACE,SAAA,CAEA,OACE,iBAAA,CACA,qBCVU,CDWV,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,eAAA,CACA,2BAAA,CACA,qBACE,iBAAA,CACA,WAAA,CACA,SAAA,CAEF,6CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,aC5BQ,CD6BR,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,oBAAA,CACA,0BAAA,CAGF,sBACE,aCrCQ,CDsCR,cAAA,CACA,kBAAA,CACA,eAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAAA,CACA,uBAAA,CAGF,gBACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACC,kBAAA,gBAAA",sourcesContent:['\n@import "../../design/colors.scss";\n  .backdrop{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: $color-grey-100;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n  }\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to, .fade-leave-active {\n  opacity: 0;\n}\n  .modal{\n    position: relative;\n    background-color: $color-white;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    position: relative;\n    min-width: 30rem;\n    padding: 0 0.5rem 0.5rem 0.5rem;\n    &__close-button{\n      position:absolute;\n      right: 0.5rem;\n      top: 0.5rem;\n    }\n    &__header, h1, h2, h3 {\n      position:relative;\n      left: 0;\n      top:0;\n      color:$color-black;\n      font-size: 1.125rem;\n      font-family: Montserrat;\n      font-weight: 500;\n      word-wrap: break-word;\n      width: calc(100% - 1.25rem);\n    }\n\n    &__body, p {\n      color: $color-black;\n      font-size: 1rem;\n      font-family: Roboto;\n      font-weight: 400;\n      line-height: 1.25rem;\n      margin-bottom: 1rem;\n      word-wrap: break-word;\n      padding:0.5rem 0 0.5rem 0;\n   }\n\n    &__actions {\n      position: relative;\n      width: 100%;\n      display:flex;\n      justify-content:flex-end;\n       > *  { margin: 0 0.125rem; } \n    }\n  }\n',"// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:{size:String,type:String},setup:function setup(__props){var props=__props,isFilled=!props.type||"submit"===props.type||"filled"===props.type,isOutlined="outlined"===props.type,isDropdown="dropdown"===props.type;return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)(["btn",{"btn--filled":(0,vue_esm_bundler.SU)(isFilled)},{"btn--outlined":isOutlined},{"btn--dropdown":isDropdown},{"btn--sm":"sm"===__props.size},{"btn--md":!__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_4d637f2b_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z,options);Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"string"}},{name:"type",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}},"./src/vue/components/modal/Modal.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Modal});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),IconButton=__webpack_require__("./src/vue/components/icon-button/IconButton.vue"),_hoisted_1={class:"modal"},_hoisted_2={class:"modal__close-button"},_hoisted_3={class:"modal__header"},_hoisted_4={key:0,class:"modal__body"},_hoisted_5={key:1,class:"modal__actions"};const Modalvue_type_script_setup_true_lang_js={__name:"Modal",props:["isOpen"],setup:function setup(__props,_ref){var emit=_ref.emit,closeModal=(__props.isOpen,function closeModal(){emit("close")});return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.j4)(vue_esm_bundler.uT,{name:"fade",mode:"out-in"},{default:(0,vue_esm_bundler.w5)((function(){return[__props.isOpen?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",{key:__props.isOpen?"visible":"hidden",class:"backdrop"},[(0,vue_esm_bundler._)("div",_hoisted_1,[(0,vue_esm_bundler._)("div",_hoisted_2,[(0,vue_esm_bundler.Wm)(IconButton.Z,{onClick:closeModal})]),(0,vue_esm_bundler._)("div",_hoisted_3,[_ctx.$slots.header?(0,vue_esm_bundler.WI)(_ctx.$slots,"header",{key:0}):(0,vue_esm_bundler.kq)("",!0)]),_ctx.$slots.main?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_4,[(0,vue_esm_bundler.WI)(_ctx.$slots,"main")])):(0,vue_esm_bundler.kq)("",!0),_ctx.$slots.actions?((0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",_hoisted_5,[(0,vue_esm_bundler.WI)(_ctx.$slots,"actions")])):(0,vue_esm_bundler.kq)("",!0)])])):(0,vue_esm_bundler.kq)("",!0)]})),_:3})}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Modalvue_type_style_index_0_id_4b5328e5_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/modal/Modal.vue?vue&type=style&index=0&id=4b5328e5&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z,options);Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z&&Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z.locals&&Modalvue_type_style_index_0_id_4b5328e5_lang_scss.Z.locals;const Modal=Modalvue_type_script_setup_true_lang_js;Modalvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Modal",description:"",tags:{},props:[{name:"isOpen",type:{name:"undefined"}}],slots:[{name:"header"},{name:"main"},{name:"actions"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/modal/Modal.vue"]}}}]);
\ No newline at end of file
diff --git a/components-course-page-banner-CoursePageBanner-stories.84cbe909.iframe.bundle.js b/components-course-page-banner-CoursePageBanner-stories.84cbe909.iframe.bundle.js
new file mode 100644
index 00000000..1849dc28
--- /dev/null
+++ b/components-course-page-banner-CoursePageBanner-stories.84cbe909.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[297],{"./src/vue/components/course-page-banner/CoursePageBanner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CoursePageBannerComponent:()=>CoursePageBannerComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>CoursePageBanner_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"course-page__banner__illustration"},_hoisted_2=["src"],_hoisted_3={class:"course-page__banner__title"},_hoisted_4={class:"course-page__banner__actions"};var Button=__webpack_require__("./src/vue/components/Button.vue"),DropdownButton=__webpack_require__("./src/vue/components/dropdown-button/DropdownButton.vue");const CoursePageBannervue_type_script_lang_js={props:{imageUrl:String,theme:String,title:String},setup:function setup(props){return{imageUrl:props.imageUrl,theme:props.theme,title:props.title}},components:{Button:Button.Z,DropdownButton:DropdownButton.Z}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CoursePageBannervue_type_style_index_0_id_25b35bae_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/course-page-banner/CoursePageBanner.vue?vue&type=style&index=0&id=25b35bae&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CoursePageBannervue_type_style_index_0_id_25b35bae_lang_scss.Z,options);CoursePageBannervue_type_style_index_0_id_25b35bae_lang_scss.Z&&CoursePageBannervue_type_style_index_0_id_25b35bae_lang_scss.Z.locals&&CoursePageBannervue_type_style_index_0_id_25b35bae_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(CoursePageBannervue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_Button=(0,vue_esm_bundler.up)("Button"),_component_DropdownButton=(0,vue_esm_bundler.up)("DropdownButton");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",{class:(0,vue_esm_bundler.C_)(["course-page__banner",$setup.theme])},[(0,vue_esm_bundler._)("div",_hoisted_1,[(0,vue_esm_bundler._)("img",{src:$setup.imageUrl},null,8,_hoisted_2)]),(0,vue_esm_bundler._)("h1",_hoisted_3,(0,vue_esm_bundler.zw)($setup.title),1),(0,vue_esm_bundler._)("div",_hoisted_4,[(0,vue_esm_bundler.Wm)(_component_Button,{type:"outlined"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Meld deg av")]})),_:1}),(0,vue_esm_bundler.Wm)(_component_DropdownButton)])],2)}]]),CoursePageBanner=__exports__;var _CoursePageBannerComp,_CoursePageBannerComp2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__exports__.__docgenInfo={exportName:"default",displayName:"CoursePageBanner",description:"",tags:{},props:[{name:"imageUrl",type:{name:"string"}},{name:"theme",type:{name:"string"}},{name:"title",type:{name:"string"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/course-page-banner/CoursePageBanner.vue"]};var server="/frontend/",CoursePageBanner_stories_images=[server+"IllustrasjonerKompetansepakker/Barnehage/DigitaldoemmekraftIBarnehagenMedLederstoette/digital-dommekraft-i-barnehagen-med-lederstotte-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/DigitalUndervisningPaaSkolenOgHjemme/digital-undervisning-på-skolen-og-hjemme-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/InkluderingOgUniversellUtformingIDigitalPraksis/inkludering-og-universell-utforming-i-digital-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/PersonvernILaeringsTeknologiForEiereOgLedere/personvern-i-laeringsteknologi-for-eiere-og-ledere-liten.svg",server+"/IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/TeknologiOgDigitaleFerdigheter/teknologi-og-digitale-ferdigheter-liten.svg",server+"IllustrasjonerKompetansepakker/EksamensOgProvesystemet/eksamens-og-provesystemet-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/EleverMedStorLaeringspotensial/elever-med-stor-laeringspotensial-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/InkluderendePraksis/inkluderende-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/InnforingAvNyeLaereplanerForLaerebedrifterOgProevenemder/NyeLaereplanerForLaerebedrifter/nye-laereplaner-for-laerebedrifter-liten.svg",server+"IllustrasjonerKompetansepakker/ProgrammeringOgValgfagForUngdomstrinnet/programmering-valgfag-for-laerere-liten.svg",server+"IllustrasjonerKompetansepakker/SFO/TrygtOgGodtMiljoISfo/trygt-og-godt-miljo-i-SFO-liten.svg",server+"IllustrasjonerKompetansepakker/Skolemiljo/TrygtOgGodtSkolemiljo/trygt-og-godt-skolemiljo-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/InnforingAvNyttLaereplanverk/innfoering-av-nytt-laereplanverk(fagfornyelsen)-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/ProgrammeringOgAlgoritmiskTenkning/programmering-og-algoritmisk-tenkning-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/PersonvernISkolen/personvern-i-skolen-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/RegelverkIFagOgYrkesopplaering/regelverk-i-fag-og-yrkesopplaering-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/TospraakligFagopplaering/tospraaaklig-fagopplaering-liten.svg"];const CoursePageBanner_stories={title:"Components/CoursePageBanner",component:CoursePageBanner};var CoursePageBannerComponent={render:function render(args){return{components:{CoursePageBanner},setup:function setup(){return{args}},template:'<CoursePageBanner v-bind="args"/>'}},args:{theme:"theme_0",imageUrl:CoursePageBanner_stories_images[1],title:"Inkludering og universell utforming i praksis."},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["theme_0","theme_1","theme_2","theme_3","theme_4","theme_5","theme_6","theme_7","theme_8"]},imageUrl:{control:{type:"select"},options:CoursePageBanner_stories_images}}};CoursePageBannerComponent.parameters=_objectSpread(_objectSpread({},CoursePageBannerComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_CoursePageBannerComp=CoursePageBannerComponent.parameters)||void 0===_CoursePageBannerComp?void 0:_CoursePageBannerComp.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      CoursePageBanner\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<CoursePageBanner v-bind="args"/>\'\n  }),\n  args: {\n    theme: "theme_0",\n    imageUrl: images[1],\n    title: \'Inkludering og universell utforming i praksis.\'\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    theme: {\n      control: {\n        type: "select"\n      },\n      options: ["theme_0", "theme_1", "theme_2", "theme_3", "theme_4", "theme_5", "theme_6", "theme_7", "theme_8"]\n    },\n    imageUrl: {\n      control: {\n        type: "select"\n      },\n      options: images\n    }\n  }\n}'},null===(_CoursePageBannerComp2=CoursePageBannerComponent.parameters)||void 0===_CoursePageBannerComp2||null===(_CoursePageBannerComp2=_CoursePageBannerComp2.docs)||void 0===_CoursePageBannerComp2?void 0:_CoursePageBannerComp2.source)})});var __namedExportsOrder=["CoursePageBannerComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/course-page-banner/CoursePageBanner.vue?vue&type=style&index=0&id=25b35bae&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".course-page__banner{width:100%;height:12rem;padding:0 1rem 0 1rem;display:flex;align-items:center;justify-content:space-between}.course-page__banner__illustration{width:26rem;height:100%;width:auto;display:flex;justify-content:center;align-items:center}.course-page__banner__illustration img{width:100%}.course-page__banner__title{font-family:Montserrat;font-size:36px;font-style:normal;font-weight:500;line-height:normal;margin:0 1rem 0 1rem}.course-page__banner__actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-end;margin-right:1rem}.course-page__banner.theme_0{background:#e3f2eb}.course-page__banner.theme_1{background:#ef9a9a}.course-page__banner.theme_2{background:#eaeaf5}.course-page__banner.theme_3{background:#f5f7f9}.course-page__banner.theme_4{background:#a0b1bf}.course-page__banner.theme_5{background:#ffebee}.course-page__banner.theme_6{background:#ffcdd2}.course-page__banner.theme_7{background:#ffcc80}.course-page__banner.theme_8{background:#fff3e0}","",{version:3,sources:["webpack://./src/vue/components/course-page-banner/CoursePageBanner.vue"],names:[],mappings:"AAGA,qBACE,UAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CAEA,mCACE,WAAA,CACA,WAAA,CACA,UAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,uCACE,UAAA,CAIJ,4BACE,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,oBAAA,CAGF,8BACE,YAAA,CACA,qBAAA,CACA,QAAA,CACA,sBAAA,CACA,oBAAA,CACA,iBAAA,CAGF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA",sourcesContent:["\n@import '../../design/card-themes';\n\n.course-page__banner {\n  width: 100%;\n  height: 12rem;\n  padding: 0 1rem 0 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  &__illustration {\n    width: 26rem;\n    height: 100%;\n    width: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  &__title {\n    font-family: Montserrat;\n    font-size: 36px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    margin: 0 1rem 0 1rem;\n  }\n\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    justify-content: center;\n    align-items: flex-end;\n    margin-right: 1rem;\n  }\n\n  &.theme_0 {\n    background: map-get($theme_0, background);\n  }\n  &.theme_1 {\n    background: map-get($theme_1, background);\n  }\n  &.theme_2 {\n    background: map-get($theme_2, background);\n  }\n  &.theme_3 {\n    background: map-get($theme_3, background);\n  }\n  &.theme_4 {\n    background: map-get($theme_4, background);\n  }\n  &.theme_5 {\n    background: map-get($theme_5, background);\n  }\n  &.theme_6 {\n    background: map-get($theme_6, background);\n  }\n  &.theme_7 {\n    background: map-get($theme_7, background);\n  }\n  &.theme_8 {\n    background: map-get($theme_8, background);\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
\ No newline at end of file
diff --git a/components-course-page-banner-CoursePageBanner-stories.88ae9af6.iframe.bundle.js b/components-course-page-banner-CoursePageBanner-stories.88ae9af6.iframe.bundle.js
deleted file mode 100644
index 598ecb37..00000000
--- a/components-course-page-banner-CoursePageBanner-stories.88ae9af6.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[297],{"./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js":(__unused_webpack_module,exports)=>{exports.Z=(sfc,props)=>{const target=sfc.__vccOpts||sfc;for(const[key,val]of props)target[key]=val;return target}},"./src/vue/components/course-page-banner/CoursePageBanner.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CoursePageBannerComponent:()=>CoursePageBannerComponent,__namedExportsOrder:()=>__namedExportsOrder,default:()=>CoursePageBanner_stories});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js"),_hoisted_1={class:"course-page__banner__illustration"},_hoisted_2=["src"],_hoisted_3={class:"course-page__banner__title"},_hoisted_4={class:"course-page__banner__actions"};var Button=__webpack_require__("./src/vue/components/Button.vue");const CoursePageBannervue_type_script_lang_js={props:{imageUrl:String,theme:String,title:String},setup:function setup(props){return{imageUrl:props.imageUrl,theme:props.theme,title:props.title}},components:{Button:Button.Z}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CoursePageBannervue_type_style_index_0_id_b0010be6_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/course-page-banner/CoursePageBanner.vue?vue&type=style&index=0&id=b0010be6&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CoursePageBannervue_type_style_index_0_id_b0010be6_lang_scss.Z,options);CoursePageBannervue_type_style_index_0_id_b0010be6_lang_scss.Z&&CoursePageBannervue_type_style_index_0_id_b0010be6_lang_scss.Z.locals&&CoursePageBannervue_type_style_index_0_id_b0010be6_lang_scss.Z.locals;const __exports__=(0,__webpack_require__("./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/exportHelper.js").Z)(CoursePageBannervue_type_script_lang_js,[["render",function render(_ctx,_cache,$props,$setup,$data,$options){var _component_Button=(0,vue_esm_bundler.up)("Button");return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("div",{class:(0,vue_esm_bundler.C_)(["course-page__banner",$setup.theme])},[(0,vue_esm_bundler._)("div",_hoisted_1,[(0,vue_esm_bundler._)("img",{src:$setup.imageUrl},null,8,_hoisted_2)]),(0,vue_esm_bundler._)("h1",_hoisted_3,(0,vue_esm_bundler.zw)($setup.title),1),(0,vue_esm_bundler._)("div",_hoisted_4,[(0,vue_esm_bundler.Wm)(_component_Button,{type:"outlined"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Meld deg av")]})),_:1}),(0,vue_esm_bundler.Wm)(_component_Button,{type:"outlined"},{default:(0,vue_esm_bundler.w5)((function(){return[(0,vue_esm_bundler.Uk)("Velg språk")]})),_:1})])],2)}]]),CoursePageBanner=__exports__;var _CoursePageBannerComp,_CoursePageBannerComp2;function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}__exports__.__docgenInfo={exportName:"default",displayName:"CoursePageBanner",description:"",tags:{},props:[{name:"imageUrl",type:{name:"string"}},{name:"theme",type:{name:"string"}},{name:"title",type:{name:"string"}}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/course-page-banner/CoursePageBanner.vue"]};var server="/frontend/",CoursePageBanner_stories_images=[server+"IllustrasjonerKompetansepakker/Barnehage/DigitaldoemmekraftIBarnehagenMedLederstoette/digital-dommekraft-i-barnehagen-med-lederstotte-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/DigitalUndervisningPaaSkolenOgHjemme/digital-undervisning-på-skolen-og-hjemme-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/InkluderingOgUniversellUtformingIDigitalPraksis/inkludering-og-universell-utforming-i-digital-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/PersonvernILaeringsTeknologiForEiereOgLedere/personvern-i-laeringsteknologi-for-eiere-og-ledere-liten.svg",server+"/IllustrasjonerKompetansepakker/DigitalKompetanseISkolen/TeknologiOgDigitaleFerdigheter/teknologi-og-digitale-ferdigheter-liten.svg",server+"IllustrasjonerKompetansepakker/EksamensOgProvesystemet/eksamens-og-provesystemet-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/EleverMedStorLaeringspotensial/elever-med-stor-laeringspotensial-liten.svg",server+"IllustrasjonerKompetansepakker/Inkludering/InkluderendePraksis/inkluderende-praksis-liten.svg",server+"IllustrasjonerKompetansepakker/InnforingAvNyeLaereplanerForLaerebedrifterOgProevenemder/NyeLaereplanerForLaerebedrifter/nye-laereplaner-for-laerebedrifter-liten.svg",server+"IllustrasjonerKompetansepakker/ProgrammeringOgValgfagForUngdomstrinnet/programmering-valgfag-for-laerere-liten.svg",server+"IllustrasjonerKompetansepakker/SFO/TrygtOgGodtMiljoISfo/trygt-og-godt-miljo-i-SFO-liten.svg",server+"IllustrasjonerKompetansepakker/Skolemiljo/TrygtOgGodtSkolemiljo/trygt-og-godt-skolemiljo-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/InnforingAvNyttLaereplanverk/innfoering-av-nytt-laereplanverk(fagfornyelsen)-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedLaereplanverket/ProgrammeringOgAlgoritmiskTenkning/programmering-og-algoritmisk-tenkning-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/PersonvernISkolen/personvern-i-skolen-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/RegelverkIFagOgYrkesopplaering/regelverk-i-fag-og-yrkesopplaering-liten.svg",server+"IllustrasjonerKompetansepakker/StotteTilArbeidMedRegelverket/TospraakligFagopplaering/tospraaaklig-fagopplaering-liten.svg"];const CoursePageBanner_stories={title:"Components/CoursePageBanner",component:CoursePageBanner};var CoursePageBannerComponent={render:function render(args){return{components:{CoursePageBanner},setup:function setup(){return{args}},template:'<CoursePageBanner v-bind="args"/>'}},args:{theme:"theme_0",imageUrl:CoursePageBanner_stories_images[1],title:"Inkludering og universell utforming i praksis."},tags:["autodocs"],argTypes:{theme:{control:{type:"select"},options:["theme_0","theme_1","theme_2","theme_3","theme_4","theme_5","theme_6","theme_7","theme_8"]},imageUrl:{control:{type:"select"},options:CoursePageBanner_stories_images}}};CoursePageBannerComponent.parameters=_objectSpread(_objectSpread({},CoursePageBannerComponent.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_CoursePageBannerComp=CoursePageBannerComponent.parameters)||void 0===_CoursePageBannerComp?void 0:_CoursePageBannerComp.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      CoursePageBanner\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<CoursePageBanner v-bind="args"/>\'\n  }),\n  args: {\n    theme: "theme_0",\n    imageUrl: images[1],\n    title: \'Inkludering og universell utforming i praksis.\'\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    theme: {\n      control: {\n        type: "select"\n      },\n      options: ["theme_0", "theme_1", "theme_2", "theme_3", "theme_4", "theme_5", "theme_6", "theme_7", "theme_8"]\n    },\n    imageUrl: {\n      control: {\n        type: "select"\n      },\n      options: images\n    }\n  }\n}'},null===(_CoursePageBannerComp2=CoursePageBannerComponent.parameters)||void 0===_CoursePageBannerComp2||null===(_CoursePageBannerComp2=_CoursePageBannerComp2.docs)||void 0===_CoursePageBannerComp2?void 0:_CoursePageBannerComp2.source)})});var __namedExportsOrder=["CoursePageBannerComponent"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .125rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,oBAGE,6BAAA,CACA,0BAAA,CACA,qBAAA,CAGF,KACE,cAAA,CACA,iBAAA,CACA,kBCJe,CDKf,UCFY,CDGZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CACA,WACE,kBAAA,CACA,UCTU,CDad,aACE,kBCjBe,CDkBf,UCfY,CDgBZ,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAGJ,eACE,eC3BY,CD4BZ,aC/Be,CDgCf,4BAAA,CACA,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n*,\n*:after,\n*::before {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n}\n\n.btn--filled {\n  background: $color-grey-900;\n  color: $color-white;\n  &.btn--sm {\n    padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n  }\n  &.btn--md {\n    padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n  }\n  &.btn--lg {\n    padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n  }\n}\n.btn--outlined {\n  background: $color-white;\n  color: $color-grey-900;\n  border: 0.125rem solid $color-grey-900;\n  &.btn--sm {\n    padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n  }\n  &.btn--md {\n    padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n  }\n  &.btn--lg {\n    padding: 0.625rem 1.625rem 0.125rem 1.625rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/course-page-banner/CoursePageBanner.vue?vue&type=style&index=0&id=b0010be6&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".course-page__banner{width:100%;height:12rem;padding:0 1rem 0 1rem;display:flex;align-items:center;justify-content:space-between}.course-page__banner__illustration{width:26rem;height:100%;width:auto;display:flex;justify-content:center;align-items:center}.course-page__banner__illustration img{width:100%}.course-page__banner__title{font-family:Montserrat;font-size:36px;font-style:normal;font-weight:500;line-height:normal;margin:0 1rem 0 1rem}.course-page__banner__actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:flex-end}.course-page__banner.theme_0{background:#e3f2eb}.course-page__banner.theme_1{background:#ef9a9a}.course-page__banner.theme_2{background:#eaeaf5}.course-page__banner.theme_3{background:#f5f7f9}.course-page__banner.theme_4{background:#a0b1bf}.course-page__banner.theme_5{background:#ffebee}.course-page__banner.theme_6{background:#ffcdd2}.course-page__banner.theme_7{background:#ffcc80}.course-page__banner.theme_8{background:#fff3e0}","",{version:3,sources:["webpack://./src/vue/components/course-page-banner/CoursePageBanner.vue"],names:[],mappings:"AAGA,qBACE,UAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CAEA,mCACE,WAAA,CACA,WAAA,CACA,UAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAEA,uCACE,UAAA,CAIJ,4BACE,sBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,oBAAA,CAGF,8BACE,YAAA,CACA,qBAAA,CACA,QAAA,CACA,sBAAA,CACA,oBAAA,CAGF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA,CAEF,6BACE,kBAAA",sourcesContent:["\n@import '../../design/card-themes';\n\n.course-page__banner {\n  width: 100%;\n  height: 12rem;\n  padding: 0 1rem 0 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  &__illustration {\n    width: 26rem;\n    height: 100%;\n    width: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  &__title {\n    font-family: Montserrat;\n    font-size: 36px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    margin: 0 1rem 0 1rem;\n  }\n\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    justify-content: center;\n    align-items: flex-end;\n  }\n\n  &.theme_0 {\n    background: map-get($theme_0, background);\n  }\n  &.theme_1 {\n    background: map-get($theme_1, background);\n  }\n  &.theme_2 {\n    background: map-get($theme_2, background);\n  }\n  &.theme_3 {\n    background: map-get($theme_3, background);\n  }\n  &.theme_4 {\n    background: map-get($theme_4, background);\n  }\n  &.theme_5 {\n    background: map-get($theme_5, background);\n  }\n  &.theme_6 {\n    background: map-get($theme_6, background);\n  }\n  &.theme_7 {\n    background: map-get($theme_7, background);\n  }\n  &.theme_8 {\n    background: map-get($theme_8, background);\n  }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:["size","type","text","link"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)([{btn:!0},{"btn--filled":void 0===__props.type||"submit"===__props.type||"filled"===__props.type},{"btn--outlined":"outlined"===__props.type},{"btn--sm":"sm"===__props.size},{"btn--md":void 0===__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_04759d44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z,options);Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"undefined"}},{name:"type",type:{name:"undefined"}},{name:"text",type:{name:"undefined"}},{name:"link",type:{name:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}}}]);
\ No newline at end of file
diff --git a/components-dropdown-button-DropdownButton-stories.8ac74224.iframe.bundle.js b/components-dropdown-button-DropdownButton-stories.8ac74224.iframe.bundle.js
new file mode 100644
index 00000000..8c4e03ef
--- /dev/null
+++ b/components-dropdown-button-DropdownButton-stories.8ac74224.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[973],{"./src/vue/components/dropdown-button/DropdownButton.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Default$parameters,_Default$parameters2,_DropdownButton_vue__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/vue/components/dropdown-button/DropdownButton.vue");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/DropdownButton",component:_DropdownButton_vue__WEBPACK_IMPORTED_MODULE_0__.Z};var Default=function Template(){return{components:{DropdownButton:_DropdownButton_vue__WEBPACK_IMPORTED_MODULE_0__.Z},template:"<DropdownButton />"}}.bind({});Default.parameters=_objectSpread(_objectSpread({},Default.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs),{},{source:_objectSpread({originalSource:"() => ({\n  components: {\n    DropdownButton\n  },\n  template: '<DropdownButton />'\n})"},null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2=_Default$parameters2.docs)||void 0===_Default$parameters2?void 0:_Default$parameters2.source)})});var __namedExportsOrder=["Default"]}}]);
\ No newline at end of file
diff --git a/iframe.html b/iframe.html
index d44d1eff..59ac9fa7 100644
--- a/iframe.html
+++ b/iframe.html
@@ -348,8 +348,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":"tag"};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.cd00d250.iframe.bundle.js';
+      import './runtime~main.cfaf4878.iframe.bundle.js';
       
       import './685.ea3b5b90.iframe.bundle.js';
       
-      import './main.7a6d37f5.iframe.bundle.js';</script></body></html>
\ No newline at end of file
+      import './main.9d230ecf.iframe.bundle.js';</script></body></html>
\ No newline at end of file
diff --git a/index.json b/index.json
index 78a1b648..88cb43bd 100644
--- a/index.json
+++ b/index.json
@@ -1 +1 @@
-{"v":4,"entries":{"components-checkboxinput--default":{"type":"story","id":"components-checkboxinput--default","name":"Default","title":"Components/CheckboxInput","importPath":"./src/vue/components/checkbox-input/CheckboxInput.stories.js","tags":["story"]},"components-coursemodules--two-level-tree":{"type":"story","id":"components-coursemodules--two-level-tree","name":"Two Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"]},"components-coursemodules--three-level-tree":{"type":"story","id":"components-coursemodules--three-level-tree","name":"Three Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"]},"components-coursepagebanner--docs":{"id":"components-coursepagebanner--docs","title":"Components/CoursePageBanner","name":"Docs","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"components-coursepagebanner--course-page-banner-component":{"type":"story","id":"components-coursepagebanner--course-page-banner-component","name":"Course Page Banner Component","title":"Components/CoursePageBanner","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","story"]},"components-iconbutton--close-button":{"type":"story","id":"components-iconbutton--close-button","name":"Close Button","title":"components/IconButton","importPath":"./src/vue/components/icon-button/IconButton.stories.js","tags":["story"]},"components-icon--default":{"type":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/vue/components/icon/Icon.stories.js","tags":["story"]},"components-link--default":{"type":"story","id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./src/vue/components/link/Link.stories.js","tags":["story"]},"components-loginform--default":{"type":"story","id":"components-loginform--default","name":"Default","title":"Components/LoginForm","importPath":"./src/vue/components/login-form/LoginForm.stories.js","tags":["story"]},"components-modal--default":{"type":"story","id":"components-modal--default","name":"Default","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-header":{"type":"story","id":"components-modal--without-header","name":"Without Header","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-actions":{"type":"story","id":"components-modal--without-actions","name":"Without Actions","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-main-content":{"type":"story","id":"components-modal--without-main-content","name":"Without Main Content","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"example-modalexample--default":{"type":"story","id":"example-modalexample--default","name":"Default","title":"Example/ModalExample","importPath":"./src/vue/components/modal/ModalExample.stories.js","tags":["story"]},"components-textinput--email":{"type":"story","id":"components-textinput--email","name":"Email","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"]},"components-textinput--password":{"type":"story","id":"components-textinput--password","name":"Password","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"]},"pages-loginpage--login":{"type":"story","id":"pages-loginpage--login","name":"Login","title":"Pages/LoginPage","importPath":"./src/vue/pages/login-page/LoginPage.stories.js","tags":["story"]},"stories-banner--banner-component":{"type":"story","id":"stories-banner--banner-component","name":"Banner Component","title":"stories/Banner","importPath":"./src/vue/stories/Banner.stories.js","tags":["story"]},"stories-button--docs":{"id":"stories-button--docs","title":"stories/Button","name":"Docs","importPath":"./src/vue/stories/Button.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-button--primary-button":{"type":"story","id":"stories-button--primary-button","name":"Primary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","story"]},"stories-button--secondary-button":{"type":"story","id":"stories-button--secondary-button","name":"Secondary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["story"]},"stories-card--docs":{"id":"stories-card--docs","title":"stories/Card","name":"Docs","importPath":"./src/vue/stories/Card.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-card--card-component":{"type":"story","id":"stories-card--card-component","name":"Card Component","title":"stories/Card","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","story"]},"stories-footer--docs":{"id":"stories-footer--docs","title":"stories/Footer","name":"Docs","importPath":"./src/vue/stories/Footer.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-footer--footer":{"type":"story","id":"stories-footer--footer","name":"Footer","title":"stories/Footer","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","story"]},"stories-navbar--docs":{"id":"stories-navbar--docs","title":"stories/Navbar","name":"Docs","importPath":"./src/vue/stories/Navbar.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-navbar--nav":{"type":"story","id":"stories-navbar--nav","name":"Nav","title":"stories/Navbar","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","story"]}}}
+{"v":4,"entries":{"components-checkboxinput--default":{"type":"story","id":"components-checkboxinput--default","name":"Default","title":"Components/CheckboxInput","importPath":"./src/vue/components/checkbox-input/CheckboxInput.stories.js","tags":["story"]},"components-coursemodules--two-level-tree":{"type":"story","id":"components-coursemodules--two-level-tree","name":"Two Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"]},"components-coursemodules--three-level-tree":{"type":"story","id":"components-coursemodules--three-level-tree","name":"Three Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"]},"components-coursepagebanner--docs":{"id":"components-coursepagebanner--docs","title":"Components/CoursePageBanner","name":"Docs","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"components-coursepagebanner--course-page-banner-component":{"type":"story","id":"components-coursepagebanner--course-page-banner-component","name":"Course Page Banner Component","title":"Components/CoursePageBanner","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","story"]},"components-dropdownbutton--default":{"type":"story","id":"components-dropdownbutton--default","name":"Default","title":"Components/DropdownButton","importPath":"./src/vue/components/dropdown-button/DropdownButton.stories.js","tags":["story"]},"components-iconbutton--close-button":{"type":"story","id":"components-iconbutton--close-button","name":"Close Button","title":"components/IconButton","importPath":"./src/vue/components/icon-button/IconButton.stories.js","tags":["story"]},"components-icon--default":{"type":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/vue/components/icon/Icon.stories.js","tags":["story"]},"components-link--default":{"type":"story","id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./src/vue/components/link/Link.stories.js","tags":["story"]},"components-loginform--default":{"type":"story","id":"components-loginform--default","name":"Default","title":"Components/LoginForm","importPath":"./src/vue/components/login-form/LoginForm.stories.js","tags":["story"]},"components-modal--default":{"type":"story","id":"components-modal--default","name":"Default","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-header":{"type":"story","id":"components-modal--without-header","name":"Without Header","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-actions":{"type":"story","id":"components-modal--without-actions","name":"Without Actions","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"components-modal--without-main-content":{"type":"story","id":"components-modal--without-main-content","name":"Without Main Content","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"]},"example-modalexample--default":{"type":"story","id":"example-modalexample--default","name":"Default","title":"Example/ModalExample","importPath":"./src/vue/components/modal/ModalExample.stories.js","tags":["story"]},"components-textinput--email":{"type":"story","id":"components-textinput--email","name":"Email","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"]},"components-textinput--password":{"type":"story","id":"components-textinput--password","name":"Password","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"]},"pages-loginpage--login":{"type":"story","id":"pages-loginpage--login","name":"Login","title":"Pages/LoginPage","importPath":"./src/vue/pages/login-page/LoginPage.stories.js","tags":["story"]},"stories-banner--banner-component":{"type":"story","id":"stories-banner--banner-component","name":"Banner Component","title":"stories/Banner","importPath":"./src/vue/stories/Banner.stories.js","tags":["story"]},"stories-button--docs":{"id":"stories-button--docs","title":"stories/Button","name":"Docs","importPath":"./src/vue/stories/Button.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-button--primary-button":{"type":"story","id":"stories-button--primary-button","name":"Primary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","story"]},"stories-button--secondary-button":{"type":"story","id":"stories-button--secondary-button","name":"Secondary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["story"]},"stories-card--docs":{"id":"stories-card--docs","title":"stories/Card","name":"Docs","importPath":"./src/vue/stories/Card.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-card--card-component":{"type":"story","id":"stories-card--card-component","name":"Card Component","title":"stories/Card","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","story"]},"stories-footer--docs":{"id":"stories-footer--docs","title":"stories/Footer","name":"Docs","importPath":"./src/vue/stories/Footer.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-footer--footer":{"type":"story","id":"stories-footer--footer","name":"Footer","title":"stories/Footer","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","story"]},"stories-navbar--docs":{"id":"stories-navbar--docs","title":"stories/Navbar","name":"Docs","importPath":"./src/vue/stories/Navbar.stories.js","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"stories-navbar--nav":{"type":"story","id":"stories-navbar--nav","name":"Nav","title":"stories/Navbar","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","story"]}}}
diff --git a/main.7a6d37f5.iframe.bundle.js b/main.7a6d37f5.iframe.bundle.js
deleted file mode 100644
index e6e5f1b5..00000000
--- a/main.7a6d37f5.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[179],{"./src/vue/.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={parameters:{actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}}}},"./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./components/checkbox-input/CheckboxInput.stories":["./src/vue/components/checkbox-input/CheckboxInput.stories.js",64,805],"./components/checkbox-input/CheckboxInput.stories.js":["./src/vue/components/checkbox-input/CheckboxInput.stories.js",64,805],"./components/course-modules/CourseModules.stories":["./src/vue/components/course-modules/CourseModules.stories.js",561],"./components/course-modules/CourseModules.stories.js":["./src/vue/components/course-modules/CourseModules.stories.js",561],"./components/course-page-banner/CoursePageBanner.stories":["./src/vue/components/course-page-banner/CoursePageBanner.stories.js",297],"./components/course-page-banner/CoursePageBanner.stories.js":["./src/vue/components/course-page-banner/CoursePageBanner.stories.js",297],"./components/icon-button/IconButton.stories":["./src/vue/components/icon-button/IconButton.stories.js",315,59],"./components/icon-button/IconButton.stories.js":["./src/vue/components/icon-button/IconButton.stories.js",315,59],"./components/icon/Icon.stories":["./src/vue/components/icon/Icon.stories.js",957],"./components/icon/Icon.stories.js":["./src/vue/components/icon/Icon.stories.js",957],"./components/link/Link.stories":["./src/vue/components/link/Link.stories.js",539],"./components/link/Link.stories.js":["./src/vue/components/link/Link.stories.js",539],"./components/login-form/LoginForm.stories":["./src/vue/components/login-form/LoginForm.stories.js",64,408,39,741],"./components/login-form/LoginForm.stories.js":["./src/vue/components/login-form/LoginForm.stories.js",64,408,39,741],"./components/modal/Modal.stories":["./src/vue/components/modal/Modal.stories.js",315,452,707],"./components/modal/Modal.stories.js":["./src/vue/components/modal/Modal.stories.js",315,452,707],"./components/modal/ModalExample.stories":["./src/vue/components/modal/ModalExample.stories.js",315,452,240],"./components/modal/ModalExample.stories.js":["./src/vue/components/modal/ModalExample.stories.js",315,452,240],"./components/text-input/TextInput.stories":["./src/vue/components/text-input/TextInput.stories.js",64,408,860],"./components/text-input/TextInput.stories.js":["./src/vue/components/text-input/TextInput.stories.js",64,408,860],"./pages/login-page/LoginPage.stories":["./src/vue/pages/login-page/LoginPage.stories.js",64,408,39,249],"./pages/login-page/LoginPage.stories.js":["./src/vue/pages/login-page/LoginPage.stories.js",64,408,39,249],"./stories/Banner.stories":["./src/vue/stories/Banner.stories.js",468],"./stories/Banner.stories.js":["./src/vue/stories/Banner.stories.js",468],"./stories/Button.stories":["./src/vue/stories/Button.stories.js",256],"./stories/Button.stories.js":["./src/vue/stories/Button.stories.js",256],"./stories/Card.stories":["./src/vue/stories/Card.stories.js",16],"./stories/Card.stories.js":["./src/vue/stories/Card.stories.js",16],"./stories/Footer.stories":["./src/vue/stories/Footer.stories.js",513],"./stories/Footer.stories.js":["./src/vue/stories/Footer.stories.js",513],"./stories/Navbar.stories":["./src/vue/stories/Navbar.stories.js",189],"./stories/Navbar.stories.js":["./src/vue/stories/Navbar.stories.js",189]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:src\/vue(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(10);return __webpack_require__("./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;i<importers.length;i++){const moduleExports=await(x=()=>importers[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/vue3/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-styling/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.mjs"),__webpack_require__("./src/vue/.storybook/preview.js")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[685],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]);
\ No newline at end of file
diff --git a/main.9d230ecf.iframe.bundle.js b/main.9d230ecf.iframe.bundle.js
new file mode 100644
index 00000000..48da91a8
--- /dev/null
+++ b/main.9d230ecf.iframe.bundle.js
@@ -0,0 +1 @@
+(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[179],{"./src/vue/.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={parameters:{actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}}}},"./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./components/checkbox-input/CheckboxInput.stories":["./src/vue/components/checkbox-input/CheckboxInput.stories.js",64,805],"./components/checkbox-input/CheckboxInput.stories.js":["./src/vue/components/checkbox-input/CheckboxInput.stories.js",64,805],"./components/course-modules/CourseModules.stories":["./src/vue/components/course-modules/CourseModules.stories.js",561],"./components/course-modules/CourseModules.stories.js":["./src/vue/components/course-modules/CourseModules.stories.js",561],"./components/course-page-banner/CoursePageBanner.stories":["./src/vue/components/course-page-banner/CoursePageBanner.stories.js",204,297],"./components/course-page-banner/CoursePageBanner.stories.js":["./src/vue/components/course-page-banner/CoursePageBanner.stories.js",204,297],"./components/dropdown-button/DropdownButton.stories":["./src/vue/components/dropdown-button/DropdownButton.stories.js",204,973],"./components/dropdown-button/DropdownButton.stories.js":["./src/vue/components/dropdown-button/DropdownButton.stories.js",204,973],"./components/icon-button/IconButton.stories":["./src/vue/components/icon-button/IconButton.stories.js",315,59],"./components/icon-button/IconButton.stories.js":["./src/vue/components/icon-button/IconButton.stories.js",315,59],"./components/icon/Icon.stories":["./src/vue/components/icon/Icon.stories.js",957],"./components/icon/Icon.stories.js":["./src/vue/components/icon/Icon.stories.js",957],"./components/link/Link.stories":["./src/vue/components/link/Link.stories.js",539],"./components/link/Link.stories.js":["./src/vue/components/link/Link.stories.js",539],"./components/login-form/LoginForm.stories":["./src/vue/components/login-form/LoginForm.stories.js",64,408,39,741],"./components/login-form/LoginForm.stories.js":["./src/vue/components/login-form/LoginForm.stories.js",64,408,39,741],"./components/modal/Modal.stories":["./src/vue/components/modal/Modal.stories.js",315,564,707],"./components/modal/Modal.stories.js":["./src/vue/components/modal/Modal.stories.js",315,564,707],"./components/modal/ModalExample.stories":["./src/vue/components/modal/ModalExample.stories.js",315,564,240],"./components/modal/ModalExample.stories.js":["./src/vue/components/modal/ModalExample.stories.js",315,564,240],"./components/text-input/TextInput.stories":["./src/vue/components/text-input/TextInput.stories.js",64,408,860],"./components/text-input/TextInput.stories.js":["./src/vue/components/text-input/TextInput.stories.js",64,408,860],"./pages/login-page/LoginPage.stories":["./src/vue/pages/login-page/LoginPage.stories.js",64,408,39,249],"./pages/login-page/LoginPage.stories.js":["./src/vue/pages/login-page/LoginPage.stories.js",64,408,39,249],"./stories/Banner.stories":["./src/vue/stories/Banner.stories.js",468],"./stories/Banner.stories.js":["./src/vue/stories/Banner.stories.js",468],"./stories/Button.stories":["./src/vue/stories/Button.stories.js",256],"./stories/Button.stories.js":["./src/vue/stories/Button.stories.js",256],"./stories/Card.stories":["./src/vue/stories/Card.stories.js",16],"./stories/Card.stories.js":["./src/vue/stories/Card.stories.js",16],"./stories/Footer.stories":["./src/vue/stories/Footer.stories.js",513],"./stories/Footer.stories.js":["./src/vue/stories/Footer.stories.js",513],"./stories/Navbar.stories":["./src/vue/stories/Navbar.stories.js",189],"./stories/Navbar.stories.js":["./src/vue/stories/Navbar.stories.js",189]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:src\/vue(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|mjs|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(10);return __webpack_require__("./src/vue lazy recursive ^\\.\\/.*$ include: (?:\\/src\\/vue(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cmjs%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;i<importers.length;i++){const moduleExports=await(x=()=>importers[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/vue3/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-styling/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.mjs"),__webpack_require__("./src/vue/.storybook/preview.js")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[685],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]);
\ No newline at end of file
diff --git a/project.json b/project.json
index 2d77d620..a0fbfcef 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1698829629740,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.5.1","storybookVersionSpecifier":"^7.5.1","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.5.1"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.3"}},"addons":{"@storybook/addon-essentials":{"version":"7.5.1"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-links":{"version":"7.5.1"},"@storybook/addon-interactions":{"version":"7.5.1"}}}
+{"generatedAt":1698836165208,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/vue3-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/vue3","storybookVersion":"7.5.1","storybookVersionSpecifier":"^7.5.1","language":"javascript","storybookPackages":{"@storybook/blocks":{"version":"7.5.1"},"@storybook/testing-library":{"version":"0.2.2"},"@storybook/vue3":{"version":"7.5.1"},"@storybook/vue3-webpack5":{"version":"7.5.1"},"storybook":{"version":"7.5.1"},"storybook-addon-sass-postcss":{"version":"0.1.3"}},"addons":{"@storybook/addon-essentials":{"version":"7.5.1"},"@storybook/addon-styling":{"version":"1.3.7"},"@storybook/addon-links":{"version":"7.5.1"},"@storybook/addon-interactions":{"version":"7.5.1"}}}
diff --git a/runtime~main.cd00d250.iframe.bundle.js b/runtime~main.cd00d250.iframe.bundle.js
deleted file mode 100644
index 3484c32a..00000000
--- a/runtime~main.cd00d250.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{"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++){for(var[chunkIds,fn,priority]=deferred[i],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=>(({16:"stories-Card-stories",59:"components-icon-button-IconButton-stories",189:"stories-Navbar-stories",240:"components-modal-ModalExample-stories",249:"pages-login-page-LoginPage-stories",256:"stories-Button-stories",297:"components-course-page-banner-CoursePageBanner-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",707:"components-modal-Modal-stories",741:"components-login-form-LoginForm-stories",805:"components-checkbox-input-CheckboxInput-stories",860:"components-text-input-TextInput-stories",957:"components-icon-Icon-stories"}[chunkId]||chunkId)+"."+{16:"de0a261d",39:"06f83e6d",59:"8bdebce2",64:"fb65876a",189:"4c5e8f37",240:"ce996d6e",249:"01312b8e",256:"d9ef37c7",296:"34c5ea5c",297:"88ae9af6",315:"6f333444",341:"3cc24887",408:"c2a60a8a",426:"0ad131cd",452:"d2f9aecf",468:"d71a7511",513:"3abbfa0a",539:"1c1d1753",561:"0140d8cb",707:"3163ad71",729:"2c565bec",741:"5dd5554f",784:"85ed88b9",805:"c3c93996",860:"a100c64c",957:"a155e826",984:"bc677805"}[chunkId]+".iframe.bundle.js"),__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")=="mooc:"+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","mooc:"+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="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){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)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,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.webpackChunkmooc=self.webpackChunkmooc||[];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/runtime~main.cfaf4878.iframe.bundle.js b/runtime~main.cfaf4878.iframe.bundle.js
new file mode 100644
index 00000000..b6172bf2
--- /dev/null
+++ b/runtime~main.cfaf4878.iframe.bundle.js
@@ -0,0 +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++){for(var[chunkIds,fn,priority]=deferred[i],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=>(({16:"stories-Card-stories",59:"components-icon-button-IconButton-stories",189:"stories-Navbar-stories",240:"components-modal-ModalExample-stories",249:"pages-login-page-LoginPage-stories",256:"stories-Button-stories",297:"components-course-page-banner-CoursePageBanner-stories",468:"stories-Banner-stories",513:"stories-Footer-stories",539:"components-link-Link-stories",561:"components-course-modules-CourseModules-stories",707:"components-modal-Modal-stories",741:"components-login-form-LoginForm-stories",805:"components-checkbox-input-CheckboxInput-stories",860:"components-text-input-TextInput-stories",957:"components-icon-Icon-stories",973:"components-dropdown-button-DropdownButton-stories"}[chunkId]||chunkId)+"."+{16:"de0a261d",39:"0b66d70f",59:"8bdebce2",64:"fb65876a",189:"4c5e8f37",204:"60b164f2",240:"ce996d6e",249:"01312b8e",256:"a657f619",296:"34c5ea5c",297:"84cbe909",315:"6f333444",341:"3cc24887",408:"c2a60a8a",426:"0ad131cd",468:"d71a7511",513:"3abbfa0a",539:"1c1d1753",561:"0140d8cb",564:"e240f5b8",707:"3163ad71",729:"2c565bec",741:"5dd5554f",784:"85ed88b9",805:"c3c93996",860:"a100c64c",957:"a155e826",973:"8ac74224",984:"bc677805"}[chunkId]+".iframe.bundle.js"),__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")=="mooc:"+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","mooc:"+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="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){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)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,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.webpackChunkmooc=self.webpackChunkmooc||[];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/stories-Button-stories.a657f619.iframe.bundle.js b/stories-Button-stories.a657f619.iframe.bundle.js
new file mode 100644
index 00000000..f74bf921
--- /dev/null
+++ b/stories-Button-stories.a657f619.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[256],{"./src/vue/stories/Button.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PrimaryButton:()=>PrimaryButton,SecondaryButton:()=>SecondaryButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _PrimaryButton$parame,_PrimaryButton$parame2,_SecondaryButton$para,_SecondaryButton$para2,_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/vue/components/Button.vue");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const __WEBPACK_DEFAULT_EXPORT__={component:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z};var PrimaryButton={render:function render(args){return{components:{Button:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z},setup:function setup(){return{args}},template:'<Button v-bind="args">Button</Button>'}},args:{type:"filled",size:"md"},tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["filled","outlined"]},size:{control:{type:"select"},options:["sm","md","lg"]}}},SecondaryButton={render:function render(args){return{components:{Button:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z},setup:function setup(){return{args}},template:'<Button v-bind="args">Button</Button>'}},args:{type:"outlined",size:"md"},argTypes:{type:{control:{type:"select"},options:["filled","outlined","dropdown"]},size:{control:{type:"select"},options:["sm","md","lg"]}}};PrimaryButton.parameters=_objectSpread(_objectSpread({},PrimaryButton.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_PrimaryButton$parame=PrimaryButton.parameters)||void 0===_PrimaryButton$parame?void 0:_PrimaryButton$parame.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Button\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Button v-bind="args">Button</Button>\'\n  }),\n  args: {\n    type: "filled",\n    size: "md"\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    type: {\n      control: {\n        type: "select"\n      },\n      options: ["filled", "outlined"]\n    },\n    size: {\n      control: {\n        type: "select"\n      },\n      options: ["sm", "md", "lg"]\n    }\n  }\n}'},null===(_PrimaryButton$parame2=PrimaryButton.parameters)||void 0===_PrimaryButton$parame2||null===(_PrimaryButton$parame2=_PrimaryButton$parame2.docs)||void 0===_PrimaryButton$parame2?void 0:_PrimaryButton$parame2.source)})}),SecondaryButton.parameters=_objectSpread(_objectSpread({},SecondaryButton.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_SecondaryButton$para=SecondaryButton.parameters)||void 0===_SecondaryButton$para?void 0:_SecondaryButton$para.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Button\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Button v-bind="args">Button</Button>\'\n  }),\n  args: {\n    type: "outlined",\n    size: "md"\n  },\n  argTypes: {\n    type: {\n      control: {\n        type: "select"\n      },\n      options: ["filled", "outlined", "dropdown"]\n    },\n    size: {\n      control: {\n        type: "select"\n      },\n      options: ["sm", "md", "lg"]\n    }\n  }\n}'},null===(_SecondaryButton$para2=SecondaryButton.parameters)||void 0===_SecondaryButton$para2||null===(_SecondaryButton$para2=_SecondaryButton$para2.docs)||void 0===_SecondaryButton$para2?void 0:_SecondaryButton$para2.source)})});var __namedExportsOrder=["PrimaryButton","SecondaryButton"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined:hover{border:.125rem solid #00468e}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}.btn--dropdown{background:#fff;color:#303030;border:.125rem solid #303030}.btn--dropdown:hover{background:#303030;border:.125rem solid #303030}.btn--dropdown.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--dropdown.btn--md{padding:.375rem 1.25rem .375rem 1.25rem}.btn--dropdown.btn--lg{padding:.625rem 1.625rem .625rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAGA,KACE,cAAA,CACA,iBAAA,CACA,kBCGe,CDFf,UCKY,CDJZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CAEA,WACE,kBAAA,CACA,UCHU,CDMZ,aACE,kBCVa,CDWb,UCRU,CDUV,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAIJ,eACE,eCtBU,CDuBV,aC1Ba,CD2Bb,4BAAA,CAEA,qBACE,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA,CAIJ,eACE,eC1CU,CD2CV,aC9Ca,CD+Cb,4BAAA,CAEA,qBACE,kBClDW,CDmDX,4BAAA,CAGF,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n\n  &--filled {\n    background: $color-grey-900;\n    color: $color-white;\n\n    &.btn--sm {\n      padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n    }\n    &.btn--md {\n      padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n    }\n    &.btn--lg {\n      padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n    }\n  }\n\n  &--outlined {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      border: 0.125rem solid #00468e;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n\n  &--dropdown {\n    background: $color-white;\n    color: $color-grey-900;\n    border: 0.125rem solid $color-grey-900;\n\n    &:hover {\n      background: $color-grey-900;\n      border: 0.125rem solid $color-grey-900;\n    }\n\n    &.btn--sm {\n      padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n    }\n    &.btn--md {\n      padding: 0.375rem 1.25rem 0.375rem 1.25rem;\n    }\n    &.btn--lg {\n      padding: 0.625rem 1.625rem 0.625rem 1.625rem;\n    }\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:{size:String,type:String},setup:function setup(__props){var props=__props,isFilled=!props.type||"submit"===props.type||"filled"===props.type,isOutlined="outlined"===props.type,isDropdown="dropdown"===props.type;return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)(["btn",{"btn--filled":(0,vue_esm_bundler.SU)(isFilled)},{"btn--outlined":isOutlined},{"btn--dropdown":isDropdown},{"btn--sm":"sm"===__props.size},{"btn--md":!__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_4d637f2b_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=4d637f2b&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z,options);Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_4d637f2b_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"string"}},{name:"type",type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}}}]);
\ No newline at end of file
diff --git a/stories-Button-stories.d9ef37c7.iframe.bundle.js b/stories-Button-stories.d9ef37c7.iframe.bundle.js
deleted file mode 100644
index 9a76e1df..00000000
--- a/stories-Button-stories.d9ef37c7.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmooc=self.webpackChunkmooc||[]).push([[256],{"./src/vue/stories/Button.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PrimaryButton:()=>PrimaryButton,SecondaryButton:()=>SecondaryButton,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _PrimaryButton$parame,_PrimaryButton$parame2,_SecondaryButton$para,_SecondaryButton$para2,_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/vue/components/Button.vue");function _typeof(o){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}const __WEBPACK_DEFAULT_EXPORT__={component:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z};var PrimaryButton={render:function render(args){return{components:{Button:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z},setup:function setup(){return{args}},template:'<Button v-bind="args">Button</Button>'}},args:{type:"filled",size:"md"},tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["filled","outlined"]},size:{control:{type:"select"},options:["sm","md","lg"]}}},SecondaryButton={render:function render(args){return{components:{Button:_components_Button_vue__WEBPACK_IMPORTED_MODULE_0__.Z},setup:function setup(){return{args}},template:'<Button v-bind="args">Button</Button>'}},args:{type:"outlined",size:"md"},argTypes:{type:{control:{type:"select"},options:["filled","outlined"]},size:{control:{type:"select"},options:["sm","md","lg"]}}};PrimaryButton.parameters=_objectSpread(_objectSpread({},PrimaryButton.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_PrimaryButton$parame=PrimaryButton.parameters)||void 0===_PrimaryButton$parame?void 0:_PrimaryButton$parame.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Button\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Button v-bind="args">Button</Button>\'\n  }),\n  args: {\n    type: "filled",\n    size: "md"\n  },\n  tags: ["autodocs"],\n  argTypes: {\n    type: {\n      control: {\n        type: "select"\n      },\n      options: ["filled", "outlined"]\n    },\n    size: {\n      control: {\n        type: "select"\n      },\n      options: ["sm", "md", "lg"]\n    }\n  }\n}'},null===(_PrimaryButton$parame2=PrimaryButton.parameters)||void 0===_PrimaryButton$parame2||null===(_PrimaryButton$parame2=_PrimaryButton$parame2.docs)||void 0===_PrimaryButton$parame2?void 0:_PrimaryButton$parame2.source)})}),SecondaryButton.parameters=_objectSpread(_objectSpread({},SecondaryButton.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_SecondaryButton$para=SecondaryButton.parameters)||void 0===_SecondaryButton$para?void 0:_SecondaryButton$para.docs),{},{source:_objectSpread({originalSource:'{\n  render: args => ({\n    components: {\n      Button\n    },\n    setup() {\n      return {\n        args\n      };\n    },\n    template: \'<Button v-bind="args">Button</Button>\'\n  }),\n  args: {\n    type: "outlined",\n    size: "md"\n  },\n  argTypes: {\n    type: {\n      control: {\n        type: "select"\n      },\n      options: ["filled", "outlined"]\n    },\n    size: {\n      control: {\n        type: "select"\n      },\n      options: ["sm", "md", "lg"]\n    }\n  }\n}'},null===(_SecondaryButton$para2=SecondaryButton.parameters)||void 0===_SecondaryButton$para2||null===(_SecondaryButton$para2=_SecondaryButton$para2.docs)||void 0===_SecondaryButton$para2?void 0:_SecondaryButton$para2.source)})});var __namedExportsOrder=["PrimaryButton","SecondaryButton"]},"./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn{cursor:pointer;position:relative;background:#303030;color:#fff;border:none;border-radius:.1875rem;font-weight:700;line-height:1}.btn:hover{background:#00468e;color:#fff}.btn--filled{background:#303030;color:#fff}.btn--filled.btn--sm{padding:.25rem .875rem .25rem .875rem}.btn--filled.btn--md{padding:.5rem 1.375rem .5rem 1.375rem}.btn--filled.btn--lg{padding:.75rem 1.75rem .25rem 1.75rem}.btn--outlined{background:#fff;color:#303030;border:.125rem solid #303030}.btn--outlined.btn--sm{padding:.125rem .75rem .125rem .75rem}.btn--outlined.btn--md{padding:.375rem 1.25rem .375rem 1.15rem}.btn--outlined.btn--lg{padding:.625rem 1.625rem .125rem 1.625rem}","",{version:3,sources:["webpack://./src/vue/components/Button.vue","webpack://./src/vue/design/colors.scss"],names:[],mappings:"AAEA,oBAGE,6BAAA,CACA,0BAAA,CACA,qBAAA,CAGF,KACE,cAAA,CACA,iBAAA,CACA,kBCJe,CDKf,UCFY,CDGZ,WAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CACA,WACE,kBAAA,CACA,UCTU,CDad,aACE,kBCjBe,CDkBf,UCfY,CDgBZ,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAEF,qBACE,qCAAA,CAGJ,eACE,eC3BY,CD4BZ,aC/Be,CDgCf,4BAAA,CACA,uBACE,qCAAA,CAEF,uBACE,uCAAA,CAEF,uBACE,yCAAA",sourcesContent:["\n@import '../design/colors.scss';\n*,\n*:after,\n*::before {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.btn {\n  cursor: pointer;\n  position: relative;\n  background: $color-grey-900;\n  color: $color-white;\n  border: none;\n  border-radius: 0.1875rem;\n  font-weight: 700;\n  line-height: 1;\n  &:hover {\n    background: #00468e;\n    color: $color-white;\n  }\n}\n\n.btn--filled {\n  background: $color-grey-900;\n  color: $color-white;\n  &.btn--sm {\n    padding: 0.25rem 0.875rem 0.25rem 0.875rem;\n  }\n  &.btn--md {\n    padding: 0.5rem 1.375rem 0.5rem 1.375rem;\n  }\n  &.btn--lg {\n    padding: 0.75rem 1.75rem 0.25rem 1.75rem;\n  }\n}\n.btn--outlined {\n  background: $color-white;\n  color: $color-grey-900;\n  border: 0.125rem solid $color-grey-900;\n  &.btn--sm {\n    padding: 0.125rem 0.75rem 0.125rem 0.75rem;\n  }\n  &.btn--md {\n    padding: 0.375rem 1.25rem 0.375rem 1.15rem;\n  }\n  &.btn--lg {\n    padding: 0.625rem 1.625rem 0.125rem 1.625rem;\n  }\n}\n","// support colors\n$color-grey-100: #f9f9f9; \n$color-grey-200: #f1f1f1;\n$color-grey-300: #eaeaea;\n$color-grey-400: #e6e6e6;\n$color-grey-500: #bfbfbf;\n$color-grey-600: #999999;\n$colorgrey-700: #737373;\n$color-grey-800: #666666;\n$color-grey-900: #303030;\n\n$color-black: #1a1a1a;\n$color-white: #ffffff;\n$primary-hover-color:#00468e;\n\n\n// Color palettes\n$color-palette-green: (\n  background: (\n    200: #e3f2eb,\n    300: #94caae,\n    400: #7dbf9d,\n    500: #3b7858,\n    600: #254b38\n  ),\n  foreground: (\n    200: $color-black,\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n$color-palette-eggshell: (\n  background: (\n    300: #f6efe4,\n    400: #f2e8da,\n    500: #d6b689,\n    600: #8c6631,\n    700: #5e4521\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-white,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-peach: (\n  background: (\n    300: #f8ece6,\n    400: #eed0c3,\n    500: #dc9e83,\n    600: #a7532f,\n    700: #63321c\n  ),\n  foreground: (\n    300: $color-black,\n    400: $color-black,\n    500: $color-black,\n    600: $color-white,\n    700: $color-grey-200\n  )\n);\n\n$color-palette-azur: (\n  background: (\n    300: #eaeaf5,\n    400: #e2e3f1,\n    500: #c7c9e3,\n    600: #999cbf,\n    700: #666883\n  ),\n  foreground: (\n    300: #303030,\n    400: #303030,\n    500: #303030,\n    600: #303030,\n    700: #ffffff\n  )\n);\n\n$color-palette-steel: (\n  background: (\n    200: #f5f7f9,\n    300: #ebeef3,\n    400: #bac6d8,\n    500: #99abc5,\n    600: #51698f,\n    700: #2e3c51\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white,\n    700: $color-white\n  )\n);\n\n$color-palette-slate: (\n  background: (\n    200: #eceff2,\n    300: #a0b1bf,\n    400: #6d889d,\n    500: #546b7d,\n    600: #191d24\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-grey-900,\n    400: $color-grey-900,\n    500: $color-white,\n    600: $color-white\n  )\n);\n\n// extra colors\n$color-palette-red: (\n  background: (\n    200: #ffebee,\n    300: #ffcdd2,\n    400: #ef9a9a,\n    500: #ef5350,\n    600: #c62828\n  ),\n  foreground: (#E2E3F1\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-white\n  )\n);\n\n$color-palette-orange: (\n  background: (\n    200: #fff3e0,\n    300: #ffcc80,\n    400: #ffa726,\n    500: #fb8c00,\n    600: #EF6C00\n  ),\n  foreground: (\n    200: $color-grey-900,\n    300: $color-black,\n    400: $color-grey-900,\n    500: $color-grey-900,\n    600: $color-black\n  )\n);\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k<this.length;k++){var id=this[k][0];null!=id&&(alreadyImportedModules[id]=!0)}for(var _k=0;_k<modules.length;_k++){var item=[].concat(modules[_k]);dedupe&&alreadyImportedModules[item[0]]||(void 0!==layer&&(void 0===item[5]||(item[1]="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i<stylesInDOM.length;i++)if(stylesInDOM[i].identifier===identifier){result=i;break}return result}function modulesToDom(list,options){for(var idCountMap={},identifiers=[],i=0;i<list.length;i++){var item=list[i],id=options.base?item[0]+options.base:item[0],count=idCountMap[id]||0,identifier="".concat(id," ").concat(count);idCountMap[id]=count+1;var indexByIdentifier=getIndexByIdentifier(identifier),obj={css:item[1],media:item[2],sourceMap:item[3],supports:item[4],layer:item[5]};if(-1!==indexByIdentifier)stylesInDOM[indexByIdentifier].references++,stylesInDOM[indexByIdentifier].updater(obj);else{var updater=addElementStyle(obj,options);options.byIndex=i,stylesInDOM.splice(i,0,{identifier,updater,references:1})}identifiers.push(identifier)}return identifiers}function addElementStyle(obj,options){var api=options.domAPI(options);api.update(obj);return function updater(newObj){if(newObj){if(newObj.css===obj.css&&newObj.media===obj.media&&newObj.sourceMap===obj.sourceMap&&newObj.supports===obj.supports&&newObj.layer===obj.layer)return;api.update(obj=newObj)}else api.remove()}}module.exports=function(list,options){var lastIdentifiers=modulesToDom(list=list||[],options=options||{});return function update(newList){newList=newList||[];for(var i=0;i<lastIdentifiers.length;i++){var index=getIndexByIdentifier(lastIdentifiers[i]);stylesInDOM[index].references--}for(var newLastIdentifiers=modulesToDom(newList,options),_i=0;_i<lastIdentifiers.length;_i++){var _index=getIndexByIdentifier(lastIdentifiers[_i]);0===stylesInDOM[_index].references&&(stylesInDOM[_index].updater(),stylesInDOM.splice(_index,1))}lastIdentifiers=newLastIdentifiers}}},"./node_modules/style-loader/dist/runtime/insertBySelector.js":module=>{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./src/vue/components/Button.vue":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button});var vue_esm_bundler=__webpack_require__("./node_modules/vue/dist/vue.esm-bundler.js");const Buttonvue_type_script_setup_true_lang_js={__name:"Button",props:["size","type","text","link"],setup:function setup(__props){return function(_ctx,_cache){return(0,vue_esm_bundler.wg)(),(0,vue_esm_bundler.iD)("button",{class:(0,vue_esm_bundler.C_)([{btn:!0},{"btn--filled":void 0===__props.type||"submit"===__props.type||"filled"===__props.type},{"btn--outlined":"outlined"===__props.type},{"btn--sm":"sm"===__props.size},{"btn--md":void 0===__props.size||"md"===__props.size},{"btn--lg":"lg"===__props.size}])},[(0,vue_esm_bundler.WI)(_ctx.$slots,"default")],2)}}};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Buttonvue_type_style_index_0_id_04759d44_lang_scss=__webpack_require__("./node_modules/css-loader/dist/cjs.js??clonedRuleSet-16.use[1]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-16.use[3]!./node_modules/@storybook/preset-vue3-webpack/node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/vue/components/Button.vue?vue&type=style&index=0&id=04759d44&lang=scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z,options);Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals&&Buttonvue_type_style_index_0_id_04759d44_lang_scss.Z.locals;const Button=Buttonvue_type_script_setup_true_lang_js;Buttonvue_type_script_setup_true_lang_js.__docgenInfo={exportName:"default",displayName:"Button",description:"",tags:{},props:[{name:"size",type:{name:"undefined"}},{name:"type",type:{name:"undefined"}},{name:"text",type:{name:"undefined"}},{name:"link",type:{name:"undefined"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/frontend/frontend/src/vue/components/Button.vue"]}}}]);
\ No newline at end of file
diff --git a/stories.json b/stories.json
index 7f7db176..9ffdbaff 100644
--- a/stories.json
+++ b/stories.json
@@ -1 +1 @@
-{"v":3,"stories":{"components-checkboxinput--default":{"id":"components-checkboxinput--default","name":"Default","title":"Components/CheckboxInput","importPath":"./src/vue/components/checkbox-input/CheckboxInput.stories.js","tags":["story"],"kind":"Components/CheckboxInput","story":"Default","parameters":{"__id":"components-checkboxinput--default","docsOnly":false,"fileName":"./src/vue/components/checkbox-input/CheckboxInput.stories.js"}},"components-coursemodules--two-level-tree":{"id":"components-coursemodules--two-level-tree","name":"Two Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"],"kind":"Components/CourseModules","story":"Two Level Tree","parameters":{"__id":"components-coursemodules--two-level-tree","docsOnly":false,"fileName":"./src/vue/components/course-modules/CourseModules.stories.js"}},"components-coursemodules--three-level-tree":{"id":"components-coursemodules--three-level-tree","name":"Three Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"],"kind":"Components/CourseModules","story":"Three Level Tree","parameters":{"__id":"components-coursemodules--three-level-tree","docsOnly":false,"fileName":"./src/vue/components/course-modules/CourseModules.stories.js"}},"components-coursepagebanner--docs":{"id":"components-coursepagebanner--docs","title":"Components/CoursePageBanner","name":"Docs","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"Components/CoursePageBanner","story":"Docs","parameters":{"__id":"components-coursepagebanner--docs","docsOnly":true,"fileName":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js"}},"components-coursepagebanner--course-page-banner-component":{"id":"components-coursepagebanner--course-page-banner-component","name":"Course Page Banner Component","title":"Components/CoursePageBanner","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","story"],"kind":"Components/CoursePageBanner","story":"Course Page Banner Component","parameters":{"__id":"components-coursepagebanner--course-page-banner-component","docsOnly":false,"fileName":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js"}},"components-iconbutton--close-button":{"id":"components-iconbutton--close-button","name":"Close Button","title":"components/IconButton","importPath":"./src/vue/components/icon-button/IconButton.stories.js","tags":["story"],"kind":"components/IconButton","story":"Close Button","parameters":{"__id":"components-iconbutton--close-button","docsOnly":false,"fileName":"./src/vue/components/icon-button/IconButton.stories.js"}},"components-icon--default":{"id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/vue/components/icon/Icon.stories.js","tags":["story"],"kind":"Components/Icon","story":"Default","parameters":{"__id":"components-icon--default","docsOnly":false,"fileName":"./src/vue/components/icon/Icon.stories.js"}},"components-link--default":{"id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./src/vue/components/link/Link.stories.js","tags":["story"],"kind":"Components/Link","story":"Default","parameters":{"__id":"components-link--default","docsOnly":false,"fileName":"./src/vue/components/link/Link.stories.js"}},"components-loginform--default":{"id":"components-loginform--default","name":"Default","title":"Components/LoginForm","importPath":"./src/vue/components/login-form/LoginForm.stories.js","tags":["story"],"kind":"Components/LoginForm","story":"Default","parameters":{"__id":"components-loginform--default","docsOnly":false,"fileName":"./src/vue/components/login-form/LoginForm.stories.js"}},"components-modal--default":{"id":"components-modal--default","name":"Default","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Default","parameters":{"__id":"components-modal--default","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-header":{"id":"components-modal--without-header","name":"Without Header","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Header","parameters":{"__id":"components-modal--without-header","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-actions":{"id":"components-modal--without-actions","name":"Without Actions","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Actions","parameters":{"__id":"components-modal--without-actions","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-main-content":{"id":"components-modal--without-main-content","name":"Without Main Content","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Main Content","parameters":{"__id":"components-modal--without-main-content","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"example-modalexample--default":{"id":"example-modalexample--default","name":"Default","title":"Example/ModalExample","importPath":"./src/vue/components/modal/ModalExample.stories.js","tags":["story"],"kind":"Example/ModalExample","story":"Default","parameters":{"__id":"example-modalexample--default","docsOnly":false,"fileName":"./src/vue/components/modal/ModalExample.stories.js"}},"components-textinput--email":{"id":"components-textinput--email","name":"Email","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"],"kind":"Components/TextInput","story":"Email","parameters":{"__id":"components-textinput--email","docsOnly":false,"fileName":"./src/vue/components/text-input/TextInput.stories.js"}},"components-textinput--password":{"id":"components-textinput--password","name":"Password","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"],"kind":"Components/TextInput","story":"Password","parameters":{"__id":"components-textinput--password","docsOnly":false,"fileName":"./src/vue/components/text-input/TextInput.stories.js"}},"pages-loginpage--login":{"id":"pages-loginpage--login","name":"Login","title":"Pages/LoginPage","importPath":"./src/vue/pages/login-page/LoginPage.stories.js","tags":["story"],"kind":"Pages/LoginPage","story":"Login","parameters":{"__id":"pages-loginpage--login","docsOnly":false,"fileName":"./src/vue/pages/login-page/LoginPage.stories.js"}},"stories-banner--banner-component":{"id":"stories-banner--banner-component","name":"Banner Component","title":"stories/Banner","importPath":"./src/vue/stories/Banner.stories.js","tags":["story"],"kind":"stories/Banner","story":"Banner Component","parameters":{"__id":"stories-banner--banner-component","docsOnly":false,"fileName":"./src/vue/stories/Banner.stories.js"}},"stories-button--docs":{"id":"stories-button--docs","title":"stories/Button","name":"Docs","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Button","story":"Docs","parameters":{"__id":"stories-button--docs","docsOnly":true,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-button--primary-button":{"id":"stories-button--primary-button","name":"Primary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","story"],"kind":"stories/Button","story":"Primary Button","parameters":{"__id":"stories-button--primary-button","docsOnly":false,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-button--secondary-button":{"id":"stories-button--secondary-button","name":"Secondary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["story"],"kind":"stories/Button","story":"Secondary Button","parameters":{"__id":"stories-button--secondary-button","docsOnly":false,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-card--docs":{"id":"stories-card--docs","title":"stories/Card","name":"Docs","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Card","story":"Docs","parameters":{"__id":"stories-card--docs","docsOnly":true,"fileName":"./src/vue/stories/Card.stories.js"}},"stories-card--card-component":{"id":"stories-card--card-component","name":"Card Component","title":"stories/Card","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","story"],"kind":"stories/Card","story":"Card Component","parameters":{"__id":"stories-card--card-component","docsOnly":false,"fileName":"./src/vue/stories/Card.stories.js"}},"stories-footer--docs":{"id":"stories-footer--docs","title":"stories/Footer","name":"Docs","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Footer","story":"Docs","parameters":{"__id":"stories-footer--docs","docsOnly":true,"fileName":"./src/vue/stories/Footer.stories.js"}},"stories-footer--footer":{"id":"stories-footer--footer","name":"Footer","title":"stories/Footer","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","story"],"kind":"stories/Footer","story":"Footer","parameters":{"__id":"stories-footer--footer","docsOnly":false,"fileName":"./src/vue/stories/Footer.stories.js"}},"stories-navbar--docs":{"id":"stories-navbar--docs","title":"stories/Navbar","name":"Docs","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Navbar","story":"Docs","parameters":{"__id":"stories-navbar--docs","docsOnly":true,"fileName":"./src/vue/stories/Navbar.stories.js"}},"stories-navbar--nav":{"id":"stories-navbar--nav","name":"Nav","title":"stories/Navbar","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","story"],"kind":"stories/Navbar","story":"Nav","parameters":{"__id":"stories-navbar--nav","docsOnly":false,"fileName":"./src/vue/stories/Navbar.stories.js"}}}}
+{"v":3,"stories":{"components-checkboxinput--default":{"id":"components-checkboxinput--default","name":"Default","title":"Components/CheckboxInput","importPath":"./src/vue/components/checkbox-input/CheckboxInput.stories.js","tags":["story"],"kind":"Components/CheckboxInput","story":"Default","parameters":{"__id":"components-checkboxinput--default","docsOnly":false,"fileName":"./src/vue/components/checkbox-input/CheckboxInput.stories.js"}},"components-coursemodules--two-level-tree":{"id":"components-coursemodules--two-level-tree","name":"Two Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"],"kind":"Components/CourseModules","story":"Two Level Tree","parameters":{"__id":"components-coursemodules--two-level-tree","docsOnly":false,"fileName":"./src/vue/components/course-modules/CourseModules.stories.js"}},"components-coursemodules--three-level-tree":{"id":"components-coursemodules--three-level-tree","name":"Three Level Tree","title":"Components/CourseModules","importPath":"./src/vue/components/course-modules/CourseModules.stories.js","tags":["story"],"kind":"Components/CourseModules","story":"Three Level Tree","parameters":{"__id":"components-coursemodules--three-level-tree","docsOnly":false,"fileName":"./src/vue/components/course-modules/CourseModules.stories.js"}},"components-coursepagebanner--docs":{"id":"components-coursepagebanner--docs","title":"Components/CoursePageBanner","name":"Docs","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"Components/CoursePageBanner","story":"Docs","parameters":{"__id":"components-coursepagebanner--docs","docsOnly":true,"fileName":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js"}},"components-coursepagebanner--course-page-banner-component":{"id":"components-coursepagebanner--course-page-banner-component","name":"Course Page Banner Component","title":"Components/CoursePageBanner","importPath":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js","tags":["autodocs","story"],"kind":"Components/CoursePageBanner","story":"Course Page Banner Component","parameters":{"__id":"components-coursepagebanner--course-page-banner-component","docsOnly":false,"fileName":"./src/vue/components/course-page-banner/CoursePageBanner.stories.js"}},"components-dropdownbutton--default":{"id":"components-dropdownbutton--default","name":"Default","title":"Components/DropdownButton","importPath":"./src/vue/components/dropdown-button/DropdownButton.stories.js","tags":["story"],"kind":"Components/DropdownButton","story":"Default","parameters":{"__id":"components-dropdownbutton--default","docsOnly":false,"fileName":"./src/vue/components/dropdown-button/DropdownButton.stories.js"}},"components-iconbutton--close-button":{"id":"components-iconbutton--close-button","name":"Close Button","title":"components/IconButton","importPath":"./src/vue/components/icon-button/IconButton.stories.js","tags":["story"],"kind":"components/IconButton","story":"Close Button","parameters":{"__id":"components-iconbutton--close-button","docsOnly":false,"fileName":"./src/vue/components/icon-button/IconButton.stories.js"}},"components-icon--default":{"id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./src/vue/components/icon/Icon.stories.js","tags":["story"],"kind":"Components/Icon","story":"Default","parameters":{"__id":"components-icon--default","docsOnly":false,"fileName":"./src/vue/components/icon/Icon.stories.js"}},"components-link--default":{"id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./src/vue/components/link/Link.stories.js","tags":["story"],"kind":"Components/Link","story":"Default","parameters":{"__id":"components-link--default","docsOnly":false,"fileName":"./src/vue/components/link/Link.stories.js"}},"components-loginform--default":{"id":"components-loginform--default","name":"Default","title":"Components/LoginForm","importPath":"./src/vue/components/login-form/LoginForm.stories.js","tags":["story"],"kind":"Components/LoginForm","story":"Default","parameters":{"__id":"components-loginform--default","docsOnly":false,"fileName":"./src/vue/components/login-form/LoginForm.stories.js"}},"components-modal--default":{"id":"components-modal--default","name":"Default","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Default","parameters":{"__id":"components-modal--default","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-header":{"id":"components-modal--without-header","name":"Without Header","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Header","parameters":{"__id":"components-modal--without-header","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-actions":{"id":"components-modal--without-actions","name":"Without Actions","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Actions","parameters":{"__id":"components-modal--without-actions","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"components-modal--without-main-content":{"id":"components-modal--without-main-content","name":"Without Main Content","title":"Components/Modal","importPath":"./src/vue/components/modal/Modal.stories.js","tags":["story"],"kind":"Components/Modal","story":"Without Main Content","parameters":{"__id":"components-modal--without-main-content","docsOnly":false,"fileName":"./src/vue/components/modal/Modal.stories.js"}},"example-modalexample--default":{"id":"example-modalexample--default","name":"Default","title":"Example/ModalExample","importPath":"./src/vue/components/modal/ModalExample.stories.js","tags":["story"],"kind":"Example/ModalExample","story":"Default","parameters":{"__id":"example-modalexample--default","docsOnly":false,"fileName":"./src/vue/components/modal/ModalExample.stories.js"}},"components-textinput--email":{"id":"components-textinput--email","name":"Email","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"],"kind":"Components/TextInput","story":"Email","parameters":{"__id":"components-textinput--email","docsOnly":false,"fileName":"./src/vue/components/text-input/TextInput.stories.js"}},"components-textinput--password":{"id":"components-textinput--password","name":"Password","title":"Components/TextInput","importPath":"./src/vue/components/text-input/TextInput.stories.js","tags":["story"],"kind":"Components/TextInput","story":"Password","parameters":{"__id":"components-textinput--password","docsOnly":false,"fileName":"./src/vue/components/text-input/TextInput.stories.js"}},"pages-loginpage--login":{"id":"pages-loginpage--login","name":"Login","title":"Pages/LoginPage","importPath":"./src/vue/pages/login-page/LoginPage.stories.js","tags":["story"],"kind":"Pages/LoginPage","story":"Login","parameters":{"__id":"pages-loginpage--login","docsOnly":false,"fileName":"./src/vue/pages/login-page/LoginPage.stories.js"}},"stories-banner--banner-component":{"id":"stories-banner--banner-component","name":"Banner Component","title":"stories/Banner","importPath":"./src/vue/stories/Banner.stories.js","tags":["story"],"kind":"stories/Banner","story":"Banner Component","parameters":{"__id":"stories-banner--banner-component","docsOnly":false,"fileName":"./src/vue/stories/Banner.stories.js"}},"stories-button--docs":{"id":"stories-button--docs","title":"stories/Button","name":"Docs","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Button","story":"Docs","parameters":{"__id":"stories-button--docs","docsOnly":true,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-button--primary-button":{"id":"stories-button--primary-button","name":"Primary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["autodocs","story"],"kind":"stories/Button","story":"Primary Button","parameters":{"__id":"stories-button--primary-button","docsOnly":false,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-button--secondary-button":{"id":"stories-button--secondary-button","name":"Secondary Button","title":"stories/Button","importPath":"./src/vue/stories/Button.stories.js","tags":["story"],"kind":"stories/Button","story":"Secondary Button","parameters":{"__id":"stories-button--secondary-button","docsOnly":false,"fileName":"./src/vue/stories/Button.stories.js"}},"stories-card--docs":{"id":"stories-card--docs","title":"stories/Card","name":"Docs","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Card","story":"Docs","parameters":{"__id":"stories-card--docs","docsOnly":true,"fileName":"./src/vue/stories/Card.stories.js"}},"stories-card--card-component":{"id":"stories-card--card-component","name":"Card Component","title":"stories/Card","importPath":"./src/vue/stories/Card.stories.js","tags":["autodocs","story"],"kind":"stories/Card","story":"Card Component","parameters":{"__id":"stories-card--card-component","docsOnly":false,"fileName":"./src/vue/stories/Card.stories.js"}},"stories-footer--docs":{"id":"stories-footer--docs","title":"stories/Footer","name":"Docs","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Footer","story":"Docs","parameters":{"__id":"stories-footer--docs","docsOnly":true,"fileName":"./src/vue/stories/Footer.stories.js"}},"stories-footer--footer":{"id":"stories-footer--footer","name":"Footer","title":"stories/Footer","importPath":"./src/vue/stories/Footer.stories.js","tags":["autodocs","story"],"kind":"stories/Footer","story":"Footer","parameters":{"__id":"stories-footer--footer","docsOnly":false,"fileName":"./src/vue/stories/Footer.stories.js"}},"stories-navbar--docs":{"id":"stories-navbar--docs","title":"stories/Navbar","name":"Docs","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","docs"],"storiesImports":[],"kind":"stories/Navbar","story":"Docs","parameters":{"__id":"stories-navbar--docs","docsOnly":true,"fileName":"./src/vue/stories/Navbar.stories.js"}},"stories-navbar--nav":{"id":"stories-navbar--nav","name":"Nav","title":"stories/Navbar","importPath":"./src/vue/stories/Navbar.stories.js","tags":["autodocs","story"],"kind":"stories/Navbar","story":"Nav","parameters":{"__id":"stories-navbar--nav","docsOnly":false,"fileName":"./src/vue/stories/Navbar.stories.js"}}}}