|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[3407],{"./stories/components/mini-teaser/MiniTeaserComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>createMiniTeaser});__webpack_require__("./node_modules/core-js/modules/es.string.link.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js");var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),miniteaser=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(miniteaser.Z,options);miniteaser.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createMiniTeaser=function createMiniTeaser(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"standard":_ref$type,_ref$category=_ref.category,category=void 0===_ref$category?"IHK Mitgliedschaft":_ref$category,_ref$title=_ref.title,title=void 0===_ref$title?"Werden Sie Teil unseres Netzwerks!":_ref$title,_ref$link=_ref.link,link=void 0===_ref$link?"#":_ref$link,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"Roboter":_ref$icon,_ref$buttonlabel=_ref.buttonlabel,buttonlabel=void 0===_ref$buttonlabel?"IHK-Newsletter sichern":_ref$buttonlabel;if("standard"===type){var tile=(0,helpers.az)("a",["tile","mini-teaser",type],null);tile.href=link;var textBox=(0,helpers.az)("div",["text-box"],null,tile);return(0,helpers.az)("h5",["category"],category,textBox),(0,helpers.az)("h4",["title"],title,textBox),tile}var _tile=(0,helpers.az)("div",["tile","mini-teaser",type],null),_textBox=(0,helpers.az)("div",["text-box"],null,_tile);return(0,helpers.az)("div",["icon-box","pictogram-"+icon.toLowerCase().split(" ").join("-")],null,_textBox),(0,helpers.az)("h4",["title"],title,_textBox),_textBox.appendChild((0,ButtonComponent.a)({color:"white",label:buttonlabel,link,iconPosition:"icon-right",icon:null})),_tile}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/mini-teaser/miniteaser.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_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_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.mini-teaser{position:relative;background-color:#fff;overflow:hidden;width:100%;border-radius:4px;padding:16px 12px;transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none;background-color:var(--theme-grey-light);display:block}.mini-teaser .title{font-size:22px}.mini-teaser.standard::before{content:"";position:absolute;display:block;top:0;left:0;right:0;height:4px;background-color:var(--theme-color-secondary);transition:.2s ease}.mini-teaser.standard:hover::before{height:8px}.mini-teaser h4{font-size:22px}.mini-teaser.infoteaser{background:linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%)}.mini-teaser.infoteaser:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%)}.mini-teaser.infoteaser .title,.mini-teaser.infoteaser .category,.mini-teaser.infoteaser .btn{color:#fff}.mini-teaser.infoteaser .title{margin-top:0;padding-left:54px;min-height:48px;text-align:left;line-height:24px;margin-bottom:19px}.mini-teaser.infoteaser .btn{background-color:rgba(0,0,0,0);border:1px solid #fff;margin-left:54px;display:inline-block;padding:8px 10px;line-height:22px;border-radius:16px;--button-padding: 8px 10px;min-height:0;font-size:22px}.mini-teaser.infoteaser .icon-box{margin-bottom:19px;margin-top:0;padding-top:0;position:absolute;top:16px;left:12px}.mini-teaser.infoteaser .text-box{padding:0;display:flex;flex-wrap:wrap}.mini-teaser .icon-box{font-family:"Pictograms",sans-serif;line-height:1;color:#fff;font-size:48px}.mini-teaser .category{text-align:left;padding:0;margin:0;margin-bottom:8px;font-size:16px;text-transform:uppercase;line-height:18px}.mini-teaser .title{text-align:left;padding:0;margin:0}',"",{version:3,sources:["webpack://./stories/components/mini-teaser/miniteaser.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAEA,iBAAA,CACA,iBAAA,CACA,oBAAA,CACA,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,wCAAA,CACA,aAAA,CACA,oBACE,cAAA,CAEF,8BACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,UAAA,CACA,6CAAA,CACA,mBAAA,CAEF,oCACE,UAAA,CAEF,gBACE,cAAA,CAEF,wBACE,8HAAA,CACA,8BACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,KAAA,CACA,QAAA,CACA,UAAA,CACA,+IAAA,CAEF,8FACE,UAAA,CAEF,+BACE,YAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEF,6BACE,8BAAA,CACA,qBAAA,CACA,gBAAA,CACA,oBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CACA,0BAAA,CACA,YAAA,CACA,cAAA,CAEF,kCACE,kBAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,SAAA,CAEF,kCACE,SAAA,CACA,YAAA,CACA,cAAA,CAIJ,uBACE,mCAAA,CACA,aAAA,CACA,UAAA,CACA,cAAA,CAEF,uBACE,eAAA,CACA,SAAA,CACA,QAAA,CACA,iBAAA,CACA,cAAA,CACA,wBAAA,CACA,gBAAA,CAEF,oBACE,eAAA,CACA,SAAA,CACA,QAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.mini-teaser {\n position: relative;\n background-color: white;\n overflow: hidden;\n width: 100%;\n //max-width: 420px;\n border-radius: 4px;\n padding: 16px 12px;\n transition: 0.25s ease;\n line-height: 1.2;\n text-align: center;\n text-decoration: none;\n background-color: var(--theme-grey-light);\n display: block;\n .title{\n font-size: 22px;\n }\n &.standard::before {\n content: \"\";\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background-color: var(--theme-color-secondary);\n transition: 0.2s ease;\n }\n &.standard:hover::before {\n height: 8px;\n }\n h4{\n font-size: 22px;\n }\n &.infoteaser{\n background: linear-gradient(161deg, rgba(var(--theme-color-primary-rgb), 1) 0%, rgba(var(--theme-color-primary-rgb), 0.2) 100%);\n &:after{\n content:\"\";\n position:absolute;\n left:0;\n right:0;\n top:0;\n bottom:0;\n z-index:-1;\n background: linear-gradient(161deg, var(--theme-color-gradient-01) 40%, var(--theme-color-gradient-02) 80%, var(--theme-color-gradient-03) 120%);\n }\n .title, .category, .btn{\n color:white;\n }\n .title{\n margin-top: 0;\n padding-left: 54px;\n min-height: 48px;\n text-align: left;\n line-height: 24px;\n margin-bottom: 19px;\n }\n .btn{\n background-color: transparent;\n border: 1px solid white;\n margin-left: 54px;\n display: inline-block;\n padding:8px 10px;\n line-height: 22px;\n border-radius:16px;\n --button-padding: 8px 10px;\n min-height: 0;\n font-size: 22px;\n }\n .icon-box{\n margin-bottom: 19px;\n margin-top: 0;\n padding-top: 0;\n position: absolute;\n top: 16px;\n left: 12px;\n }\n .text-box{\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n .icon-box {\n font-family: 'Pictograms', sans-serif;\n line-height: 1;\n color: white;\n font-size:48px\n }\n .category{\n text-align: left;\n padding:0;\n margin:0;\n margin-bottom:8px;\n font-size:16px;\n text-transform: uppercase;\n line-height: 18px;\n }\n .title{\n text-align: left;\n padding:0;\n margin:0;\n }\n}\n\n\n\n\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/mini-teaser/MiniTeaser.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{StandardMiniTeaser:()=>StandardMiniTeaser,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,infobanner:()=>infobanner});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.error.cause.js"),__webpack_require__("./node_modules/core-js/modules/es.error.to-string.js");var _MiniTeaserComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/mini-teaser/MiniTeaserComponent.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Mini Teaser",parameters:{backgrounds:{default:"white"}},argTypes:{type:{name:"Typ",control:{type:"select"},options:["standard","infoteaser"],defaultValue:"standard"},title:{name:"Titel",control:"text",defaultValue:"Schwerpunktthema Digitalisierung"},link:{name:"Link",control:"text",defaultValue:"#"},icon:{name:"Icon",control:{type:"select"},options:["Roboter","Anker","Blitz","Buch Brille","Brexit","Chart","Rettungsring","Magazin"],defaultValue:"Roboter"}}};var MiniTeaser=function MiniTeaser(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_MiniTeaserComponent__WEBPACK_IMPORTED_MODULE_4__.Y)(Object.assign({},args))},StandardMiniTeaser=MiniTeaser.bind({});StandardMiniTeaser.args={};var infobanner=MiniTeaser.bind({});infobanner.args={type:"infoteaser"};var __namedExportsOrder=["StandardMiniTeaser","infobanner"];StandardMiniTeaser.parameters={...StandardMiniTeaser.parameters,docs:{...StandardMiniTeaser.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...StandardMiniTeaser.parameters?.docs?.source}}},infobanner.parameters={...infobanner.parameters,docs:{...infobanner.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createMiniTeaser({\n ...args\n });\n}",...infobanner.parameters?.docs?.source}}}}}]);
|
