docusaurus/assets/js/c1611d0d.81356f5c.js

"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([["62794"],{61178:function(e,s,l){l.d(s,{Z:()=>n});let n={exampleContainer:"exampleContainer_N13i",isolated:"isolated_zES_",a:"a_wb1h",b:"b_BbW_"}},72241: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(74072),c=l(97710),t=l(61178);function a(e){let{isolated:s,children:l}=e;return(0,n.jsx)("div",{className:(0,r.Z)(t.Z.exampleContainer,s?t.Z.isolated:void 0),children:l})}function h(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)(a,{children:l})}),(0,n.jsx)("td",{children:(0,n.jsx)(a,{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)(h,{name:"h1",children:(0,n.jsx)("h1",{children:"title"})}),(0,n.jsx)(h,{name:"p",children:(0,n.jsx)("p",{children:"text"})}),(0,n.jsx)(h,{name:"a",children:(0,n.jsx)("a",{href:"https://example.com",children:"link"})}),(0,n.jsx)(h,{name:"code",children:(0,n.jsx)("code",{children:"code"})}),(0,n.jsx)(h,{name:"pre > code",children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{children:"code"})})}),(0,n.jsx)(h,{name:"blockquote",children:(0,n.jsx)("blockquote",{children:"some text"})}),(0,n.jsx)(h,{name:"button",children:(0,n.jsx)("button",{children:"button"})}),(0,n.jsx)(h,{name:"ul",children:(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:"item1"}),(0,n.jsx)("li",{children:"item2"})]})}),(0,n.jsx)(h,{name:"ol",children:(0,n.jsxs)("ol",{children:[(0,n.jsx)("li",{children:"item1"}),(0,n.jsx)("li",{children:"item2"})]})}),(0,n.jsx)(h,{name:"kbd",children:(0,n.jsx)("kbd",{children:"kbd"})}),(0,n.jsx)(h,{name:"shadow",children:(0,n.jsx)("div",{className:"shadow--tl",children:"shadow (KO)"})}),(0,n.jsx)(h,{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)(h,{name:"Infima button primary",children:(0,n.jsx)("button",{className:"button button--primary",children:"button"})}),(0,n.jsx)(h,{name:"Infima alert danger",children:(0,n.jsx)("div",{className:"alert alert--danger",children:"danger"})}),(0,n.jsx)(h,{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,{})]})})}}}]);