docusaurus/assets/js/c1611d0d.0f6d5871.js

"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([["62794"],{22628:function(e,s,l){l.r(s),l.d(s,{default:()=>o});var n=l(85893);l(67294);var r=l(90496),d=l(35363),i=l(23944),c=l(57922);let t={exampleContainer:"exampleContainer_N13i",isolated:"isolated_zES_"};function h(e){let{isolated:s,children:l}=e;return(0,n.jsx)("div",{className:(0,r.Z)(t.exampleContainer,s?t.isolated:void 0),children:l})}function a(e){let{name:s,children:l}=e;return(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:s}),(0,n.jsx)("td",{children:(0,n.jsx)(h,{children:l})}),(0,n.jsx)("td",{children:(0,n.jsx)(h,{isolated:!0,children:l})})]})}function x(){return(0,n.jsxs)("table",{className:"table-auto border-collapse border border-gray-300",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:"Example"}),(0,n.jsx)("th",{children:"Normal"}),(0,n.jsx)("th",{children:"Isolated"})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)(a,{name:"h1",children:(0,n.jsx)("h1",{children:"title"})}),(0,n.jsx)(a,{name:"p",children:(0,n.jsx)("p",{children:"text"})}),(0,n.jsx)(a,{name:"a",children:(0,n.jsx)("a",{href:"https://example.com",children:"link"})}),(0,n.jsx)(a,{name:"code",children:(0,n.jsx)("code",{children:"code"})}),(0,n.jsx)(a,{name:"pre > code",children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{children:"code"})})}),(0,n.jsx)(a,{name:"blockquote",children:(0,n.jsx)("blockquote",{children:"some text"})}),(0,n.jsx)(a,{name:"button",children:(0,n.jsx)("button",{children:"button"})}),(0,n.jsx)(a,{name:"ul",children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"item1"}),(0,n.jsx)("li",{children:"item2"})]})}),(0,n.jsx)(a,{name:"ol",children:(0,n.jsxs)("ol",{children:[(0,n.jsx)("li",{children:"item1"}),(0,n.jsx)("li",{children:"item2"})]})}),(0,n.jsx)(a,{name:"kbd",children:(0,n.jsx)("kbd",{children:"kbd"})}),(0,n.jsx)(a,{name:"shadow",children:(0,n.jsx)("div",{className:"shadow--tl",children:"shadow (KO)"})}),(0,n.jsx)(a,{name:"table",children:(0,n.jsxs)("table",{children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:"Col1"}),(0,n.jsx)("th",{children:"Col2"})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Cell1"}),(0,n.jsx)("td",{children:"Cell2"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Cell3"}),(0,n.jsx)("td",{children:"Cell3"})]})]})]})}),(0,n.jsx)(a,{name:"Infima button primary",children:(0,n.jsx)("button",{className:"button button--primary",children:"button"})}),(0,n.jsx)(a,{name:"Infima alert danger",children:(0,n.jsx)("div",{className:"alert alert--danger",children:"danger"})}),(0,n.jsx)(a,{name:"Infima badge success",children:(0,n.jsx)("div",{className:"badge badge--success",children:"success"})})]})]})}function o(){return(0,n.jsx)(i.Z,{children:(0,n.jsxs)("main",{style:{padding:30},className:"markdown",children:[(0,n.jsx)(c.Z,{as:"h1",children:"Style Isolation tests"}),(0,n.jsxs)("p",{children:["This shows how to isolate your components from Docusaurus global styles. A workaround for"," ",(0,n.jsx)(d.Z,{target:"_blank",href:"https://github.com/facebook/docusaurus/issues/6032",children:"this issue"}),"."]}),(0,n.jsx)(x,{})]})})}}}]);