25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 

1 satır
8.5 KiB

  1. "use strict";(self.webpackChunk_ihk24_storybook=self.webpackChunk_ihk24_storybook||[]).push([[5957],{"./stories/components/infobox/InfoboxComponent.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B:()=>createInfobox});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),infobox=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(infobox.Z,options);infobox.Z.locals;var helpers=__webpack_require__("./stories/_global/scripts/helpers.js"),createInfobox=function createInfobox(_ref){var _ref$type=_ref.type,type=void 0===_ref$type?"regular":_ref$type,_ref$content=_ref.content,content=void 0===_ref$content?"<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>":_ref$content;return(0,helpers.az)("div",["infobox",type],content)}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stories/components/infobox/infobox.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,".infobox,.richtext div.strong,article.col div.strong{margin:calc(3% + 26px) 0;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);border-bottom:var(--border-width) solid var(--theme-color-secondary)}.infobox.success,.richtext div.strong.success,article.col div.strong.success{background-color:var(--theme-color-success-dimmed);border-color:var(--theme-color-success)}.infobox.error,.richtext div.strong.error,article.col div.strong.error{background-color:var(--theme-color-error-dimmed);border-color:var(--theme-color-error)}.infobox.warning,.richtext div.strong.warning,article.col div.strong.warning{background-color:var(--theme-color-warning-dimmed);border-color:var(--theme-color-warning)}.infobox>*:first-child,.richtext div.strong>*:first-child,article.col div.strong>*:first-child{margin-top:-0.4em}.infobox>*:last-child,.richtext div.strong>*:last-child,article.col div.strong>*:last-child{margin-bottom:-0.4em}.infobox:first-child,.richtext div.strong:first-child,article.col div.strong:first-child{margin-top:0}.infobox:last-child,.richtext div.strong:last-child,article.col div.strong:last-child{margin-bottom:0}.snippingTool{margin:calc(3% + 26px) 50px;background-color:var(--theme-color-secondary-dimmed);padding:var(--content-box-padding);width:652px}.snippingTool .topicSnippingTool{margin:10px 0}.snippingTool .snippingToolLink{font-size:var(--font-size-xs);margin:5px 0 0}.snippingTool .snippingToolTitle{margin:0}.snippingTool .snippingToolDescription{font-size:var(--font-size-xs)}","",{version:3,sources:["webpack://./stories/components/infobox/infobox.scss"],names:[],mappings:"AAGA,qDACE,wBAAA,CACA,oDAAA,CACA,kCAAA,CACA,oEAAA,CAEA,6EACE,kDAAA,CACA,uCAAA,CAEF,uEACE,gDAAA,CACA,qCAAA,CAEF,6EACE,kDAAA,CACA,uCAAA,CAGF,+FACE,iBAAA,CAEF,4FACE,oBAAA,CAGF,yFACE,YAAA,CAEF,sFACE,eAAA,CAIJ,cACE,2BAAA,CACA,oDAAA,CACA,kCAAA,CACA,WAAA,CAEA,iCACE,aAAA,CAGF,gCACE,6BAAA,CACA,cAAA,CAGF,iCACE,QAAA,CAGF,uCACE,6BAAA",sourcesContent:["@import '../../_global/styles/mixins';\n@import '../../_global/styles/vars';\n\n.infobox, .richtext div.strong, article.col div.strong {\n margin: calc(3% + 26px) 0;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n border-bottom: var(--border-width) solid var(--theme-color-secondary);\n\n &.success {\n background-color: var(--theme-color-success-dimmed);\n border-color: var(--theme-color-success);\n }\n &.error {\n background-color: var(--theme-color-error-dimmed);\n border-color: var(--theme-color-error);\n }\n &.warning {\n background-color: var(--theme-color-warning-dimmed);\n border-color: var(--theme-color-warning);\n }\n\n > *:first-child {\n margin-top: -0.4em;\n }\n > *:last-child {\n margin-bottom: -0.4em;\n }\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.snippingTool {\n margin: calc(3% + 26px) 50px;\n background-color: var(--theme-color-secondary-dimmed);\n padding: var(--content-box-padding);\n width: 652px;\n\n .topicSnippingTool {\n margin: 10px 0;\n }\n\n .snippingToolLink {\n font-size: var(--font-size-xs);\n margin: 5px 0 0;\n }\n\n .snippingToolTitle {\n margin: 0;\n }\n\n .snippingToolDescription {\n font-size: var(--font-size-xs);\n }\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./stories/components/infobox/Infobox.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Error:()=>Error,Infobox:()=>Infobox,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});__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 _InfoboxComponent__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./stories/components/infobox/InfoboxComponent.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/Infobox",argTypes:{type:{name:"Box-Stil",control:{type:"select"},options:["regular","success","warning","error"],defaultValue:"regular"},content:{name:"Inhalt (HTML)",control:{type:"text"},defaultValue:'<p><strong>Infobox: </strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci deserunt non quam rem, quae in <a href="#">porro sint veritatis</a> hic, quas dignissimos debitis sequi repudiandae ipsum dolorem placeat harum blanditiis. Vero.</p>'}}};var Template=function Template(_ref){var args=_extends({},(function _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}(_ref),_ref));return(0,_InfoboxComponent__WEBPACK_IMPORTED_MODULE_4__.B)(Object.assign({},args))},Infobox=Template.bind({});Infobox.args={};var Warning=Template.bind({});Warning.args={type:"warning"};var Error=Template.bind({});Error.args={type:"error"};var Success=Template.bind({});Success.args={type:"success"};var __namedExportsOrder=["Infobox","Warning","Error","Success"];Infobox.parameters={...Infobox.parameters,docs:{...Infobox.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createInfobox({\n ...args\n });\n}",...Infobox.parameters?.docs?.source}}},Warning.parameters={...Warning.parameters,docs:{...Warning.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createInfobox({\n ...args\n });\n}",...Warning.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createInfobox({\n ...args\n });\n}",...Error.parameters?.docs?.source}}},Success.parameters={...Success.parameters,docs:{...Success.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return createInfobox({\n ...args\n });\n}",...Success.parameters?.docs?.source}}}}}]);