|
- "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[6234],{"./stories/components/superlist-entry/SuperlistEntryComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{C:()=>createSuperlistEntrySection});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),superlist_entry=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/superlist-entry/superlist-entry.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(superlist_entry.Z,options);superlist_entry.Z.locals;__webpack_require__("./node_modules/jquery/dist/jquery.js");var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),createSuperlistEntrySection=function createSuperlistEntrySection(_ref){var onlyForStorybook,section,_ref$image=_ref.image,image=void 0===_ref$image?"./dummy/placeholder-1-1.svg":_ref$image,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Klimaneutral bis 2050":_ref$headline,_ref$paragraph=_ref.paragraph,paragraph=void 0===_ref$paragraph?"Klimaschutz als klares Ziel verankern und verlässliche Rahmenbedingungen für Wirtschaft und Gesellschaft schaffen.":_ref$paragraph,_ref$inverted=_ref.inverted,inverted=void 0!==_ref$inverted&&_ref$inverted,_ref$centered=_ref.centered,centered=void 0!==_ref$centered&&_ref$centered,_ref$showInStorybook=_ref.showInStorybook,showInStorybook=void 0!==_ref$showInStorybook&&_ref$showInStorybook;showInStorybook?(onlyForStorybook=(0,helpers.az)("div",centered?["superlist","centered"]:["superlist"]),section=(0,helpers.az)("div",inverted?["superlist-entry","inverted"]:["superlist-entry"],null,onlyForStorybook)):section=(0,helpers.az)("div",inverted?["superlist-entry","inverted"]:["superlist-entry"]);var graphic=(0,helpers.az)("div",["graphic"],null,section);(0,helpers.Bi)(image,120,120,"",[],graphic);var container=(0,helpers.az)("div",["textbox"],null,section);return(0,helpers.az)("h3",[],headline,container),(0,helpers.az)("p",[],paragraph,container),container.appendChild((0,ButtonComponent.a)({size:"small",color:"primary-light",label:"Mehr dazu"})),showInStorybook?onlyForStorybook:section}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/superlist-entry/superlist-entry.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,'.superlist-entry{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 20px 0}.superlist-entry:before{content:"";display:block;position:absolute;left:29px;top:0;width:2px;height:100%;background:var(--theme-color-primary)}@media(min-width: 768px){.superlist-entry:before{left:59px}}.superlist-entry:first-child:before{top:50%;height:50%}.superlist-entry:last-child:before{height:50%}.superlist-entry:only-child:before{display:none}@media(max-width: 399px){.superlist-entry:before{display:none}}.superlist-entry .graphic{width:60px;flex-shrink:0}@media(min-width: 768px){.superlist-entry .graphic{width:120px}}.superlist-entry .graphic img{position:relative;width:100%;height:auto}@media(max-width: 399px){.superlist-entry .graphic{display:none}}.superlist-entry .textbox{flex:1;padding:15px;background:var(--theme-color-white);border-radius:var(--border-radius-sm)}@media(min-width: 768px){.superlist-entry .textbox{padding:30px;border-radius:var(--border-radius-md)}}.superlist-entry .textbox h3,.superlist-entry .textbox .like-h3{margin-top:0;margin-bottom:5px;font-size:20px}@media(min-width: 768px){.superlist-entry .textbox h3,.superlist-entry .textbox .like-h3{font-size:28px}}.superlist-entry .textbox p{font-size:16px}@media(min-width: 768px){.superlist-entry .textbox p{font-size:18px}}.superlist-entry.inverted .textbox{background:var(--theme-color-primary);color:var(--theme-color-white)}.superlist-entry.inverted .textbox .btn{--button-bg-color: var(--theme-color-white);--button-text-color: var(--theme-color-primary);--button-hover-shadow-opacity: 0.35}.superlist.centered .superlist-entry{display:flex;justify-content:flex-end;gap:0;min-height:120px;padding:0 0 40px 0}.superlist.centered .superlist-entry:before{left:29px;background:var(--theme-color-secondary)}@media(min-width: 768px){.superlist.centered .superlist-entry:before{left:calc(50% - 1px)}}.superlist.centered .superlist-entry:first-child:before{top:30px;height:calc(100% - 30px)}@media(min-width: 768px){.superlist.centered .superlist-entry:first-child:before{top:60px;height:calc(100% - 60px)}}.superlist.centered .superlist-entry:last-child:before{display:none}.superlist.centered .superlist-entry .graphic{position:absolute;left:0;top:0}@media(min-width: 768px){.superlist.centered .superlist-entry .graphic{left:50%;transform:translate(-50%, 0)}}.superlist.centered .superlist-entry .textbox{padding:18px 0 0 0;background:none;border-radius:0;margin-left:76px}@media(min-width: 768px){.superlist.centered .superlist-entry .textbox{padding:15px 0 0 0;flex:0 0 calc(50% - 90px);margin-left:0}}@media(max-width: 399px){.superlist.centered .superlist-entry .textbox{margin-left:0}}.superlist.centered .superlist-entry .textbox h3,.superlist.centered .superlist-entry .textbox .like-h3{padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--theme-color-primary-dimmed-02)}@media(min-width: 768px){.superlist.centered .superlist-entry .textbox h3,.superlist.centered .superlist-entry .textbox .like-h3{margin-top:3px;margin-bottom:9px}}.superlist.centered .superlist-entry .textbox .btn{--button-bg-color: var(--theme-color-white);--button-text-color: var(--theme-color-primary);--button-hover-shadow-opacity: 0.35}.superlist.centered .superlist-entry:nth-child(2n){justify-content:flex-start}.superlist.centered .superlist-entry.inverted .textbox{background:none;color:var(--theme-color-primary)}.superlist.centered .superlist-entry.inverted .textbox .btn{--button-bg-color: var(--theme-color-white);--button-text-color: var(--theme-color-primary);--button-hover-shadow-opacity: 0.35}',"",{version:3,sources:["webpack://./stories/components/superlist-entry/superlist-entry.scss"],names:[],mappings:"AAGA,iBACE,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,QAAA,CACA,kBAAA,CACA,wBACE,UAAA,CACA,aAAA,CACA,iBAAA,CACA,SAAA,CACA,KAAA,CACA,SAAA,CACA,WAAA,CACA,qCAAA,CACA,yBATF,wBAUI,SAAA,CAAA,CAIF,oCACE,OAAA,CACA,UAAA,CAIF,mCACE,UAAA,CAIF,mCACE,YAAA,CAGJ,yBACE,wBACE,YAAA,CAAA,CAGJ,0BACE,UAAA,CACA,aAAA,CACA,yBAHF,0BAII,WAAA,CAAA,CAEF,8BACE,iBAAA,CACA,UAAA,CACA,WAAA,CAEF,yBAXF,0BAYI,YAAA,CAAA,CAGJ,0BACE,MAAA,CACA,YAAA,CACA,mCAAA,CACA,qCAAA,CACA,yBALF,0BAMI,YAAA,CACA,qCAAA,CAAA,CAEF,gEACE,YAAA,CACA,iBAAA,CACA,cAAA,CACA,yBAJF,gEAKI,cAAA,CAAA,CAGJ,4BACE,cAAA,CACA,yBAFF,4BAGI,cAAA,CAAA,CAKJ,mCACE,qCAAA,CACA,8BAAA,CACA,wCACE,2CAAA,CACA,+CAAA,CACA,mCAAA,CAON,qCACE,YAAA,CACA,wBAAA,CACA,KAAA,CACA,gBAAA,CACA,kBAAA,CAEA,4CACE,SAAA,CACA,uCAAA,CACA,yBAHF,4CAII,oBAAA,CAAA,CAIF,wDACE,QAAA,CACA,wBAAA,CACA,yBAHF,wDAII,QAAA,CACA,wBAAA,CAAA,CAKJ,uDACE,YAAA,CAIJ,8CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,yBAJF,8CAKI,QAAA,CACA,4BAAA,CAAA,CAGJ,8CACE,kBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CACA,yBALF,8CAMI,kBAAA,CACA,yBAAA,CACA,aAAA,CAAA,CAEF,yBAVF,8CAWI,aAAA,CAAA,CAEF,wGACE,kBAAA,CACA,kBAAA,CACA,4DAAA,CACA,yBAJF,wGAKI,cAAA,CACA,iBAAA,CAAA,CAGJ,mDACE,2CAAA,CACA,+CAAA,CACA,mCAAA,CAGJ,mDACE,0BAAA,CAGA,uDACE,eAAA,CACA,gCAAA,CACA,4DACE,2CAAA,CACA,+CAAA,CACA,mCAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.superlist-entry {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n padding: 0 0 20px 0;\n &:before {\n content: '';\n display: block;\n position: absolute;\n left: 29px;\n top: 0;\n width: 2px;\n height: 100%;\n background: var(--theme-color-primary);\n @media (min-width: 768px) {\n left: 59px;\n }\n }\n &:first-child {\n &:before {\n top: 50%;\n height: 50%;\n }\n }\n &:last-child {\n &:before {\n height: 50%;\n }\n }\n &:only-child {\n &:before {\n display: none;\n }\n }\n @media (max-width: 399px) {\n &:before {\n display: none;\n }\n }\n .graphic {\n width: 60px;\n flex-shrink: 0;\n @media (min-width: 768px) {\n width: 120px;\n }\n img {\n position: relative;\n width: 100%;\n height: auto;\n }\n @media (max-width: 399px) {\n display: none;\n }\n }\n .textbox {\n flex: 1;\n padding: 15px;\n background: var(--theme-color-white);\n border-radius: var(--border-radius-sm);\n @media (min-width: 768px) {\n padding: 30px;\n border-radius: var(--border-radius-md);\n }\n h3, .like-h3 {\n margin-top: 0;\n margin-bottom: 5px;\n font-size: 20px;\n @media (min-width: 768px) {\n font-size: 28px;\n }\n }\n p {\n font-size: 16px;\n @media (min-width: 768px) {\n font-size: 18px;\n }\n }\n }\n &.inverted {\n .textbox {\n background: var(--theme-color-primary);\n color: var(--theme-color-white);\n .btn {\n --button-bg-color: var(--theme-color-white);\n --button-text-color: var(--theme-color-primary);\n --button-hover-shadow-opacity: 0.35;\n }\n }\n }\n}\n\n.superlist.centered {\n .superlist-entry {\n display: flex;\n justify-content: flex-end;\n gap: 0;\n min-height: 120px;\n padding: 0 0 40px 0;\n\n &:before {\n left: 29px;\n background: var(--theme-color-secondary);\n @media (min-width: 768px) {\n left: calc(50% - 1px);\n }\n }\n &:first-child {\n &:before {\n top: 30px;\n height: calc(100% - 30px);\n @media (min-width: 768px) {\n top: 60px;\n height: calc(100% - 60px);\n }\n }\n }\n &:last-child {\n &:before {\n display: none;\n }\n }\n\n .graphic {\n position: absolute;\n left: 0;\n top: 0;\n @media (min-width: 768px) {\n left: 50%;\n transform: translate(-50%, 0);\n }\n }\n .textbox {\n padding: 18px 0 0 0;\n background: none;\n border-radius: 0;\n margin-left: 76px;\n @media (min-width: 768px) {\n padding: 15px 0 0 0;\n flex: 0 0 calc(50% - 90px);\n margin-left: 0;\n }\n @media (max-width: 399px) {\n margin-left: 0;\n }\n h3, .like-h3 {\n padding-bottom: 9px;\n margin-bottom: 11px;\n border-bottom: 1px solid var(--theme-color-primary-dimmed-02);\n @media (min-width: 768px) {\n margin-top: 3px;\n margin-bottom: 9px;\n }\n }\n .btn {\n --button-bg-color: var(--theme-color-white);\n --button-text-color: var(--theme-color-primary);\n --button-hover-shadow-opacity: 0.35;\n }\n }\n &:nth-child(2n) {\n justify-content: flex-start;\n }\n &.inverted {\n .textbox {\n background: none;\n color: var(--theme-color-primary);\n .btn {\n --button-bg-color: var(--theme-color-white);\n --button-text-color: var(--theme-color-primary);\n --button-hover-shadow-opacity: 0.35;\n }\n }\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/superlist/superlist.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,".superlist{padding-top:20px;padding-bottom:20px;background:var(--theme-color-primary-dimmed-04);border-radius:var(--border-radius-lg)}@media(min-width: 768px){.superlist{padding-top:30px;padding-bottom:30px}}@media(min-width: 1200px){.superlist{padding-top:40px;padding-bottom:40px}}@media(min-width: 1200px){.superlist{padding-top:60px;padding-bottom:60px}}.superlist .container .button-container{display:flex;flex-direction:column;padding-top:40px;border-top:1px solid var(--theme-color-primary-dimmed-02)}.superlist .container .button-container .btn{margin:0 auto}.superlist--list{padding:40px 0 30px 0}.superlist.centered .superlist--list{padding-bottom:40px}","",{version:3,sources:["webpack://./stories/sections/superlist/superlist.scss"],names:[],mappings:"AAGA,WACE,gBAAA,CACA,mBAAA,CACA,+CAAA,CACA,qCAAA,CACA,yBALF,WAMI,gBAAA,CACA,mBAAA,CAAA,CAEF,0BATF,WAUI,gBAAA,CACA,mBAAA,CAAA,CAEF,0BAbF,WAcI,gBAAA,CACA,mBAAA,CAAA,CAIA,wCACE,YAAA,CACA,qBAAA,CACA,gBAAA,CACA,yDAAA,CAEA,6CACE,aAAA,CAKN,iBACE,qBAAA,CAIA,qCACE,mBAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.superlist {\n padding-top: 20px;\n padding-bottom: 20px;\n background: var(--theme-color-primary-dimmed-04);\n border-radius: var(--border-radius-lg);\n @media (min-width: 768px) {\n padding-top: 30px;\n padding-bottom: 30px;\n }\n @media (min-width: 1200px) {\n padding-top: 40px;\n padding-bottom: 40px;\n }\n @media (min-width: 1200px) {\n padding-top: 60px;\n padding-bottom: 60px;\n }\n .container {\n\n .button-container {\n display: flex;\n flex-direction: column;\n padding-top: 40px;\n border-top: 1px solid var(--theme-color-primary-dimmed-02);\n\n .btn {\n margin: 0 auto;\n }\n }\n }\n\n &--list {\n padding: 40px 0 30px 0;\n }\n\n &.centered {\n .superlist--list {\n padding-bottom: 40px;\n }\n }\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/sections/superlist/Superlist.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Superlist:()=>Superlist,SuperlistCentered:()=>SuperlistCentered,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Superlist_stories});__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 injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),superlist=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/sections/superlist/superlist.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(superlist.Z,options);superlist.Z.locals;__webpack_require__("./node_modules/jquery/dist/jquery.js");var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),ButtonComponent=__webpack_require__("./stories/atoms/button/ButtonComponent.js"),SuperlistEntryComponent=__webpack_require__("./stories/components/superlist-entry/SuperlistEntryComponent.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 Superlist_stories={title:"Sections/Superlist",parameters:{},args:{}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return function createSuperlistSection(_ref){var _ref$kicker=_ref.kicker,kicker=void 0===_ref$kicker?"Im Jahr 2025":_ref$kicker,_ref$headline=_ref.headline,headline=void 0===_ref$headline?"Fünf Schritte für eine zukunftsfähige Energiepolitik":_ref$headline,_ref$paragraph=_ref.paragraph,paragraph=void 0===_ref$paragraph?"Fünf Schritte für eine zukunftsfähige Energiepolitik":_ref$paragraph,_ref$centered=_ref.centered,centered=void 0!==_ref$centered&&_ref$centered,section=(0,helpers.az)("section",centered?["superlist","centered"]:["superlist"]),container=(0,helpers.az)("div",["container"],null,section);(0,helpers.az)("p",["kicker"],kicker,container),(0,helpers.az)("h2",[],headline,container),(0,helpers.az)("p",[],paragraph,container);var superlistlist=(0,helpers.az)("div",["superlist--list"],null,container);return superlistlist.appendChild((0,SuperlistEntryComponent.C)({})),superlistlist.appendChild((0,SuperlistEntryComponent.C)({})),superlistlist.appendChild((0,SuperlistEntryComponent.C)({inverted:!0})),(0,helpers.az)("div",["button-container"],null,container).appendChild((0,ButtonComponent.a)({color:"secondary",label:"Mehr zum Thema",iconPosition:"icon-right",icon:"pfeil-simple-rechts"})),section}(Object.assign({},args))},Superlist=Template.bind({});Superlist.args={};var SuperlistCentered=Template.bind({});SuperlistCentered.args={centered:!0};var __namedExportsOrder=["Superlist","SuperlistCentered"];Superlist.parameters={...Superlist.parameters,docs:{...Superlist.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createSuperlistSection({\n ...args\n });\n}",...Superlist.parameters?.docs?.source}}},SuperlistCentered.parameters={...SuperlistCentered.parameters,docs:{...SuperlistCentered.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createSuperlistSection({\n ...args\n });\n}",...SuperlistCentered.parameters?.docs?.source}}}}}]);
|
