1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38811],{71495:function(e,s,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-system/checkmarks",function(){return c(14655)}])},46382:function(e,s,c){"use strict";c.d(s,{Z:function(){return r}});var a=c(85893),l=c(67294),i=c(51136),t=c(41664),n=c.n(t);function r(e){var s=(0,l.useContext)(i.K),c=e.title||"",t=e.small,r=c.toLowerCase().replace(/\s+/g,"").replace(/[^a-z0-9-_]/gi,""),d=e.level||2,o=function(){var e=window.location.href,c=e.indexOf("#");-1!==c&&(e=e.substring(0,c)),s.openToastr({size:"medium",text:"URL copied to your clipboard",color:"green",autoDelete:!0,autoDeleteDelay:2500}),navigator.clipboard.writeText("".concat(e,"#").concat(r))};return(0,a.jsxs)("div",{className:"flex items-center gap-2 group ".concat(2===d?"mb-3":""," ").concat(3===d?"mb-2":""),id:r,children:[(0,a.jsx)(n(),{href:"#".concat(r),children:(0,a.jsxs)("button",{type:"button",className:"interactive",onClick:o,children:[2===d&&(0,a.jsxs)("h2",{className:"h3",children:[c,t&&(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)("small",{className:"text-ui-300",children:t})]})]}),3===d&&(0,a.jsxs)("h3",{className:"h5",children:[c,t&&(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)("small",{className:"text-ui-300",children:t})]})]})]})}),(0,a.jsx)(n(),{href:"#".concat(r),children:(0,a.jsx)("button",{type:"button",className:"button button-sm button-secondary rounded-full opacity-0 group-hover:opacity-100",onClick:o,children:(0,a.jsx)("span",{className:"icon icon-url"})})})]})}},14655:function(e,s,c){"use strict";c.r(s);var a=c(85893),l=c(67294),i=c(92466),t=c(46382),n=void 0,r=function(){var e=(0,l.useState)(1),s=e[0],c=e[1],i=(0,l.useState)(1),r=i[0],d=i[1],o=(0,l.useState)(1),x=o[0],m=o[1],h=(0,l.useState)(1),u=h[0],j=h[1];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h1",{className:"mb-8",children:"Checkmarks"}),(0,a.jsxs)("div",{className:"mb-12",children:[(0,a.jsx)(t.Z,{title:"Structure"}),(0,a.jsx)("div",{className:"surface rounded-lg p-4",children:(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"flex gap-4 flex-col lg:flex-row lg:items-center",children:[(0,a.jsxs)("div",{className:"flex-1 space-y-4",children:[(0,a.jsxs)("div",{className:"flex-1 flex justify-center flex-wrap gap-4",children:[(0,a.jsx)("div",{className:"checkmark ".concat(1===s?"is-active":""),children:(0,a.jsx)("i",{})}),(0,a.jsx)("div",{className:"checkmark ".concat(0===s?"is-active":""),children:(0,a.jsx)("i",{})})]}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("button",{className:"button button-tertiary mx-auto",onClick:function(e,s){c(e===s?e=0:e+1)}.bind(n,s,1),children:(0,a.jsx)("span",{children:"Toggle"})})})]}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)("iframe",{className:"rounded",width:"100%",height:"300",src:"//jsfiddle.net/augustin_hiebel/09fs45cy/embedded/html/dark/?bodyColor=212333&menuColor=1C1D2C&fontColor=FFFFFF&accentColor=F3C351"})})]})})})]}),(0,a.jsxs)("div",{className:"mb-12",children:[(0,a.jsx)(t.Z,{title:"Size"}),(0,a.jsx)("div",{className:"surface rounded-lg p-4",children:(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"flex gap-4 flex-col lg:flex-row lg:items-center",children:[(0,a.jsxs)("div",{className:"flex-1 space-y-8",children:[(0,a.jsxs)("div",{className:"w-full flex gap-4 items-center",children:[(0,a.jsx)("div",{className:"w-1/4 text-ui-400 text-right text-sm leading-tight",children:"Small"}),(0,a.jsxs)("div",{className:"flex-1 space-y-4",children:[(0,a.jsxs)("div",{className:"flex-1 flex justify-center flex-wrap gap-4",children:[(0,a.jsx)("div",{className:"checkmark checkmark-sm ".concat(1===r?"is-active":""),children:(0,a.jsx)("i",{})}),(0,a.jsx)("div",{className:"checkmark checkmark-sm ".concat(0===r?"is-active":""),children:(0,a.jsx)("i",{})})]}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("button",{className:"button button-tertiary mx-auto",onClick:function(e,s){d(e===s?e=0:e+1)}.bind(n,r,1),children:(0,a.jsx)("span",{children:"Toggle"})})})]})]}),(0,a.jsxs)("div",{className:"w-full flex gap-4 items-center",children:[(0,a.jsx)("div",{className:"w-1/4 text-ui-400 text-right text-sm leading-tight",children:"Extra small"}),(0,a.jsxs)("div",{className:"flex-1 space-y-4",children:[(0,a.jsxs)("div",{className:"flex-1 flex justify-center flex-wrap gap-4",children:[(0,a.jsx)("div",{className:"checkmark checkmark-xs ".concat(1===x?"is-active":""),children:(0,a.jsx)("i",{})}),(0,a.jsx)("div",{className:"checkmark checkmark-xs ".concat(0===x?"is-active":""),children:(0,a.jsx)("i",{})})]}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("button",{className:"button button-tertiary mx-auto",onClick:function(e,s){m(e===s?e=0:e+1)}.bind(n,x,1),children:(0,a.jsx)("span",{children:"Toggle"})})})]})]})]}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)("iframe",{className:"rounded",width:"100%",height:"300",src:"//jsfiddle.net/augustin_hiebel/2smg6b0e/embedded/html/dark/?bodyColor=212333&menuColor=1C1D2C&fontColor=FFFFFF&accentColor=F3C351"})})]})})})]}),(0,a.jsxs)("div",{className:"mb-12",children:[(0,a.jsx)(t.Z,{title:"Invisible when off"}),(0,a.jsx)("div",{className:"surface rounded-lg p-4",children:(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("div",{className:"flex gap-4 flex-col lg:flex-row lg:items-center",children:[(0,a.jsxs)("div",{className:"flex-1 space-y-4",children:[(0,a.jsxs)("div",{className:"flex-1 flex justify-center flex-wrap gap-4",children:[(0,a.jsx)("div",{className:"checkmark checkmark-invisible ".concat(1===u?"is-active":""),children:(0,a.jsx)("i",{})}),(0,a.jsx)("div",{className:"checkmark checkmark-invisible ".concat(0===u?"is-active":""),children:(0,a.jsx)("i",{})})]}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("button",{className:"button button-tertiary mx-auto",onClick:function(e,s){j(e
1===s?e=0:e+1)}.bind(n,u,1),children:(0,a.jsx)("span",{children:"Toggle"})})})]}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)("iframe",{className:"rounded",width:"100%",height:"300",src:"//jsfiddle.net/augustin_hiebel/j0hsxL8f/embedded/html/dark/?bodyColor=212333&menuColor=1C1D2C&fontColor=FFFFFF&accentColor=F3C351"})})]})})})]})]})};r.getLayout=i.G,s.default=r}},function(e){e.O(0,[41664,92466,49774,92888,40179],(function(){return s=71495,e(e.s=s);var s}));var s=e.O();_N_E=s}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.