[{"data":1,"prerenderedAt":1714},["ShallowReactive",2],{"section-redirect:navigation":3,"navigation_docs":337,"-components-banner":430,"-components-banner-surround":659,"component-example-bannerBasicExample":664,"component-example-bannerClosableExample":667,"component-example-bannerVariantsExample":670,"component-meta-MtBanner":673,"component-example-ast-bannerBasicExample":743,"component-example-ast-bannerClosableExample":960,"component-example-ast-bannerVariantsExample":1159},[4,110,290],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":279,"path":280,"stem":281},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":283,"path":284,"stem":285},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":287,"path":288,"stem":289},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":291,"path":292,"stem":293,"children":294,"page":34},"Utilities","\u002Futilities","3.utilities",[295,307,320,328],{"title":53,"path":296,"stem":297,"children":298,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[299,303],{"title":300,"path":301,"stem":302},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":304,"path":305,"stem":306},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[312,316],{"title":313,"path":314,"stem":315},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":317,"path":318,"stem":319},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":321,"path":322,"stem":323,"children":324,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[325],{"title":279,"path":326,"stem":327},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[333],{"title":334,"path":335,"stem":336},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",[338,368,414],{"title":5,"path":6,"stem":7,"children":339,"page":34},[340,347,353,362],{"title":10,"path":11,"stem":12,"children":341,"page":34},[342,343,344,345,346],{"title":15,"path":16,"stem":17},{"title":19,"path":20,"stem":21},{"title":23,"path":24,"stem":25},{"title":27,"path":28,"stem":29},{"title":31,"path":32,"stem":33},{"title":36,"path":37,"stem":38,"children":348,"page":34},[349,350,351,352],{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59,"children":354,"page":34},[355,356,357,358,359,360,361],{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},{"title":74,"path":75,"stem":76},{"title":78,"path":79,"stem":80},{"title":82,"path":83,"stem":84},{"title":86,"path":87,"stem":88},{"title":90,"path":91,"stem":92,"children":363,"page":34},[364,365,366,367],{"title":95,"path":96,"stem":97},{"title":99,"path":100,"stem":101},{"title":103,"path":104,"stem":105},{"title":107,"path":108,"stem":109},{"title":53,"path":111,"stem":112,"children":369,"page":34},[370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413],{"title":115,"path":116,"stem":117},{"title":119,"path":120,"stem":121},{"title":123,"path":124,"stem":125},{"title":127,"path":128,"stem":129},{"title":131,"path":132,"stem":133},{"title":135,"path":136,"stem":137},{"title":139,"path":140,"stem":141},{"title":143,"path":144,"stem":145},{"title":147,"path":148,"stem":149},{"title":151,"path":152,"stem":153},{"title":155,"path":156,"stem":157},{"title":159,"path":160,"stem":161},{"title":163,"path":164,"stem":165},{"title":167,"path":168,"stem":169},{"title":171,"path":172,"stem":173},{"title":175,"path":176,"stem":177},{"title":179,"path":180,"stem":181},{"title":183,"path":184,"stem":185},{"title":187,"path":188,"stem":189},{"title":191,"path":192,"stem":193},{"title":195,"path":196,"stem":197},{"title":199,"path":200,"stem":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245},{"title":247,"path":248,"stem":249},{"title":251,"path":252,"stem":253},{"title":255,"path":256,"stem":257},{"title":259,"path":260,"stem":261},{"title":263,"path":264,"stem":265},{"title":267,"path":268,"stem":269},{"title":271,"path":272,"stem":273},{"title":275,"path":276,"stem":277},{"title":279,"path":280,"stem":281},{"title":283,"path":284,"stem":285},{"title":287,"path":288,"stem":289},{"title":291,"path":292,"stem":293,"children":415,"page":34},[416,420,424,427],{"title":53,"path":296,"stem":297,"children":417,"page":34},[418,419],{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310,"children":421,"page":34},[422,423],{"title":313,"path":314,"stem":315},{"title":317,"path":318,"stem":319},{"title":321,"path":322,"stem":323,"children":425,"page":34},[426],{"title":279,"path":326,"stem":327},{"title":329,"path":330,"stem":331,"children":428,"page":34},[429],{"title":334,"path":335,"stem":336},{"id":431,"title":127,"body":432,"description":652,"extension":653,"links":654,"meta":655,"navigation":656,"path":128,"seo":657,"stem":129,"__hash__":658},"docs\u002F2.components\u002Fbanner.md",{"type":433,"value":434,"toc":639},"minimark",[435,440,445,452,485,489,494,497,501,504,508,511,515,600,603,622,626,635],[436,437],"component-example",{":full-width":438,"name":439},"true","banner-basic-example",[441,442,444],"h2",{"id":443},"usage","Usage",[446,447,448,451],"p",{},[449,450,127],"strong",{}," is a persistent, inline message that stays in the page layout. Use it for warnings, success confirmations, inherited-state hints, or inline guidance that should remain visible near the affected content until the user reads or dismisses it, rather than as a temporary overlay notification.",[453,454,459],"pre",{"className":455,"code":456,"language":457,"meta":458,"style":458},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtBanner } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[460,461,462],"code",{"__ignoreMap":458},[463,464,467,471,475,478,482],"span",{"class":465,"line":466},"line",1,[463,468,470],{"class":469},"sLfaJ","import",[463,472,474],{"class":473},"sSgjj"," { MtBanner } ",[463,476,477],{"class":469},"from",[463,479,481],{"class":480},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[463,483,484],{"class":473},";\n",[441,486,488],{"id":487},"examples","Examples",[490,491,493],"h3",{"id":492},"closable","Closable",[436,495],{":full-width":438,"name":496},"banner-closable-example",[490,498,500],{"id":499},"variants","Variants",[436,502],{":full-width":438,"name":503},"banner-variants-example",[441,505,507],{"id":506},"api-reference","API reference",[509,510],"component-api",{},[441,512,514],{"id":513},"best-practices","Best practices",[516,517,518,574],"do-dont",{":vertical":438},[519,520,521],"template",{"v-slot:do":458},[522,523,524,528,535,544,551,557],"ul",{},[525,526,527],"li",{},"Keep the message concise and directly tied to the surrounding context.",[525,529,530,531,534],{},"Choose the ",[460,532,533],{},"variant"," that matches the meaning of the message.",[525,536,537,538,540,541,543],{},"Prefer ",[449,539,127],{}," with the default icon enabled, using the icon that comes with the selected ",[460,542,533],{},".",[525,545,546,547,550],{},"Use the ",[460,548,549],{},"title"," to help people scan the message quickly when the content is more than a short sentence.",[525,552,553,554,556],{},"Use ",[460,555,492],{}," only when dismissing the banner is a safe choice for the user.",[525,558,559,560,565,566,569,570,573],{},"If you add actions inside the banner content, choose components and variants with sufficient color contrast. ",[561,562,563],"a",{"href":132},[449,564,131],{}," in ",[460,567,568],{},"primary"," or ",[460,571,572],{},"secondary"," is a good starting point.",[519,575,576,582,588,594,597],{"v-slot:dont":458},[525,577,578,579,581],{},"Do not use ",[449,580,127],{}," for transient confirmations that can disappear after a few seconds.",[525,583,584,585,587],{},"Do not stack many ",[449,586,127],{}," components together, because they quickly compete with the main page content.",[525,589,590,591,593],{},"Do not hide blocking or decision-heavy flows in ",[449,592,127],{}," when a modal or dedicated screen is more appropriate.",[525,595,596],{},"Do not replace the built-in variant icon unless you have a strong semantic reason to do so.",[525,598,599],{},"Do not rely on icon color alone to communicate meaning. The text should still be clear on its own.",[441,601,45],{"id":602},"accessibility",[522,604,605,610,613,616,619],{},[525,606,607,609],{},[449,608,127],{}," content should remain understandable without depending on the icon alone.",[525,611,612],{},"Use clear text so the message still works for people using screen readers or high-contrast modes.",[525,614,615],{},"Only make a banner dismissible when removing it will not hide information the user still needs.",[525,617,618],{},"If the banner includes actions in the slot content, verify their contrast against the banner background instead of assuming every button style will remain readable.",[525,620,621],{},"Keep the message brief and structured so it can be scanned quickly inside a busy page.",[441,623,625],{"id":624},"related-components","Related components",[522,627,628],{},[525,629,630,634],{},[561,631,632],{"href":248},[449,633,247],{},": when you need lightweight temporary feedback that appears separately from the page content.",[636,637,638],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":458,"searchDepth":640,"depth":640,"links":641},2,[642,643,648,649,650,651],{"id":443,"depth":640,"text":444},{"id":487,"depth":640,"text":488,"children":644},[645,647],{"id":492,"depth":646,"text":493},3,{"id":499,"depth":646,"text":500},{"id":506,"depth":640,"text":507},{"id":513,"depth":640,"text":514},{"id":602,"depth":640,"text":45},{"id":624,"depth":640,"text":625},"A persistent, inline message that stays visible in the page layout.","md",null,{},true,{"title":127,"description":652},"bwCyLed2-ZaI5Q4Jx99YZB9HnQXFQHKvPcLpzvYBUxA",[660,662],{"title":123,"path":124,"stem":125,"description":661,"children":-1},"A compact, non-interactive status label for short, glanceable states.",{"title":131,"path":132,"stem":133,"description":663,"children":-1},"The standard action trigger for Meteor interfaces.",{"code":665,"pascalName":666},"\u003Cscript setup lang=\"ts\">\nimport MtBanner from \"@shopware-ag\u002Fmeteor-component-library\u002FMtBanner\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-banner title=\"This is a banner\" variant=\"neutral\">\n    I am in the default slot of the banner\n  \u003C\u002Fmt-banner>\n\u003C\u002Ftemplate>\n","BannerBasicExample",{"code":668,"pascalName":669},"\u003Cscript setup lang=\"ts\">\nimport MtBanner from \"@shopware-ag\u002Fmeteor-component-library\u002FMtBanner\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-banner title=\"Closable banner\" variant=\"neutral\" :closable=\"true\">\n    Use this when dismissing the message is a safe choice for the user.\n  \u003C\u002Fmt-banner>\n\u003C\u002Ftemplate>\n","BannerClosableExample",{"code":671,"pascalName":672},"\u003Cscript setup lang=\"ts\">\nimport MtBanner from \"@shopware-ag\u002Fmeteor-component-library\u002FMtBanner\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-banner variant=\"neutral\" title=\"Neutral banner\">\n    Use for general information that should stay visible in the page flow.\n  \u003C\u002Fmt-banner>\n\n  \u003Cmt-banner variant=\"info\" title=\"Info banner\">\n    Use for informative updates or guidance that helps users continue their task.\n  \u003C\u002Fmt-banner>\n\n  \u003Cmt-banner variant=\"attention\" title=\"Attention banner\">\n    Use when users should review something carefully before continuing.\n  \u003C\u002Fmt-banner>\n\n  \u003Cmt-banner variant=\"critical\" title=\"Critical banner\">\n    Use for errors or states that require user attention.\n  \u003C\u002Fmt-banner>\n\n  \u003Cmt-banner variant=\"positive\" title=\"Positive banner\">\n    Use for success states that should remain visible in context.\n  \u003C\u002Fmt-banner>\n\n  \u003Cmt-banner variant=\"inherited\" title=\"Inherited banner\">\n    Use when content or configuration is inherited from another source.\n  \u003C\u002Fmt-banner>\n\u003C\u002Ftemplate>\n","BannerVariantsExample",{"pascalName":674,"kebabName":675,"filePath":676,"meta":677},"MtBanner","mt-banner","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-banner\u002Fmt-banner.vue",{"type":466,"props":678,"slots":719,"events":732,"exposed":741,"hash":742},[679,692,698,705,709,714],{"name":533,"global":34,"default":680,"description":458,"tags":681,"required":34,"type":682,"schema":683},"\"neutral\"",[],"\"critical\" | \"positive\" | \"info\" | \"neutral\" | \"attention\" | \"inherited\" | undefined",{"kind":684,"type":682,"schema":685},"enum",{"0":686,"1":687,"2":688,"3":689,"4":680,"5":690,"6":691},"undefined","\"critical\"","\"positive\"","\"info\"","\"attention\"","\"inherited\"",{"name":549,"global":34,"description":458,"tags":693,"required":34,"type":694,"schema":695},[],"string | undefined",{"kind":684,"type":694,"schema":696},{"0":686,"1":697},"string",{"name":699,"global":34,"default":700,"description":458,"tags":701,"required":34,"type":702,"schema":703},"hideIcon","false",[],"boolean | undefined",{"kind":684,"type":702,"schema":704},{"0":686,"1":700,"2":438},{"name":492,"global":34,"default":700,"description":458,"tags":706,"required":34,"type":702,"schema":707},[],{"kind":684,"type":702,"schema":708},{"0":686,"1":700,"2":438},{"name":710,"global":34,"description":458,"tags":711,"required":34,"type":694,"schema":712},"bannerIndex",[],{"kind":684,"type":694,"schema":713},{"0":686,"1":697},{"name":715,"global":34,"description":458,"tags":716,"required":34,"type":694,"schema":717},"icon",[],{"kind":684,"type":694,"schema":718},{"0":686,"1":697},[720,727],{"name":721,"type":722,"description":458,"tags":723,"schema":724},"customIcon","{}",[],{"kind":725,"type":722,"schema":726},"object",{},{"name":728,"type":722,"description":458,"tags":729,"schema":730},"default",[],{"kind":725,"type":722,"schema":731},{},[733],{"name":734,"description":458,"tags":735,"type":736,"signature":737,"schema":738},"close",[],"[bannerIndex?: string | undefined]","(event: \"close\", bannerIndex?: string | undefined): void",[739],{"kind":684,"type":694,"schema":740},[686,697],[],"xCNjFzOkPabno1k_yxqwPbJ0Vjitr-WMocTxYdHpq8s",{"data":744,"body":745,"toc":958},{"title":458,"description":458},{"type":746,"children":747},"root",[748,953],{"type":749,"tag":453,"props":750,"children":753},"element",{"className":751,"code":665,"language":752,"meta":458,"style":458},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[754],{"type":749,"tag":460,"props":755,"children":756},{"__ignoreMap":458},[757,800,826,842,851,867,911,920,937],{"type":749,"tag":463,"props":758,"children":759},{"class":465,"line":466},[760,767,773,779,784,789,795],{"type":749,"tag":463,"props":761,"children":763},{"style":762},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[764],{"type":765,"value":766},"text","\u003C",{"type":749,"tag":463,"props":768,"children":770},{"style":769},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[771],{"type":765,"value":772},"script",{"type":749,"tag":463,"props":774,"children":776},{"style":775},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[777],{"type":765,"value":778}," setup",{"type":749,"tag":463,"props":780,"children":781},{"style":775},[782],{"type":765,"value":783}," lang",{"type":749,"tag":463,"props":785,"children":786},{"style":762},[787],{"type":765,"value":788},"=",{"type":749,"tag":463,"props":790,"children":792},{"style":791},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[793],{"type":765,"value":794},"\"ts\"",{"type":749,"tag":463,"props":796,"children":797},{"style":762},[798],{"type":765,"value":799},">\n",{"type":749,"tag":463,"props":801,"children":802},{"class":465,"line":640},[803,808,813,817,822],{"type":749,"tag":463,"props":804,"children":806},{"style":805},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[807],{"type":765,"value":470},{"type":749,"tag":463,"props":809,"children":810},{"style":762},[811],{"type":765,"value":812}," MtBanner ",{"type":749,"tag":463,"props":814,"children":815},{"style":805},[816],{"type":765,"value":477},{"type":749,"tag":463,"props":818,"children":819},{"style":791},[820],{"type":765,"value":821}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtBanner\"",{"type":749,"tag":463,"props":823,"children":824},{"style":762},[825],{"type":765,"value":484},{"type":749,"tag":463,"props":827,"children":828},{"class":465,"line":646},[829,834,838],{"type":749,"tag":463,"props":830,"children":831},{"style":762},[832],{"type":765,"value":833},"\u003C\u002F",{"type":749,"tag":463,"props":835,"children":836},{"style":769},[837],{"type":765,"value":772},{"type":749,"tag":463,"props":839,"children":840},{"style":762},[841],{"type":765,"value":799},{"type":749,"tag":463,"props":843,"children":845},{"class":465,"line":844},4,[846],{"type":749,"tag":463,"props":847,"children":848},{"emptyLinePlaceholder":656},[849],{"type":765,"value":850},"\n",{"type":749,"tag":463,"props":852,"children":854},{"class":465,"line":853},5,[855,859,863],{"type":749,"tag":463,"props":856,"children":857},{"style":762},[858],{"type":765,"value":766},{"type":749,"tag":463,"props":860,"children":861},{"style":769},[862],{"type":765,"value":519},{"type":749,"tag":463,"props":864,"children":865},{"style":762},[866],{"type":765,"value":799},{"type":749,"tag":463,"props":868,"children":870},{"class":465,"line":869},6,[871,876,880,885,889,894,899,903,907],{"type":749,"tag":463,"props":872,"children":873},{"style":762},[874],{"type":765,"value":875},"  \u003C",{"type":749,"tag":463,"props":877,"children":878},{"style":769},[879],{"type":765,"value":675},{"type":749,"tag":463,"props":881,"children":882},{"style":775},[883],{"type":765,"value":884}," title",{"type":749,"tag":463,"props":886,"children":887},{"style":762},[888],{"type":765,"value":788},{"type":749,"tag":463,"props":890,"children":891},{"style":791},[892],{"type":765,"value":893},"\"This is a banner\"",{"type":749,"tag":463,"props":895,"children":896},{"style":775},[897],{"type":765,"value":898}," variant",{"type":749,"tag":463,"props":900,"children":901},{"style":762},[902],{"type":765,"value":788},{"type":749,"tag":463,"props":904,"children":905},{"style":791},[906],{"type":765,"value":680},{"type":749,"tag":463,"props":908,"children":909},{"style":762},[910],{"type":765,"value":799},{"type":749,"tag":463,"props":912,"children":914},{"class":465,"line":913},7,[915],{"type":749,"tag":463,"props":916,"children":917},{"style":762},[918],{"type":765,"value":919},"    I am in the default slot of the banner\n",{"type":749,"tag":463,"props":921,"children":923},{"class":465,"line":922},8,[924,929,933],{"type":749,"tag":463,"props":925,"children":926},{"style":762},[927],{"type":765,"value":928},"  \u003C\u002F",{"type":749,"tag":463,"props":930,"children":931},{"style":769},[932],{"type":765,"value":675},{"type":749,"tag":463,"props":934,"children":935},{"style":762},[936],{"type":765,"value":799},{"type":749,"tag":463,"props":938,"children":940},{"class":465,"line":939},9,[941,945,949],{"type":749,"tag":463,"props":942,"children":943},{"style":762},[944],{"type":765,"value":833},{"type":749,"tag":463,"props":946,"children":947},{"style":769},[948],{"type":765,"value":519},{"type":749,"tag":463,"props":950,"children":951},{"style":762},[952],{"type":765,"value":799},{"type":749,"tag":636,"props":954,"children":955},{},[956],{"type":765,"value":957},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":458,"searchDepth":640,"depth":640,"links":959},[],{"data":961,"body":962,"toc":1157},{"title":458,"description":458},{"type":746,"children":963},[964,1153],{"type":749,"tag":453,"props":965,"children":966},{"className":751,"code":668,"language":752,"meta":458,"style":458},[967],{"type":749,"tag":460,"props":968,"children":969},{"__ignoreMap":458},[970,1001,1024,1039,1046,1061,1115,1123,1138],{"type":749,"tag":463,"props":971,"children":972},{"class":465,"line":466},[973,977,981,985,989,993,997],{"type":749,"tag":463,"props":974,"children":975},{"style":762},[976],{"type":765,"value":766},{"type":749,"tag":463,"props":978,"children":979},{"style":769},[980],{"type":765,"value":772},{"type":749,"tag":463,"props":982,"children":983},{"style":775},[984],{"type":765,"value":778},{"type":749,"tag":463,"props":986,"children":987},{"style":775},[988],{"type":765,"value":783},{"type":749,"tag":463,"props":990,"children":991},{"style":762},[992],{"type":765,"value":788},{"type":749,"tag":463,"props":994,"children":995},{"style":791},[996],{"type":765,"value":794},{"type":749,"tag":463,"props":998,"children":999},{"style":762},[1000],{"type":765,"value":799},{"type":749,"tag":463,"props":1002,"children":1003},{"class":465,"line":640},[1004,1008,1012,1016,1020],{"type":749,"tag":463,"props":1005,"children":1006},{"style":805},[1007],{"type":765,"value":470},{"type":749,"tag":463,"props":1009,"children":1010},{"style":762},[1011],{"type":765,"value":812},{"type":749,"tag":463,"props":1013,"children":1014},{"style":805},[1015],{"type":765,"value":477},{"type":749,"tag":463,"props":1017,"children":1018},{"style":791},[1019],{"type":765,"value":821},{"type":749,"tag":463,"props":1021,"children":1022},{"style":762},[1023],{"type":765,"value":484},{"type":749,"tag":463,"props":1025,"children":1026},{"class":465,"line":646},[1027,1031,1035],{"type":749,"tag":463,"props":1028,"children":1029},{"style":762},[1030],{"type":765,"value":833},{"type":749,"tag":463,"props":1032,"children":1033},{"style":769},[1034],{"type":765,"value":772},{"type":749,"tag":463,"props":1036,"children":1037},{"style":762},[1038],{"type":765,"value":799},{"type":749,"tag":463,"props":1040,"children":1041},{"class":465,"line":844},[1042],{"type":749,"tag":463,"props":1043,"children":1044},{"emptyLinePlaceholder":656},[1045],{"type":765,"value":850},{"type":749,"tag":463,"props":1047,"children":1048},{"class":465,"line":853},[1049,1053,1057],{"type":749,"tag":463,"props":1050,"children":1051},{"style":762},[1052],{"type":765,"value":766},{"type":749,"tag":463,"props":1054,"children":1055},{"style":769},[1056],{"type":765,"value":519},{"type":749,"tag":463,"props":1058,"children":1059},{"style":762},[1060],{"type":765,"value":799},{"type":749,"tag":463,"props":1062,"children":1063},{"class":465,"line":869},[1064,1068,1072,1076,1080,1085,1089,1093,1097,1102,1106,1111],{"type":749,"tag":463,"props":1065,"children":1066},{"style":762},[1067],{"type":765,"value":875},{"type":749,"tag":463,"props":1069,"children":1070},{"style":769},[1071],{"type":765,"value":675},{"type":749,"tag":463,"props":1073,"children":1074},{"style":775},[1075],{"type":765,"value":884},{"type":749,"tag":463,"props":1077,"children":1078},{"style":762},[1079],{"type":765,"value":788},{"type":749,"tag":463,"props":1081,"children":1082},{"style":791},[1083],{"type":765,"value":1084},"\"Closable banner\"",{"type":749,"tag":463,"props":1086,"children":1087},{"style":775},[1088],{"type":765,"value":898},{"type":749,"tag":463,"props":1090,"children":1091},{"style":762},[1092],{"type":765,"value":788},{"type":749,"tag":463,"props":1094,"children":1095},{"style":791},[1096],{"type":765,"value":680},{"type":749,"tag":463,"props":1098,"children":1099},{"style":775},[1100],{"type":765,"value":1101}," :closable",{"type":749,"tag":463,"props":1103,"children":1104},{"style":762},[1105],{"type":765,"value":788},{"type":749,"tag":463,"props":1107,"children":1108},{"style":791},[1109],{"type":765,"value":1110},"\"true\"",{"type":749,"tag":463,"props":1112,"children":1113},{"style":762},[1114],{"type":765,"value":799},{"type":749,"tag":463,"props":1116,"children":1117},{"class":465,"line":913},[1118],{"type":749,"tag":463,"props":1119,"children":1120},{"style":762},[1121],{"type":765,"value":1122},"    Use this when dismissing the message is a safe choice for the user.\n",{"type":749,"tag":463,"props":1124,"children":1125},{"class":465,"line":922},[1126,1130,1134],{"type":749,"tag":463,"props":1127,"children":1128},{"style":762},[1129],{"type":765,"value":928},{"type":749,"tag":463,"props":1131,"children":1132},{"style":769},[1133],{"type":765,"value":675},{"type":749,"tag":463,"props":1135,"children":1136},{"style":762},[1137],{"type":765,"value":799},{"type":749,"tag":463,"props":1139,"children":1140},{"class":465,"line":939},[1141,1145,1149],{"type":749,"tag":463,"props":1142,"children":1143},{"style":762},[1144],{"type":765,"value":833},{"type":749,"tag":463,"props":1146,"children":1147},{"style":769},[1148],{"type":765,"value":519},{"type":749,"tag":463,"props":1150,"children":1151},{"style":762},[1152],{"type":765,"value":799},{"type":749,"tag":636,"props":1154,"children":1155},{},[1156],{"type":765,"value":957},{"title":458,"searchDepth":640,"depth":640,"links":1158},[],{"data":1160,"body":1161,"toc":1712},{"title":458,"description":458},{"type":746,"children":1162},[1163,1708],{"type":749,"tag":453,"props":1164,"children":1165},{"className":751,"code":671,"language":752,"meta":458,"style":458},[1166],{"type":749,"tag":460,"props":1167,"children":1168},{"__ignoreMap":458},[1169,1200,1223,1238,1245,1260,1300,1308,1323,1330,1371,1380,1396,1404,1445,1454,1470,1478,1519,1528,1544,1552,1593,1602,1618,1626,1667,1676,1692],{"type":749,"tag":463,"props":1170,"children":1171},{"class":465,"line":466},[1172,1176,1180,1184,1188,1192,1196],{"type":749,"tag":463,"props":1173,"children":1174},{"style":762},[1175],{"type":765,"value":766},{"type":749,"tag":463,"props":1177,"children":1178},{"style":769},[1179],{"type":765,"value":772},{"type":749,"tag":463,"props":1181,"children":1182},{"style":775},[1183],{"type":765,"value":778},{"type":749,"tag":463,"props":1185,"children":1186},{"style":775},[1187],{"type":765,"value":783},{"type":749,"tag":463,"props":1189,"children":1190},{"style":762},[1191],{"type":765,"value":788},{"type":749,"tag":463,"props":1193,"children":1194},{"style":791},[1195],{"type":765,"value":794},{"type":749,"tag":463,"props":1197,"children":1198},{"style":762},[1199],{"type":765,"value":799},{"type":749,"tag":463,"props":1201,"children":1202},{"class":465,"line":640},[1203,1207,1211,1215,1219],{"type":749,"tag":463,"props":1204,"children":1205},{"style":805},[1206],{"type":765,"value":470},{"type":749,"tag":463,"props":1208,"children":1209},{"style":762},[1210],{"type":765,"value":812},{"type":749,"tag":463,"props":1212,"children":1213},{"style":805},[1214],{"type":765,"value":477},{"type":749,"tag":463,"props":1216,"children":1217},{"style":791},[1218],{"type":765,"value":821},{"type":749,"tag":463,"props":1220,"children":1221},{"style":762},[1222],{"type":765,"value":484},{"type":749,"tag":463,"props":1224,"children":1225},{"class":465,"line":646},[1226,1230,1234],{"type":749,"tag":463,"props":1227,"children":1228},{"style":762},[1229],{"type":765,"value":833},{"type":749,"tag":463,"props":1231,"children":1232},{"style":769},[1233],{"type":765,"value":772},{"type":749,"tag":463,"props":1235,"children":1236},{"style":762},[1237],{"type":765,"value":799},{"type":749,"tag":463,"props":1239,"children":1240},{"class":465,"line":844},[1241],{"type":749,"tag":463,"props":1242,"children":1243},{"emptyLinePlaceholder":656},[1244],{"type":765,"value":850},{"type":749,"tag":463,"props":1246,"children":1247},{"class":465,"line":853},[1248,1252,1256],{"type":749,"tag":463,"props":1249,"children":1250},{"style":762},[1251],{"type":765,"value":766},{"type":749,"tag":463,"props":1253,"children":1254},{"style":769},[1255],{"type":765,"value":519},{"type":749,"tag":463,"props":1257,"children":1258},{"style":762},[1259],{"type":765,"value":799},{"type":749,"tag":463,"props":1261,"children":1262},{"class":465,"line":869},[1263,1267,1271,1275,1279,1283,1287,1291,1296],{"type":749,"tag":463,"props":1264,"children":1265},{"style":762},[1266],{"type":765,"value":875},{"type":749,"tag":463,"props":1268,"children":1269},{"style":769},[1270],{"type":765,"value":675},{"type":749,"tag":463,"props":1272,"children":1273},{"style":775},[1274],{"type":765,"value":898},{"type":749,"tag":463,"props":1276,"children":1277},{"style":762},[1278],{"type":765,"value":788},{"type":749,"tag":463,"props":1280,"children":1281},{"style":791},[1282],{"type":765,"value":680},{"type":749,"tag":463,"props":1284,"children":1285},{"style":775},[1286],{"type":765,"value":884},{"type":749,"tag":463,"props":1288,"children":1289},{"style":762},[1290],{"type":765,"value":788},{"type":749,"tag":463,"props":1292,"children":1293},{"style":791},[1294],{"type":765,"value":1295},"\"Neutral banner\"",{"type":749,"tag":463,"props":1297,"children":1298},{"style":762},[1299],{"type":765,"value":799},{"type":749,"tag":463,"props":1301,"children":1302},{"class":465,"line":913},[1303],{"type":749,"tag":463,"props":1304,"children":1305},{"style":762},[1306],{"type":765,"value":1307},"    Use for general information that should stay visible in the page flow.\n",{"type":749,"tag":463,"props":1309,"children":1310},{"class":465,"line":922},[1311,1315,1319],{"type":749,"tag":463,"props":1312,"children":1313},{"style":762},[1314],{"type":765,"value":928},{"type":749,"tag":463,"props":1316,"children":1317},{"style":769},[1318],{"type":765,"value":675},{"type":749,"tag":463,"props":1320,"children":1321},{"style":762},[1322],{"type":765,"value":799},{"type":749,"tag":463,"props":1324,"children":1325},{"class":465,"line":939},[1326],{"type":749,"tag":463,"props":1327,"children":1328},{"emptyLinePlaceholder":656},[1329],{"type":765,"value":850},{"type":749,"tag":463,"props":1331,"children":1333},{"class":465,"line":1332},10,[1334,1338,1342,1346,1350,1354,1358,1362,1367],{"type":749,"tag":463,"props":1335,"children":1336},{"style":762},[1337],{"type":765,"value":875},{"type":749,"tag":463,"props":1339,"children":1340},{"style":769},[1341],{"type":765,"value":675},{"type":749,"tag":463,"props":1343,"children":1344},{"style":775},[1345],{"type":765,"value":898},{"type":749,"tag":463,"props":1347,"children":1348},{"style":762},[1349],{"type":765,"value":788},{"type":749,"tag":463,"props":1351,"children":1352},{"style":791},[1353],{"type":765,"value":689},{"type":749,"tag":463,"props":1355,"children":1356},{"style":775},[1357],{"type":765,"value":884},{"type":749,"tag":463,"props":1359,"children":1360},{"style":762},[1361],{"type":765,"value":788},{"type":749,"tag":463,"props":1363,"children":1364},{"style":791},[1365],{"type":765,"value":1366},"\"Info banner\"",{"type":749,"tag":463,"props":1368,"children":1369},{"style":762},[1370],{"type":765,"value":799},{"type":749,"tag":463,"props":1372,"children":1374},{"class":465,"line":1373},11,[1375],{"type":749,"tag":463,"props":1376,"children":1377},{"style":762},[1378],{"type":765,"value":1379},"    Use for informative updates or guidance that helps users continue their task.\n",{"type":749,"tag":463,"props":1381,"children":1383},{"class":465,"line":1382},12,[1384,1388,1392],{"type":749,"tag":463,"props":1385,"children":1386},{"style":762},[1387],{"type":765,"value":928},{"type":749,"tag":463,"props":1389,"children":1390},{"style":769},[1391],{"type":765,"value":675},{"type":749,"tag":463,"props":1393,"children":1394},{"style":762},[1395],{"type":765,"value":799},{"type":749,"tag":463,"props":1397,"children":1399},{"class":465,"line":1398},13,[1400],{"type":749,"tag":463,"props":1401,"children":1402},{"emptyLinePlaceholder":656},[1403],{"type":765,"value":850},{"type":749,"tag":463,"props":1405,"children":1407},{"class":465,"line":1406},14,[1408,1412,1416,1420,1424,1428,1432,1436,1441],{"type":749,"tag":463,"props":1409,"children":1410},{"style":762},[1411],{"type":765,"value":875},{"type":749,"tag":463,"props":1413,"children":1414},{"style":769},[1415],{"type":765,"value":675},{"type":749,"tag":463,"props":1417,"children":1418},{"style":775},[1419],{"type":765,"value":898},{"type":749,"tag":463,"props":1421,"children":1422},{"style":762},[1423],{"type":765,"value":788},{"type":749,"tag":463,"props":1425,"children":1426},{"style":791},[1427],{"type":765,"value":690},{"type":749,"tag":463,"props":1429,"children":1430},{"style":775},[1431],{"type":765,"value":884},{"type":749,"tag":463,"props":1433,"children":1434},{"style":762},[1435],{"type":765,"value":788},{"type":749,"tag":463,"props":1437,"children":1438},{"style":791},[1439],{"type":765,"value":1440},"\"Attention banner\"",{"type":749,"tag":463,"props":1442,"children":1443},{"style":762},[1444],{"type":765,"value":799},{"type":749,"tag":463,"props":1446,"children":1448},{"class":465,"line":1447},15,[1449],{"type":749,"tag":463,"props":1450,"children":1451},{"style":762},[1452],{"type":765,"value":1453},"    Use when users should review something carefully before continuing.\n",{"type":749,"tag":463,"props":1455,"children":1457},{"class":465,"line":1456},16,[1458,1462,1466],{"type":749,"tag":463,"props":1459,"children":1460},{"style":762},[1461],{"type":765,"value":928},{"type":749,"tag":463,"props":1463,"children":1464},{"style":769},[1465],{"type":765,"value":675},{"type":749,"tag":463,"props":1467,"children":1468},{"style":762},[1469],{"type":765,"value":799},{"type":749,"tag":463,"props":1471,"children":1473},{"class":465,"line":1472},17,[1474],{"type":749,"tag":463,"props":1475,"children":1476},{"emptyLinePlaceholder":656},[1477],{"type":765,"value":850},{"type":749,"tag":463,"props":1479,"children":1481},{"class":465,"line":1480},18,[1482,1486,1490,1494,1498,1502,1506,1510,1515],{"type":749,"tag":463,"props":1483,"children":1484},{"style":762},[1485],{"type":765,"value":875},{"type":749,"tag":463,"props":1487,"children":1488},{"style":769},[1489],{"type":765,"value":675},{"type":749,"tag":463,"props":1491,"children":1492},{"style":775},[1493],{"type":765,"value":898},{"type":749,"tag":463,"props":1495,"children":1496},{"style":762},[1497],{"type":765,"value":788},{"type":749,"tag":463,"props":1499,"children":1500},{"style":791},[1501],{"type":765,"value":687},{"type":749,"tag":463,"props":1503,"children":1504},{"style":775},[1505],{"type":765,"value":884},{"type":749,"tag":463,"props":1507,"children":1508},{"style":762},[1509],{"type":765,"value":788},{"type":749,"tag":463,"props":1511,"children":1512},{"style":791},[1513],{"type":765,"value":1514},"\"Critical banner\"",{"type":749,"tag":463,"props":1516,"children":1517},{"style":762},[1518],{"type":765,"value":799},{"type":749,"tag":463,"props":1520,"children":1522},{"class":465,"line":1521},19,[1523],{"type":749,"tag":463,"props":1524,"children":1525},{"style":762},[1526],{"type":765,"value":1527},"    Use for errors or states that require user attention.\n",{"type":749,"tag":463,"props":1529,"children":1531},{"class":465,"line":1530},20,[1532,1536,1540],{"type":749,"tag":463,"props":1533,"children":1534},{"style":762},[1535],{"type":765,"value":928},{"type":749,"tag":463,"props":1537,"children":1538},{"style":769},[1539],{"type":765,"value":675},{"type":749,"tag":463,"props":1541,"children":1542},{"style":762},[1543],{"type":765,"value":799},{"type":749,"tag":463,"props":1545,"children":1547},{"class":465,"line":1546},21,[1548],{"type":749,"tag":463,"props":1549,"children":1550},{"emptyLinePlaceholder":656},[1551],{"type":765,"value":850},{"type":749,"tag":463,"props":1553,"children":1555},{"class":465,"line":1554},22,[1556,1560,1564,1568,1572,1576,1580,1584,1589],{"type":749,"tag":463,"props":1557,"children":1558},{"style":762},[1559],{"type":765,"value":875},{"type":749,"tag":463,"props":1561,"children":1562},{"style":769},[1563],{"type":765,"value":675},{"type":749,"tag":463,"props":1565,"children":1566},{"style":775},[1567],{"type":765,"value":898},{"type":749,"tag":463,"props":1569,"children":1570},{"style":762},[1571],{"type":765,"value":788},{"type":749,"tag":463,"props":1573,"children":1574},{"style":791},[1575],{"type":765,"value":688},{"type":749,"tag":463,"props":1577,"children":1578},{"style":775},[1579],{"type":765,"value":884},{"type":749,"tag":463,"props":1581,"children":1582},{"style":762},[1583],{"type":765,"value":788},{"type":749,"tag":463,"props":1585,"children":1586},{"style":791},[1587],{"type":765,"value":1588},"\"Positive banner\"",{"type":749,"tag":463,"props":1590,"children":1591},{"style":762},[1592],{"type":765,"value":799},{"type":749,"tag":463,"props":1594,"children":1596},{"class":465,"line":1595},23,[1597],{"type":749,"tag":463,"props":1598,"children":1599},{"style":762},[1600],{"type":765,"value":1601},"    Use for success states that should remain visible in context.\n",{"type":749,"tag":463,"props":1603,"children":1605},{"class":465,"line":1604},24,[1606,1610,1614],{"type":749,"tag":463,"props":1607,"children":1608},{"style":762},[1609],{"type":765,"value":928},{"type":749,"tag":463,"props":1611,"children":1612},{"style":769},[1613],{"type":765,"value":675},{"type":749,"tag":463,"props":1615,"children":1616},{"style":762},[1617],{"type":765,"value":799},{"type":749,"tag":463,"props":1619,"children":1621},{"class":465,"line":1620},25,[1622],{"type":749,"tag":463,"props":1623,"children":1624},{"emptyLinePlaceholder":656},[1625],{"type":765,"value":850},{"type":749,"tag":463,"props":1627,"children":1629},{"class":465,"line":1628},26,[1630,1634,1638,1642,1646,1650,1654,1658,1663],{"type":749,"tag":463,"props":1631,"children":1632},{"style":762},[1633],{"type":765,"value":875},{"type":749,"tag":463,"props":1635,"children":1636},{"style":769},[1637],{"type":765,"value":675},{"type":749,"tag":463,"props":1639,"children":1640},{"style":775},[1641],{"type":765,"value":898},{"type":749,"tag":463,"props":1643,"children":1644},{"style":762},[1645],{"type":765,"value":788},{"type":749,"tag":463,"props":1647,"children":1648},{"style":791},[1649],{"type":765,"value":691},{"type":749,"tag":463,"props":1651,"children":1652},{"style":775},[1653],{"type":765,"value":884},{"type":749,"tag":463,"props":1655,"children":1656},{"style":762},[1657],{"type":765,"value":788},{"type":749,"tag":463,"props":1659,"children":1660},{"style":791},[1661],{"type":765,"value":1662},"\"Inherited banner\"",{"type":749,"tag":463,"props":1664,"children":1665},{"style":762},[1666],{"type":765,"value":799},{"type":749,"tag":463,"props":1668,"children":1670},{"class":465,"line":1669},27,[1671],{"type":749,"tag":463,"props":1672,"children":1673},{"style":762},[1674],{"type":765,"value":1675},"    Use when content or configuration is inherited from another source.\n",{"type":749,"tag":463,"props":1677,"children":1679},{"class":465,"line":1678},28,[1680,1684,1688],{"type":749,"tag":463,"props":1681,"children":1682},{"style":762},[1683],{"type":765,"value":928},{"type":749,"tag":463,"props":1685,"children":1686},{"style":769},[1687],{"type":765,"value":675},{"type":749,"tag":463,"props":1689,"children":1690},{"style":762},[1691],{"type":765,"value":799},{"type":749,"tag":463,"props":1693,"children":1695},{"class":465,"line":1694},29,[1696,1700,1704],{"type":749,"tag":463,"props":1697,"children":1698},{"style":762},[1699],{"type":765,"value":833},{"type":749,"tag":463,"props":1701,"children":1702},{"style":769},[1703],{"type":765,"value":519},{"type":749,"tag":463,"props":1705,"children":1706},{"style":762},[1707],{"type":765,"value":799},{"type":749,"tag":636,"props":1709,"children":1710},{},[1711],{"type":765,"value":957},{"title":458,"searchDepth":640,"depth":640,"links":1713},[],1783003024558]