@leafygreen-ui/code - npm Package Compare versions

Comparing version 14.0.0 to 14.0.1

CHANGELOG.md

 # @leafygreen-ui/code
 
+## 14.0.1
+
+### Patch Changes
+
+- ed0e425e5: Adds `polished` as an explicit dependency
+- ae5421cf6: Updates components to use internal transition tokens
+- Updated dependencies [696adb1b6]
+- Updated dependencies [ae5421cf6]
+- Updated dependencies [ed0e425e5]
+- Updated dependencies [4b4c2d27d]
+- Updated dependencies [1a335d0b2]
+- Updated dependencies [ae5421cf6]
+- Updated dependencies [7ca2da507]
+  - @leafygreen-ui/select@10.1.0
+  - @leafygreen-ui/tokens@1.4.0
+  - @leafygreen-ui/button@19.0.1
+  - @leafygreen-ui/icon@11.12.1
+  - @leafygreen-ui/icon-button@15.0.1
+
 ## 14.0.0
@@ -4,0 +23,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import n from"highlight.js/lib/languages/javascript";import e from"highlight.js/lib/languages/typescript";import r from"highlight.js/lib/languages/csharp";import t from"highlight.js/lib/languages/go";import i from"highlight.js/lib/languages/http";import o from"highlight.js/lib/languages/ini";import a from"highlight.js/lib/languages/java";import l from"highlight.js/lib/languages/perl";import g from"highlight.js/lib/languages/php";import h from"highlight.js/lib/languages/properties";import c from"highlight.js/lib/languages/python";import s from"highlight.js/lib/languages/ruby";import u from"highlight.js/lib/languages/rust";import d from"highlight.js/lib/languages/scala";import p from"highlight.js/lib/languages/swift";import f from"highlight.js/lib/languages/kotlin";import m from"highlight.js/lib/languages/objectivec";import b from"highlight.js/lib/languages/dart";import y from"highlight.js/lib/languages/bash";import v from"highlight.js/lib/languages/shell";import k from"highlight.js/lib/languages/sql";import x from"highlight.js/lib/languages/yaml";import w from"highlight.js/lib/languages/json";import j from"highlight.js/lib/languages/diff";import N from"highlight.js/lib/languages/xml";import{injectGlobal as C,css as O,cx as E}from"@leafygreen-ui/emotion";import{Theme as S,isComponentType as L}from"@leafygreen-ui/lib";import{palette as P}from"@leafygreen-ui/palette";import A,{createContext as D,useContext as M,useMemo as I,useState as T,useEffect as B,useRef as F}from"react";import q from"prop-types";import W from"clipboard";import z from"lodash/debounce";import{usePrevious as R,useIsomorphicLayoutEffect as _}from"@leafygreen-ui/hooks";import{spacing as Z,fontFamilies as J,typeScales as G}from"@leafygreen-ui/tokens";import K,{useDarkMode as H,useBaseFontSize as U,usePopoverPortalContainer as X,useUsingKeyboardContext as Y}from"@leafygreen-ui/leafygreen-provider";import $ from"highlight.js/lib/core";import Q from"highlightjs-graphql";import V from"lodash/flatMap";import{VisuallyHidden as nn}from"@leafygreen-ui/a11y";import en from"@leafygreen-ui/icon/dist/Checkmark";import rn from"@leafygreen-ui/icon/dist/Copy";import tn from"@leafygreen-ui/icon-button";import{isComponentGlyph as on}from"@leafygreen-ui/icon";import an from"@leafygreen-ui/button";import ln from"@leafygreen-ui/icon/dist/File";import{Select as gn,Option as hn}from"@leafygreen-ui/select";import{transparentize as cn}from"polished";function sn(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function un(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?sn(Object(r),!0).forEach((function(e){pn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):sn(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function dn(n){return dn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},dn(n)}function pn(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function fn(){return fn=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},fn.apply(this,arguments)}function mn(n,e){if(null==n)return{};var r,t,i=function(n,e){if(null==n)return{};var r,t,i={},o=Object.keys(n);for(t=0;t<o.length;t++)r=o[t],e.indexOf(r)>=0||(i[r]=n[r]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(t=0;t<o.length;t++)r=o[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(i[r]=n[r])}return i}function bn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function yn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var t,i,o=[],a=!0,l=!1;try{for(r=r.call(n);!(a=(t=r.next()).done)&&(o.push(t.value),!e||o.length!==e);a=!0);}catch(n){l=!0,i=n}finally{try{a||null==r.return||r.return()}finally{if(l)throw i}}return o}(n,e)||kn(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vn(n){return function(n){if(Array.isArray(n))return xn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||kn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kn(n,e){if(n){if("string"==typeof n)return xn(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?xn(n,e):void 0}}function xn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var wn,jn={javascript:n,typescript:e,csharp:r,go:t,http:i,ini:o,java:a,perl:l,php:g,properties:h,python:c,ruby:s,rust:u,scala:d,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:k,yaml:x,json:w,diff:j,xml:N},Nn={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},Cn={Light:"light",Dark:"dark"},On=un(un({},Nn),{},{None:"none"}),En=(pn(wn={},S.Light,{0:P.gray.light3,1:P.gray.light2,2:P.gray.dark2,3:P.black,4:P.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),pn(wn,S.Dark,{0:P.black,1:P.gray.dark2,2:P.gray.light1,3:P.gray.light3,4:P.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),wn);function Sn(){Object.values(S).forEach((function(n){return C(function(n){return"\n  .lg-highlight-hljs-".concat(n," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(En[n][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(En[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(En[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(En[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(En[n][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(En[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(En[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(En[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(En[n][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(n))}))}var Ln,Pn,An,Dn,Mn=D({highlightLines:[],darkMode:!1});function In(){for(var n="lg-highlight-",e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((function(n){return Wn(n)&&n.length>0})).map((function(e){return e.startsWith(n)?e:e.split(".").map((function(e){return"".concat(n).concat(e)})).join(" ")})).join(" ")}function Tn(){for(var n=["function","class"],e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((function(e){return n.includes(e)}))}function Bn(n){var e=n.kind,r=n.children;return A.createElement("span",{className:e},r)}function Fn(n){return null!=n&&n instanceof Array}function qn(n){return null!=n&&"object"===dn(n)&&!(n instanceof Array)}function Wn(n){return null!=n&&"string"==typeof n}function zn(n,e){return null==n?null:Wn(n)?n:Fn(n)?n.map(zn):qn(n)?A.createElement(Bn,{key:e,kind:n.kind},zn(n.children)):n}var Rn=O(Ln||(Ln=bn(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),Z[3]);function _n(n){var e,r,t;return n?(e="transparent",r="linear-gradient(90deg, ".concat(P.gray.dark3,", ").concat(P.black,")"),t=P.gray.dark3):(e="#FEF7E3",r="none",t="#FEF2C8"),O(Pn||(Pn=bn(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),e,r,t,t,t)}function Zn(n){var e=n.lineNumber,r=n.highlighted,t=n.darkMode,i=n.children,o=t?P.gray.light1:P.gray.dark1,a=t?P.gray.light3:P.yellow.dark2;return A.createElement("tr",{className:E(pn({},_n(t),r))},e&&A.createElement("td",{className:E(Rn,O(An||(An=bn(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),Z[3]-1,r?a:o))},e),A.createElement("td",{className:Rn},i))}function Jn(n){var e=(null!=n?n:{}).children;return!(!Fn(e)||1!==e.length||!Wn(e[0]))}function Gn(n,e){if("string"==typeof n)return n;if(null!=(r=n)&&"object"===dn(r)&&"string"==typeof r.kind&&r.children instanceof Array)return Gn(n.children,e);var r;return V(n,function n(){for(var r=arguments.length,t=new Array(r),i=0;i<r;i++)t[i]=arguments[i];return t=t.filter((function(n){return Wn(n)&&n.length>0})),function(r){var i,o;return Wn(r)?t.length>0?{kind:In.apply(void 0,[e].concat(vn(t),vn(Tn(r)))),children:[r]}:r:(null!==(i=null==r||null===(o=r.children)||void 0===o?void 0:o.length)&&void 0!==i?i:0)>=1?V(r.children,n.apply(void 0,[e,r.kind].concat(vn(t)))):Jn(r)?{kind:In.apply(void 0,[e,r.kind].concat(vn(t),vn(Tn.apply(void 0,vn(r.children))))),children:r.children}:r}}(e))}function Kn(n){return Fn(n)?n.some(Kn):Wn(n)?n.includes("\n"):!!qn(n)&&((null===(e=n.children)||void 0===e?void 0:e.includes("\n"))||Wn(null===(r=n.children)||void 0===r?void 0:r[0])&&n.children[0].includes("\n"));var e,r}function Hn(n){var e=[],r=0;null==e[r]&&(e[r]=[]);var t=function(){r++,e[r]=[]};return Gn(n).forEach((function(n){Kn(n)?Wn(n)?n.split("\n").forEach((function(n,i){i>0&&t(),n&&e[r].push(n)})):n.children[0].split("\n").forEach((function(i,o){o>0&&t(),e[r].push({kind:n.kind,children:[i]})})):n&&(Wn(n)||Jn(n))&&e[r].push(n)})),e}function Un(n){for(var e=n.lines,r=M(Mn),t=r.highlightLines,i=r.showLineNumbers,o=r.darkMode,a=r.lineNumberStart,l=vn(e);0===(null===(g=l[0])||void 0===g?void 0:g.length);){var g;l.shift()}for(;0===(null===(h=l[l.length-1])||void 0===h?void 0:h.length);){var h;l.pop()}return A.createElement(A.Fragment,null,l.map((function(n,e){var r,l=e+(null!=a?a:1),g=function(n){return t.some((function(e){if(null!=(r=e)&&"number"==typeof r)return n===e;var r;if(Fn(e)){var t=vn(e).sort((function(n,e){return n-e}));return n>=t[0]&&n<=t[1]}return!1}))}(l);i&&(r=l);var h=null!=n&&n.length?n.map(zn):A.createElement("div",{className:O(Dn||(Dn=bn(["\n              display: inline-block;\n            "])))});return A.createElement(Zn,{key:l,lineNumber:r,darkMode:o,highlighted:g},h)})))}var Xn,Yn,$n,Qn={"after:highlight":function(n){var e=n._emitter.rootNode;n.react=A.createElement(Un,{lines:Hn(e.children)})}},Vn=["children","language","showLineNumbers","lineNumberStart","highlightLines","className"];function ne(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var ee=!1;var re,te,ie,oe,ae,le,ge=O(Xn||(Xn=bn(["\n  color: inherit;\n  font-family: ",";\n"])),J.code);function he(n){var e=n.children,r=n.language,t=n.showLineNumbers,i=void 0!==t&&t,o=n.lineNumberStart,a=n.highlightLines,l=void 0===a?[]:a,g=n.className,h=mn(n,Vn);ee||function(){ee=!0,Sn();var n=Object.values(Nn).filter(ne);n.forEach((function(n){"graphql"===n?Q($):$.registerLanguage(n,jn[n])})),$.configure({languages:n,tabReplace:"  "}),$.addPlugin(Qn)}();var c=I((function(){return r===On.None?null:$.highlight(e,{language:r,ignoreIllegals:!0})}),[r,e]),s=null===c?A.createElement(Un,{lines:e.split("\n").map((function(n){return n?[n]:[]}))}):c.react,u=H(),d=u.theme,p=u.darkMode,f=14===U()?G.code1:G.code2,m=O(Yn||(Yn=bn(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),f.fontSize,f.lineHeight);return A.createElement(Mn.Provider,{value:{highlightLines:l,showLineNumbers:i,lineNumberStart:o,darkMode:p}},A.createElement("code",fn({},h,{className:E("lg-highlight-hljs-".concat(d),ge,m,r,g)}),A.createElement("table",{className:O($n||($n=bn(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},A.createElement("tbody",null,s))))}he.displayName="Syntax",he.propTypes={children:q.string.isRequired,language:q.oneOf(Object.values(On)),className:q.string,darkMode:q.bool,showLineNumbers:q.bool,lineNumberStart:q.number,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};var ce=(pn(ie={},S.Light,O(re||(re=bn(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),P.white,P.green.dark1,P.white,P.green.dark1)),pn(ie,S.Dark,O(te||(te=bn(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),P.gray.dark3,P.green.base,P.gray.dark3,P.green.base)),ie),se=(pn(le={},S.Light,O(oe||(oe=bn(["\n    align-self: center;\n    color: ",";\n  "])),P.gray.base)),pn(le,S.Dark,O(ae||(ae=bn(["\n    align-self: center;\n    color: ",";\n  "])),P.gray.light1)),le);function ue(n){var e=n.onCopy,r=n.contents,t=yn(T(!1),2),i=t[0],o=t[1],a=yn(T(null),2),l=a[0],g=a[1],h=H(),c=h.theme,s=h.darkMode,u=X().portalContainer;B((function(){if(l){var n=new W(l,{text:function(){return r},container:u});if(i){var e=setTimeout((function(){o(!1)}),1500);return function(){return clearTimeout(e)}}return function(){return n.destroy()}}}),[l,r,i,u]);return A.createElement(tn,{ref:g,darkMode:s,"aria-label":"Copy",className:E(se[c],pn({},ce[c],i)),onClick:function(n){n.preventDefault(),e&&e(),o(!0)}},i?A.createElement(en,null):A.createElement(rn,null),i&&A.createElement(nn,{role:"alert"},"Copied!"))}ue.displayName="CopyButton";var de,pe,fe,me,be,ye,ve,ke,xe,we,je,Ne,Ce,Oe,Ee,Se,Le,Pe,Ae,De,Me,Ie,Te,Be=["className","children"],Fe=O(de||(de=bn(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),qe=O(pe||(pe=bn(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),We=(pn(be={},S.Light,O(fe||(fe=bn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),P.white,P.gray.light2,P.gray.light2,P.gray.light2)),pn(be,S.Dark,O(me||(me=bn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    color: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),P.gray.dark2,P.gray.dark1,P.gray.light2,P.gray.dark1,P.gray.dark1)),be),ze=(pn(ke={},S.Light,O(ye||(ye=bn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),P.blue.light2)),pn(ke,S.Dark,O(ve||(ve=bn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),P.blue.light1)),ke),Re=O(xe||(xe=bn(["\n  min-width: 144px;\n  height: 100%;\n"]))),_e=O(we||(we=bn(["\n  margin-right: ","px;\n"])),Z[3]);function Ze(n){var e,r=n.language,t=n.languageOptions,i=n.onChange,o=n.usePortal,a=n.portalClassName,l=n.portalContainer,g=n.scrollContainer,h=n.popoverZIndex,c=Y().usingKeyboard,s=H(),u=s.theme,d=s.darkMode,p=R(r),f=E(_e,O(je||(je=bn(["\n      color: ",";\n    "])),d?P.gray.light1:P.gray.base)),m=A.createElement(ln,{className:f});null!=r.image&&(e=r.image,m=on(e)||L(e,"Icon")?A.cloneElement(r.image,{className:f}):A.cloneElement(r.image,{className:_e}));var b=A.forwardRef((function(n,e){var r=n.className,t=n.children,i=mn(n,Be);return A.createElement(an,fn({},i,{className:E(r,qe,We[u],pn({},ze[u],c)),darkMode:d,ref:e,leftGlyph:m}),t)})),y={popoverZIndex:h,usePortal:o,portalClassName:a,portalContainer:l,scrollContainer:g};return A.createElement("div",{className:Fe},A.createElement(gn,fn({darkMode:d,onChange:function(n){if(""===n&&void 0!==p)return i(p);var e=t.find((function(e){return e.displayName===n}));void 0!==e&&i(e)},"aria-labelledby":"Language Picker",value:null==r?void 0:r.displayName,className:Re,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:b}),null==t?void 0:t.map((function(n){return A.createElement(hn,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}Ze.displayName="LanguageSwitcher";var Je,Ge,Ke,He,Ue,Xe=O(Ne||(Ne=bn(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),Z[1]),Ye=(pn(Ee={},S.Light,O(Ce||(Ce=bn(["\n    background-color: ",";\n  "])),P.white)),pn(Ee,S.Dark,O(Oe||(Oe=bn(["\n    background-color: ",";\n  "])),P.gray.dark2)),Ee),$e=O(Se||(Se=bn(["\n  flex-direction: column;\n  padding: 6px;\n  border-left: solid 1px;\n"]))),Qe=(pn(Ae={},S.Light,E($e,O(Le||(Le=bn(["\n      border-color: ",";\n    "])),P.gray.light2))),pn(Ae,S.Dark,E($e,O(Pe||(Pe=bn(["\n      border-color: ",";\n    "])),P.gray.dark2))),Ae),Ve=O(De||(De=bn(["\n  flex-direction: row;\n  border-bottom: 1px solid;\n  justify-content: space-between;\n  padding: 0;\n  padding-right: 8px;\n  height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n"]))),nr=(pn(Te={},S.Light,E(Ve,O(Me||(Me=bn(["\n      border-color: ",";\n    "])),P.gray.light2))),pn(Te,S.Dark,E(Ve,O(Ie||(Ie=bn(["\n      border-color: ",";\n    "])),P.gray.dark1))),Te);function er(n){var e,r=n.language,t=n.languageOptions,i=n.contents,o=n.onChange,a=n.onCopy,l=n.showCopyButton,g=n.customActionButtons,h=n.showCustomActionButtons,c=n.usePortal,s=n.portalClassName,u=n.portalContainer,d=n.scrollContainer,p=n.popoverZIndex,f=n.className,m=H().theme,b={popoverZIndex:p,usePortal:c,portalClassName:s,portalContainer:u,scrollContainer:d};return A.createElement("div",{className:E(Xe,Ye[m],(e={},pn(e,Qe[m],!r),pn(e,nr[m],!!r),e),f),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==t&&void 0!==o&&A.createElement(Ze,fn({onChange:o,language:r,languageOptions:t},b)),l&&A.createElement(ue,{onCopy:a,contents:i,withLanguageSwitcher:!!r}),h&&A.createElement(A.Fragment,null,null==g?void 0:g.map((function(n){return n}))))}er.displayName="Panel";var rr=O(Je||(Je=bn(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,J.default),tr=(pn(He={},S.Light,O(Ge||(Ge=bn(["\n    color: ",";\n    background-color: ",";\n  "])),P.gray.dark2,En.light[1])),pn(He,S.Dark,O(Ke||(Ke=bn(["\n    color: ",";\n    background-color: ",";\n  "])),P.gray.light1,En.dark[1])),He),ir=O(Ue||(Ue=bn(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: ","px;\n"])),8,8,G.body1.fontSize);function or(n){var e=n.chromeTitle,r=void 0===e?"":e,t=H().theme;return A.createElement("div",{className:E(rr,tr[t])},A.createElement("div",{className:ir},r))}or.displayName="WindowChrome",or.propTypes={darkMode:q.bool,chromeTitle:q.string};var ar,lr,gr,hr,cr,sr,ur,dr,pr,fr,mr,br,yr,vr,kr,xr,wr,jr,Nr=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Cr=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.literal,t=e.overlap,i=r?n:["&"].concat(n);function o(n){if("object"!=typeof n||null==n)return[];if(Array.isArray(n))return n.map(o);var e={},a={},l={};return Object.keys(n).forEach((function(g){var h=n[g];if(!Array.isArray(h)&&r&&(h=[h]),(r||Array.isArray(h))&&38!==g.charCodeAt(0)){var c=void 0;h.forEach((function(n,o){if((!t||c!==n)&&null!=n)if(c=n,0!==o||r)if(void 0===e[i[o]]){var a;e[i[o]]=((a={})[g]=n,a)}else e[i[o]][g]=n;else l[g]=n}))}else"object"==typeof h?a[g]=o(h):l[g]=h})),i.forEach((function(n){e[n]&&(l[n]=e[n])})),Object.assign(l,a),l}return function(){for(var n=arguments.length,e=Array(n),r=0;r<n;r++)e[r]=arguments[r];return e.map(o)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Or=(pn(gr={},S.Light,O(ar||(ar=bn(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),En[S.Light][1])),pn(gr,S.Dark,O(lr||(lr=bn(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),En[S.Dark][1])),gr),Er=O(hr||(hr=bn(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Sr=O(cr||(cr=bn(["\n  // No panel, all code\n  grid-template-areas: 'code code';\n"]))),Lr=O(sr||(sr=bn(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Pr=O(ur||(ur=bn(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),Z[2],Z[2],Cr({whiteSpace:["pre","pre-wrap","pre"]})),Ar=O(dr||(dr=bn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Dr=O(pr||(pr=bn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Mr=O(fr||(fr=bn(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Ir=O(mr||(mr=bn(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),P.blue.light1),Tr=O(br||(br=bn(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function Br(n){var e=En[n];return O(yr||(yr=bn(["\n    background-color: ",";\n    color: ",";\n  "])),e[0],e[3])}var Fr="none",qr="left",Wr="right",zr="both",Rr=O(vr||(vr=bn(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 40px;\n    border-radius: 40%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -40px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),_r=O(kr||(kr=bn(["\n  &:after {\n    grid-column: -1; // Placed on the right edge\n  }\n"]))),Zr=O(xr||(xr=bn(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the top under the Picker Panel\n  }\n"])));function Jr(n,e){var r=e===S.Light?"1px 0 10px 0 ".concat(cn(.75,"black")):"15px 0px 15px 0 ".concat(cn(.7,"black")),t=e===S.Light?"-1px 0px 10px ".concat(cn(.75,"black")):"-15px 0px 15px 0 ".concat(cn(.7,"black"));return O(wr||(wr=bn(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(n===zr||n===qr)&&O(jr||(jr=bn(["\n        box-shadow: ",";\n      "])),r),(n===zr||n===Wr)&&"\n        box-shadow: ".concat(t,";\n      "))}function Gr(n){var e,r,t=n.children,i=void 0===t?"":t,o=n.className,a=n.language,l=n.darkMode,g=n.showLineNumbers,h=void 0!==g&&g,c=n.lineNumberStart,s=void 0===c?1:c,u=n.showWindowChrome,d=void 0!==u&&u,p=n.chromeTitle,f=void 0===p?"":p,m=n.copyable,b=void 0===m||m,y=n.onCopy,v=n.highlightLines,k=void 0===v?[]:v,x=n.languageOptions,w=n.onChange,j=n.customActionButtons,N=void 0===j?[]:j,C=n.showCustomActionButtons,O=void 0!==C&&C,S=n.usePortal,P=void 0===S||S,D=n.portalClassName,M=n.portalContainer,q=n.scrollContainer,R=n.popoverZIndex,Z=mn(n,Nr),J=F(null),G=Y().usingKeyboard,U=yn(T(Fr),2),X=U[0],$=U[1],Q=yn(T(!1),2),V=Q[0],nn=Q[1],en=I((function(){return i.trim().includes("\n")}),[i]),rn=H(l),tn=rn.theme,on=rn.darkMode,an=N.filter((function(n){return!0===L(n,"IconButton")})),ln=O&&!!an.length,gn=null==x?void 0:x.find((function(n){return n.displayName===a})),hn=!d&&(b||!!gn||ln),cn=gn?gn.language:a,sn=!!gn;B((function(){nn(b&&W.isSupported())}),[b,d]),_((function(){var n=J.current;null!=n&&n.scrollWidth>n.clientWidth&&$(Wr)}),[]);var dn=A.createElement(he,{showLineNumbers:h,lineNumberStart:s,language:cn,highlightLines:k},i);var bn=z((function(n){var e=n.target,r=e.scrollWidth,t=e.clientWidth;if(r>t){var i=n.target.scrollLeft,o=r-t;i>0&&i<o?$(zr):i>0?$(qr):i<o&&$(Wr)}}),50,{leading:!0}),vn=un({popoverZIndex:R},P?{usePortal:P,portalClassName:D,portalContainer:M,scrollContainer:q}:{usePortal:P});return A.createElement(K,{darkMode:on},A.createElement("div",{className:Or[tn]},d&&A.createElement(or,{chromeTitle:f}),A.createElement("div",{className:E(Er,Rr,Jr(X,tn),(e={},pn(e,Lr,sn),pn(e,Zr,sn),pn(e,Sr,!hn),pn(e,_r,!hn),e))},A.createElement("pre",fn({},Z,{className:E(Pr,Br(tn),(r={},pn(r,Dr,sn),pn(r,Ar,!hn),pn(r,Mr,!en),pn(r,Ir,G),r),o),onScroll:function(n){n.persist(),bn(n)},ref:J,tabIndex:X!==Fr?0:-1}),dn),hn&&A.createElement(er,fn({className:E(Tr),language:gn,languageOptions:x,onChange:w,contents:i,onCopy:y,showCopyButton:V,isMultiline:en,customActionButtons:an,showCustomActionButtons:ln},vn)))))}Gr.displayName="Code",Gr.propTypes={children:q.string.isRequired,language:q.oneOfType([q.oneOf(Object.values(On)),q.string]),darkMode:q.bool,className:q.string,showLineNumbers:q.bool,lineNumberStart:q.number,showWindowChrome:q.bool,chromeTitle:q.string,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};export{On as Language,Cn as Mode,Gr as default,En as variantColors};
+import n from"highlight.js/lib/languages/javascript";import e from"highlight.js/lib/languages/typescript";import r from"highlight.js/lib/languages/csharp";import t from"highlight.js/lib/languages/go";import i from"highlight.js/lib/languages/http";import o from"highlight.js/lib/languages/ini";import a from"highlight.js/lib/languages/java";import l from"highlight.js/lib/languages/perl";import g from"highlight.js/lib/languages/php";import h from"highlight.js/lib/languages/properties";import c from"highlight.js/lib/languages/python";import s from"highlight.js/lib/languages/ruby";import u from"highlight.js/lib/languages/rust";import d from"highlight.js/lib/languages/scala";import p from"highlight.js/lib/languages/swift";import f from"highlight.js/lib/languages/kotlin";import m from"highlight.js/lib/languages/objectivec";import b from"highlight.js/lib/languages/dart";import y from"highlight.js/lib/languages/bash";import v from"highlight.js/lib/languages/shell";import k from"highlight.js/lib/languages/sql";import x from"highlight.js/lib/languages/yaml";import w from"highlight.js/lib/languages/json";import j from"highlight.js/lib/languages/diff";import N from"highlight.js/lib/languages/xml";import{injectGlobal as C,css as O,cx as E}from"@leafygreen-ui/emotion";import{Theme as S,isComponentType as L}from"@leafygreen-ui/lib";import{palette as P}from"@leafygreen-ui/palette";import A,{createContext as D,useContext as M,useMemo as I,useState as T,useEffect as B,useRef as F}from"react";import q from"prop-types";import W from"clipboard";import z from"lodash/debounce";import{usePrevious as R,useIsomorphicLayoutEffect as _}from"@leafygreen-ui/hooks";import{spacing as Z,fontFamilies as J,typeScales as G,transitionDuration as K}from"@leafygreen-ui/tokens";import H,{useDarkMode as U,useBaseFontSize as X,usePopoverPortalContainer as Y,useUsingKeyboardContext as $}from"@leafygreen-ui/leafygreen-provider";import Q from"highlight.js/lib/core";import V from"highlightjs-graphql";import nn from"lodash/flatMap";import{VisuallyHidden as en}from"@leafygreen-ui/a11y";import rn from"@leafygreen-ui/icon/dist/Checkmark";import tn from"@leafygreen-ui/icon/dist/Copy";import on from"@leafygreen-ui/icon-button";import{isComponentGlyph as an}from"@leafygreen-ui/icon";import ln from"@leafygreen-ui/button";import gn from"@leafygreen-ui/icon/dist/File";import{Select as hn,Option as cn}from"@leafygreen-ui/select";import{transparentize as sn}from"polished";function un(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function dn(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?un(Object(r),!0).forEach((function(e){fn(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):un(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function pn(n){return pn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},pn(n)}function fn(n,e,r){return e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function mn(){return mn=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},mn.apply(this,arguments)}function bn(n,e){if(null==n)return{};var r,t,i=function(n,e){if(null==n)return{};var r,t,i={},o=Object.keys(n);for(t=0;t<o.length;t++)r=o[t],e.indexOf(r)>=0||(i[r]=n[r]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(t=0;t<o.length;t++)r=o[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(i[r]=n[r])}return i}function yn(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function vn(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==r)return;var t,i,o=[],a=!0,l=!1;try{for(r=r.call(n);!(a=(t=r.next()).done)&&(o.push(t.value),!e||o.length!==e);a=!0);}catch(n){l=!0,i=n}finally{try{a||null==r.return||r.return()}finally{if(l)throw i}}return o}(n,e)||xn(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function kn(n){return function(n){if(Array.isArray(n))return wn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||xn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xn(n,e){if(n){if("string"==typeof n)return wn(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?wn(n,e):void 0}}function wn(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=new Array(e);r<e;r++)t[r]=n[r];return t}var jn,Nn={javascript:n,typescript:e,csharp:r,go:t,http:i,ini:o,java:a,perl:l,php:g,properties:h,python:c,ruby:s,rust:u,scala:d,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:k,yaml:x,json:w,diff:j,xml:N},Cn={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},On={Light:"light",Dark:"dark"},En=dn(dn({},Cn),{},{None:"none"}),Sn=(fn(jn={},S.Light,{0:P.gray.light3,1:P.gray.light2,2:P.gray.dark2,3:P.black,4:P.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),fn(jn,S.Dark,{0:P.black,1:P.gray.dark2,2:P.gray.light1,3:P.gray.light3,4:P.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),jn);function Ln(){Object.values(S).forEach((function(n){return C(function(n){return"\n  .lg-highlight-hljs-".concat(n," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(Sn[n][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(Sn[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Sn[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Sn[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Sn[n][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(Sn[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Sn[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Sn[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Sn[n][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(n))}))}var Pn,An,Dn,Mn,In=D({highlightLines:[],darkMode:!1});function Tn(){for(var n="lg-highlight-",e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((function(n){return zn(n)&&n.length>0})).map((function(e){return e.startsWith(n)?e:e.split(".").map((function(e){return"".concat(n).concat(e)})).join(" ")})).join(" ")}function Bn(){for(var n=["function","class"],e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return r.filter((function(e){return n.includes(e)}))}function Fn(n){var e=n.kind,r=n.children;return A.createElement("span",{className:e},r)}function qn(n){return null!=n&&n instanceof Array}function Wn(n){return null!=n&&"object"===pn(n)&&!(n instanceof Array)}function zn(n){return null!=n&&"string"==typeof n}function Rn(n,e){return null==n?null:zn(n)?n:qn(n)?n.map(Rn):Wn(n)?A.createElement(Fn,{key:e,kind:n.kind},Rn(n.children)):n}var _n=O(Pn||(Pn=yn(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),Z[3]);function Zn(n){var e,r,t;return n?(e="transparent",r="linear-gradient(90deg, ".concat(P.gray.dark3,", ").concat(P.black,")"),t=P.gray.dark3):(e="#FEF7E3",r="none",t="#FEF2C8"),O(An||(An=yn(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),e,r,t,t,t)}function Jn(n){var e=n.lineNumber,r=n.highlighted,t=n.darkMode,i=n.children,o=t?P.gray.light1:P.gray.dark1,a=t?P.gray.light3:P.yellow.dark2;return A.createElement("tr",{className:E(fn({},Zn(t),r))},e&&A.createElement("td",{className:E(_n,O(Dn||(Dn=yn(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),Z[3]-1,r?a:o))},e),A.createElement("td",{className:_n},i))}function Gn(n){var e=(null!=n?n:{}).children;return!(!qn(e)||1!==e.length||!zn(e[0]))}function Kn(n,e){if("string"==typeof n)return n;if(null!=(r=n)&&"object"===pn(r)&&"string"==typeof r.kind&&r.children instanceof Array)return Kn(n.children,e);var r;return nn(n,function n(){for(var r=arguments.length,t=new Array(r),i=0;i<r;i++)t[i]=arguments[i];return t=t.filter((function(n){return zn(n)&&n.length>0})),function(r){var i,o;return zn(r)?t.length>0?{kind:Tn.apply(void 0,[e].concat(kn(t),kn(Bn(r)))),children:[r]}:r:(null!==(i=null==r||null===(o=r.children)||void 0===o?void 0:o.length)&&void 0!==i?i:0)>=1?nn(r.children,n.apply(void 0,[e,r.kind].concat(kn(t)))):Gn(r)?{kind:Tn.apply(void 0,[e,r.kind].concat(kn(t),kn(Bn.apply(void 0,kn(r.children))))),children:r.children}:r}}(e))}function Hn(n){return qn(n)?n.some(Hn):zn(n)?n.includes("\n"):!!Wn(n)&&((null===(e=n.children)||void 0===e?void 0:e.includes("\n"))||zn(null===(r=n.children)||void 0===r?void 0:r[0])&&n.children[0].includes("\n"));var e,r}function Un(n){var e=[],r=0;null==e[r]&&(e[r]=[]);var t=function(){r++,e[r]=[]};return Kn(n).forEach((function(n){Hn(n)?zn(n)?n.split("\n").forEach((function(n,i){i>0&&t(),n&&e[r].push(n)})):n.children[0].split("\n").forEach((function(i,o){o>0&&t(),e[r].push({kind:n.kind,children:[i]})})):n&&(zn(n)||Gn(n))&&e[r].push(n)})),e}function Xn(n){for(var e=n.lines,r=M(In),t=r.highlightLines,i=r.showLineNumbers,o=r.darkMode,a=r.lineNumberStart,l=kn(e);0===(null===(g=l[0])||void 0===g?void 0:g.length);){var g;l.shift()}for(;0===(null===(h=l[l.length-1])||void 0===h?void 0:h.length);){var h;l.pop()}return A.createElement(A.Fragment,null,l.map((function(n,e){var r,l=e+(null!=a?a:1),g=function(n){return t.some((function(e){if(null!=(r=e)&&"number"==typeof r)return n===e;var r;if(qn(e)){var t=kn(e).sort((function(n,e){return n-e}));return n>=t[0]&&n<=t[1]}return!1}))}(l);i&&(r=l);var h=null!=n&&n.length?n.map(Rn):A.createElement("div",{className:O(Mn||(Mn=yn(["\n              display: inline-block;\n            "])))});return A.createElement(Jn,{key:l,lineNumber:r,darkMode:o,highlighted:g},h)})))}var Yn,$n,Qn,Vn={"after:highlight":function(n){var e=n._emitter.rootNode;n.react=A.createElement(Xn,{lines:Un(e.children)})}},ne=["children","language","showLineNumbers","lineNumberStart","highlightLines","className"];function ee(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var re=!1;var te,ie,oe,ae,le,ge,he=O(Yn||(Yn=yn(["\n  color: inherit;\n  font-family: ",";\n"])),J.code);function ce(n){var e=n.children,r=n.language,t=n.showLineNumbers,i=void 0!==t&&t,o=n.lineNumberStart,a=n.highlightLines,l=void 0===a?[]:a,g=n.className,h=bn(n,ne);re||function(){re=!0,Ln();var n=Object.values(Cn).filter(ee);n.forEach((function(n){"graphql"===n?V(Q):Q.registerLanguage(n,Nn[n])})),Q.configure({languages:n,tabReplace:"  "}),Q.addPlugin(Vn)}();var c=I((function(){return r===En.None?null:Q.highlight(e,{language:r,ignoreIllegals:!0})}),[r,e]),s=null===c?A.createElement(Xn,{lines:e.split("\n").map((function(n){return n?[n]:[]}))}):c.react,u=U(),d=u.theme,p=u.darkMode,f=14===X()?G.code1:G.code2,m=O($n||($n=yn(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),f.fontSize,f.lineHeight);return A.createElement(In.Provider,{value:{highlightLines:l,showLineNumbers:i,lineNumberStart:o,darkMode:p}},A.createElement("code",mn({},h,{className:E("lg-highlight-hljs-".concat(d),he,m,r,g)}),A.createElement("table",{className:O(Qn||(Qn=yn(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},A.createElement("tbody",null,s))))}ce.displayName="Syntax",ce.propTypes={children:q.string.isRequired,language:q.oneOf(Object.values(En)),className:q.string,darkMode:q.bool,showLineNumbers:q.bool,lineNumberStart:q.number,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};var se=(fn(oe={},S.Light,O(te||(te=yn(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),P.white,P.green.dark1,P.white,P.green.dark1)),fn(oe,S.Dark,O(ie||(ie=yn(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),P.gray.dark3,P.green.base,P.gray.dark3,P.green.base)),oe),ue=(fn(ge={},S.Light,O(ae||(ae=yn(["\n    align-self: center;\n    color: ",";\n  "])),P.gray.base)),fn(ge,S.Dark,O(le||(le=yn(["\n    align-self: center;\n    color: ",";\n  "])),P.gray.light1)),ge);function de(n){var e=n.onCopy,r=n.contents,t=vn(T(!1),2),i=t[0],o=t[1],a=vn(T(null),2),l=a[0],g=a[1],h=U(),c=h.theme,s=h.darkMode,u=Y().portalContainer;B((function(){if(l){var n=new W(l,{text:function(){return r},container:u});if(i){var e=setTimeout((function(){o(!1)}),1500);return function(){return clearTimeout(e)}}return function(){return n.destroy()}}}),[l,r,i,u]);return A.createElement(on,{ref:g,darkMode:s,"aria-label":"Copy",className:E(ue[c],fn({},se[c],i)),onClick:function(n){n.preventDefault(),e&&e(),o(!0)}},i?A.createElement(rn,null):A.createElement(tn,null),i&&A.createElement(en,{role:"alert"},"Copied!"))}de.displayName="CopyButton";var pe,fe,me,be,ye,ve,ke,xe,we,je,Ne,Ce,Oe,Ee,Se,Le,Pe,Ae,De,Me,Ie,Te,Be,Fe=["className","children"],qe=O(pe||(pe=yn(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),We=O(fe||(fe=yn(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),ze=(fn(ye={},S.Light,O(me||(me=yn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),P.white,P.gray.light2,P.gray.light2,P.gray.light2)),fn(ye,S.Dark,O(be||(be=yn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    color: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),P.gray.dark2,P.gray.dark1,P.gray.light2,P.gray.dark1,P.gray.dark1)),ye),Re=(fn(xe={},S.Light,O(ve||(ve=yn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),P.blue.light2)),fn(xe,S.Dark,O(ke||(ke=yn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),P.blue.light1)),xe),_e=O(we||(we=yn(["\n  min-width: 144px;\n  height: 100%;\n"]))),Ze=O(je||(je=yn(["\n  margin-right: ","px;\n"])),Z[3]);function Je(n){var e,r=n.language,t=n.languageOptions,i=n.onChange,o=n.usePortal,a=n.portalClassName,l=n.portalContainer,g=n.scrollContainer,h=n.popoverZIndex,c=$().usingKeyboard,s=U(),u=s.theme,d=s.darkMode,p=R(r),f=E(Ze,O(Ne||(Ne=yn(["\n      color: ",";\n    "])),d?P.gray.light1:P.gray.base)),m=A.createElement(gn,{className:f});null!=r.image&&(e=r.image,m=an(e)||L(e,"Icon")?A.cloneElement(r.image,{className:f}):A.cloneElement(r.image,{className:Ze}));var b=A.forwardRef((function(n,e){var r=n.className,t=n.children,i=bn(n,Fe);return A.createElement(ln,mn({},i,{className:E(r,We,ze[u],fn({},Re[u],c)),darkMode:d,ref:e,leftGlyph:m}),t)})),y={popoverZIndex:h,usePortal:o,portalClassName:a,portalContainer:l,scrollContainer:g};return A.createElement("div",{className:qe},A.createElement(hn,mn({darkMode:d,onChange:function(n){if(""===n&&void 0!==p)return i(p);var e=t.find((function(e){return e.displayName===n}));void 0!==e&&i(e)},"aria-labelledby":"Language Picker",value:null==r?void 0:r.displayName,className:_e,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:b}),null==t?void 0:t.map((function(n){return A.createElement(cn,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}Je.displayName="LanguageSwitcher";var Ge,Ke,He,Ue,Xe,Ye=O(Ce||(Ce=yn(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),Z[1]),$e=(fn(Se={},S.Light,O(Oe||(Oe=yn(["\n    background-color: ",";\n  "])),P.white)),fn(Se,S.Dark,O(Ee||(Ee=yn(["\n    background-color: ",";\n  "])),P.gray.dark2)),Se),Qe=O(Le||(Le=yn(["\n  flex-direction: column;\n  padding: 6px;\n  border-left: solid 1px;\n"]))),Ve=(fn(De={},S.Light,E(Qe,O(Pe||(Pe=yn(["\n      border-color: ",";\n    "])),P.gray.light2))),fn(De,S.Dark,E(Qe,O(Ae||(Ae=yn(["\n      border-color: ",";\n    "])),P.gray.dark2))),De),nr=O(Me||(Me=yn(["\n  flex-direction: row;\n  border-bottom: 1px solid;\n  justify-content: space-between;\n  padding: 0;\n  padding-right: 8px;\n  height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n"]))),er=(fn(Be={},S.Light,E(nr,O(Ie||(Ie=yn(["\n      border-color: ",";\n    "])),P.gray.light2))),fn(Be,S.Dark,E(nr,O(Te||(Te=yn(["\n      border-color: ",";\n    "])),P.gray.dark1))),Be);function rr(n){var e,r=n.language,t=n.languageOptions,i=n.contents,o=n.onChange,a=n.onCopy,l=n.showCopyButton,g=n.customActionButtons,h=n.showCustomActionButtons,c=n.usePortal,s=n.portalClassName,u=n.portalContainer,d=n.scrollContainer,p=n.popoverZIndex,f=n.className,m=U().theme,b={popoverZIndex:p,usePortal:c,portalClassName:s,portalContainer:u,scrollContainer:d};return A.createElement("div",{className:E(Ye,$e[m],(e={},fn(e,Ve[m],!r),fn(e,er[m],!!r),e),f),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==t&&void 0!==o&&A.createElement(Je,mn({onChange:o,language:r,languageOptions:t},b)),l&&A.createElement(de,{onCopy:a,contents:i,withLanguageSwitcher:!!r}),h&&A.createElement(A.Fragment,null,null==g?void 0:g.map((function(n){return n}))))}rr.displayName="Panel";var tr=O(Ge||(Ge=yn(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,J.default),ir=(fn(Ue={},S.Light,O(Ke||(Ke=yn(["\n    color: ",";\n    background-color: ",";\n  "])),P.gray.dark2,Sn.light[1])),fn(Ue,S.Dark,O(He||(He=yn(["\n    color: ",";\n    background-color: ",";\n  "])),P.gray.light1,Sn.dark[1])),Ue),or=O(Xe||(Xe=yn(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: ","px;\n"])),8,8,G.body1.fontSize);function ar(n){var e=n.chromeTitle,r=void 0===e?"":e,t=U().theme;return A.createElement("div",{className:E(tr,ir[t])},A.createElement("div",{className:or},r))}ar.displayName="WindowChrome",ar.propTypes={darkMode:q.bool,chromeTitle:q.string};var lr,gr,hr,cr,sr,ur,dr,pr,fr,mr,br,yr,vr,kr,xr,wr,jr,Nr,Cr=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Or=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.literal,t=e.overlap,i=r?n:["&"].concat(n);function o(n){if("object"!=typeof n||null==n)return[];if(Array.isArray(n))return n.map(o);var e={},a={},l={};return Object.keys(n).forEach((function(g){var h=n[g];if(!Array.isArray(h)&&r&&(h=[h]),(r||Array.isArray(h))&&38!==g.charCodeAt(0)){var c=void 0;h.forEach((function(n,o){if((!t||c!==n)&&null!=n)if(c=n,0!==o||r)if(void 0===e[i[o]]){var a;e[i[o]]=((a={})[g]=n,a)}else e[i[o]][g]=n;else l[g]=n}))}else"object"==typeof h?a[g]=o(h):l[g]=h})),i.forEach((function(n){e[n]&&(l[n]=e[n])})),Object.assign(l,a),l}return function(){for(var n=arguments.length,e=Array(n),r=0;r<n;r++)e[r]=arguments[r];return e.map(o)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Er=(fn(hr={},S.Light,O(lr||(lr=yn(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Sn[S.Light][1])),fn(hr,S.Dark,O(gr||(gr=yn(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Sn[S.Dark][1])),hr),Sr=O(cr||(cr=yn(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Lr=O(sr||(sr=yn(["\n  // No panel, all code\n  grid-template-areas: 'code code';\n"]))),Pr=O(ur||(ur=yn(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Ar=O(dr||(dr=yn(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  transition: box-shadow ","ms ease-in-out;\n\n  ","\n"])),Z[2],Z[2],K.faster,Or({whiteSpace:["pre","pre-wrap","pre"]})),Dr=O(pr||(pr=yn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Mr=O(fr||(fr=yn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Ir=O(mr||(mr=yn(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Tr=O(br||(br=yn(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),P.blue.light1),Br=O(yr||(yr=yn(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function Fr(n){var e=Sn[n];return O(vr||(vr=yn(["\n    background-color: ",";\n    color: ",";\n  "])),e[0],e[3])}var qr="none",Wr="left",zr="right",Rr="both",_r=O(kr||(kr=yn(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 40px;\n    border-radius: 40%;\n    box-shadow: unset;\n    transition: box-shadow ","ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -40px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"])),K.faster),Zr=O(xr||(xr=yn(["\n  &:after {\n    grid-column: -1; // Placed on the right edge\n  }\n"]))),Jr=O(wr||(wr=yn(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the top under the Picker Panel\n  }\n"])));function Gr(n,e){var r=e===S.Light?"1px 0 10px 0 ".concat(sn(.75,"black")):"15px 0px 15px 0 ".concat(sn(.7,"black")),t=e===S.Light?"-1px 0px 10px ".concat(sn(.75,"black")):"-15px 0px 15px 0 ".concat(sn(.7,"black"));return O(jr||(jr=yn(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(n===Rr||n===Wr)&&O(Nr||(Nr=yn(["\n        box-shadow: ",";\n      "])),r),(n===Rr||n===zr)&&"\n        box-shadow: ".concat(t,";\n      "))}function Kr(n){var e,r,t=n.children,i=void 0===t?"":t,o=n.className,a=n.language,l=n.darkMode,g=n.showLineNumbers,h=void 0!==g&&g,c=n.lineNumberStart,s=void 0===c?1:c,u=n.showWindowChrome,d=void 0!==u&&u,p=n.chromeTitle,f=void 0===p?"":p,m=n.copyable,b=void 0===m||m,y=n.onCopy,v=n.highlightLines,k=void 0===v?[]:v,x=n.languageOptions,w=n.onChange,j=n.customActionButtons,N=void 0===j?[]:j,C=n.showCustomActionButtons,O=void 0!==C&&C,S=n.usePortal,P=void 0===S||S,D=n.portalClassName,M=n.portalContainer,q=n.scrollContainer,R=n.popoverZIndex,Z=bn(n,Cr),J=F(null),G=$().usingKeyboard,K=vn(T(qr),2),X=K[0],Y=K[1],Q=vn(T(!1),2),V=Q[0],nn=Q[1],en=I((function(){return i.trim().includes("\n")}),[i]),rn=U(l),tn=rn.theme,on=rn.darkMode,an=N.filter((function(n){return!0===L(n,"IconButton")})),ln=O&&!!an.length,gn=null==x?void 0:x.find((function(n){return n.displayName===a})),hn=!d&&(b||!!gn||ln),cn=gn?gn.language:a,sn=!!gn;B((function(){nn(b&&W.isSupported())}),[b,d]),_((function(){var n=J.current;null!=n&&n.scrollWidth>n.clientWidth&&Y(zr)}),[]);var un=A.createElement(ce,{showLineNumbers:h,lineNumberStart:s,language:cn,highlightLines:k},i);var pn=z((function(n){var e=n.target,r=e.scrollWidth,t=e.clientWidth;if(r>t){var i=n.target.scrollLeft,o=r-t;i>0&&i<o?Y(Rr):i>0?Y(Wr):i<o&&Y(zr)}}),50,{leading:!0}),yn=dn({popoverZIndex:R},P?{usePortal:P,portalClassName:D,portalContainer:M,scrollContainer:q}:{usePortal:P});return A.createElement(H,{darkMode:on},A.createElement("div",{className:Er[tn]},d&&A.createElement(ar,{chromeTitle:f}),A.createElement("div",{className:E(Sr,_r,Gr(X,tn),(e={},fn(e,Pr,sn),fn(e,Jr,sn),fn(e,Lr,!hn),fn(e,Zr,!hn),e))},A.createElement("pre",mn({},Z,{className:E(Ar,Fr(tn),(r={},fn(r,Mr,sn),fn(r,Dr,!hn),fn(r,Ir,!en),fn(r,Tr,G),r),o),onScroll:function(n){n.persist(),pn(n)},ref:J,tabIndex:X!==qr?0:-1}),un),hn&&A.createElement(rr,mn({className:E(Br),language:gn,languageOptions:x,onChange:w,contents:i,onCopy:y,showCopyButton:V,isMultiline:en,customActionButtons:an,showCustomActionButtons:ln},yn)))))}Kr.displayName="Code",Kr.propTypes={children:q.string.isRequired,language:q.oneOfType([q.oneOf(Object.values(En)),q.string]),darkMode:q.bool,className:q.string,showLineNumbers:q.bool,lineNumberStart:q.number,showWindowChrome:q.bool,chromeTitle:q.string,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};export{En as Language,On as Mode,Kr as default,Sn as variantColors};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/ini"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/perl"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/properties"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/rust"),require("highlight.js/lib/languages/scala"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/shell"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/yaml"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/xml"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("react"),require("prop-types"),require("clipboard"),require("lodash/debounce"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/leafygreen-provider"),require("highlight.js/lib/core"),require("highlightjs-graphql"),require("lodash/flatMap"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Copy"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/button"),require("@leafygreen-ui/icon/dist/File"),require("@leafygreen-ui/select"),require("polished")):"function"==typeof define&&define.amd?define(["exports","highlight.js/lib/languages/javascript","highlight.js/lib/languages/typescript","highlight.js/lib/languages/csharp","highlight.js/lib/languages/go","highlight.js/lib/languages/http","highlight.js/lib/languages/ini","highlight.js/lib/languages/java","highlight.js/lib/languages/perl","highlight.js/lib/languages/php","highlight.js/lib/languages/properties","highlight.js/lib/languages/python","highlight.js/lib/languages/ruby","highlight.js/lib/languages/rust","highlight.js/lib/languages/scala","highlight.js/lib/languages/swift","highlight.js/lib/languages/kotlin","highlight.js/lib/languages/objectivec","highlight.js/lib/languages/dart","highlight.js/lib/languages/bash","highlight.js/lib/languages/shell","highlight.js/lib/languages/sql","highlight.js/lib/languages/yaml","highlight.js/lib/languages/json","highlight.js/lib/languages/diff","highlight.js/lib/languages/xml","@leafygreen-ui/emotion","@leafygreen-ui/lib","@leafygreen-ui/palette","react","prop-types","clipboard","lodash/debounce","@leafygreen-ui/hooks","@leafygreen-ui/tokens","@leafygreen-ui/leafygreen-provider","highlight.js/lib/core","highlightjs-graphql","lodash/flatMap","@leafygreen-ui/a11y","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Copy","@leafygreen-ui/icon-button","@leafygreen-ui/icon","@leafygreen-ui/button","@leafygreen-ui/icon/dist/File","@leafygreen-ui/select","polished"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/code"]={},e.javascript,e.typescript,e.csharp,e.go,e.http,e.ini,e.java,e.perl,e.php,e.properties,e.python,e.ruby,e.rust,e.scala,e.swift,e.kotlin,e.objectivec,e.dart,e.bash,e.shell,e.sql,e.yaml,e.json,e.diff,e.xml,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.React,e.PropTypes,e.ClipboardJS,e.debounce,e["@leafygreen-ui/hooks"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/leafygreen-provider"],e.hljs,e.hljsDefineGraphQL,e.flatMap,e["@leafygreen-ui/a11y"],e.Checkmark,e.Copy,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/button"],e.File,e["@leafygreen-ui/select"],e.polished)}(this,(function(e,n,t,r,a,l,i,o,s,u,g,h,c,d,f,p,b,m,y,v,x,k,j,w,C,N,q,E,O,S,T,L,P,M,A,D,I,B,F,z,W,R,_,Z,G,J,K,H){"use strict";function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Q=U(n),V=U(t),X=U(r),Y=U(a),$=U(l),ee=U(i),ne=U(o),te=U(s),re=U(u),ae=U(g),le=U(h),ie=U(c),oe=U(d),se=U(f),ue=U(p),ge=U(b),he=U(m),ce=U(y),de=U(v),fe=U(x),pe=U(k),be=U(j),me=U(w),ye=U(C),ve=U(N),xe=U(S),ke=U(T),je=U(L),we=U(P),Ce=U(D),Ne=U(I),qe=U(B),Ee=U(F),Oe=U(W),Se=U(R),Te=U(_),Le=U(G),Pe=U(J);function Me(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Ae(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Me(Object(t),!0).forEach((function(n){Ie(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Me(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function De(e){return De="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},De(e)}function Ie(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Be(){return Be=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Be.apply(this,arguments)}function Fe(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function ze(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function We(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,a,l=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return l}(e,n)||_e(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(e){return function(e){if(Array.isArray(e))return Ze(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_e(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _e(e,n){if(e){if("string"==typeof e)return Ze(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ze(e,n):void 0}}function Ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var Ge,Je={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:te.default,php:re.default,properties:ae.default,python:le.default,ruby:ie.default,rust:oe.default,scala:se.default,swift:ue.default,kotlin:ge.default,objectivec:he.default,dart:ce.default,bash:de.default,shell:fe.default,sql:pe.default,yaml:be.default,json:me.default,diff:ye.default,xml:ve.default},Ke={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},He=Ae(Ae({},Ke),{},{None:"none"}),Ue=(Ie(Ge={},E.Theme.Light,{0:O.palette.gray.light3,1:O.palette.gray.light2,2:O.palette.gray.dark2,3:O.palette.black,4:O.palette.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),Ie(Ge,E.Theme.Dark,{0:O.palette.black,1:O.palette.gray.dark2,2:O.palette.gray.light1,3:O.palette.gray.light3,4:O.palette.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),Ge);function Qe(){Object.values(E.Theme).forEach((function(e){return q.injectGlobal(function(e){return"\n  .lg-highlight-hljs-".concat(e," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(Ue[e][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(Ue[e][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Ue[e][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Ue[e][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Ue[e][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(Ue[e][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Ue[e][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Ue[e][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Ue[e][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(e))}))}var Ve,Xe,Ye,$e,en=S.createContext({highlightLines:[],darkMode:!1});function nn(){for(var e="lg-highlight-",n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(e){return on(e)&&e.length>0})).map((function(n){return n.startsWith(e)?n:n.split(".").map((function(n){return"".concat(e).concat(n)})).join(" ")})).join(" ")}function tn(){for(var e=["function","class"],n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(n){return e.includes(n)}))}function rn(e){var n=e.kind,t=e.children;return xe.default.createElement("span",{className:n},t)}function an(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===De(e)&&!(e instanceof Array)}function on(e){return null!=e&&"string"==typeof e}function sn(e,n){return null==e?null:on(e)?e:an(e)?e.map(sn):ln(e)?xe.default.createElement(rn,{key:n,kind:e.kind},sn(e.children)):e}var un=q.css(Ve||(Ve=ze(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),A.spacing[3]);function gn(e){var n,t,r;return e?(n="transparent",t="linear-gradient(90deg, ".concat(O.palette.gray.dark3,", ").concat(O.palette.black,")"),r=O.palette.gray.dark3):(n="#FEF7E3",t="none",r="#FEF2C8"),q.css(Xe||(Xe=ze(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),n,t,r,r,r)}function hn(e){var n=e.lineNumber,t=e.highlighted,r=e.darkMode,a=e.children,l=r?O.palette.gray.light1:O.palette.gray.dark1,i=r?O.palette.gray.light3:O.palette.yellow.dark2;return xe.default.createElement("tr",{className:q.cx(Ie({},gn(r),t))},n&&xe.default.createElement("td",{className:q.cx(un,q.css(Ye||(Ye=ze(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),A.spacing[3]-1,t?i:l))},n),xe.default.createElement("td",{className:un},a))}function cn(e){var n=(null!=e?e:{}).children;return!(!an(n)||1!==n.length||!on(n[0]))}function dn(e,n){if("string"==typeof e)return e;if(null!=(t=e)&&"object"===De(t)&&"string"==typeof t.kind&&t.children instanceof Array)return dn(e.children,n);var t;return Ee.default(e,function e(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return r=r.filter((function(e){return on(e)&&e.length>0})),function(t){var a,l;return on(t)?r.length>0?{kind:nn.apply(void 0,[n].concat(Re(r),Re(tn(t)))),children:[t]}:t:(null!==(a=null==t||null===(l=t.children)||void 0===l?void 0:l.length)&&void 0!==a?a:0)>=1?Ee.default(t.children,e.apply(void 0,[n,t.kind].concat(Re(r)))):cn(t)?{kind:nn.apply(void 0,[n,t.kind].concat(Re(r),Re(tn.apply(void 0,Re(t.children))))),children:t.children}:t}}(n))}function fn(e){return an(e)?e.some(fn):on(e)?e.includes("\n"):!!ln(e)&&((null===(n=e.children)||void 0===n?void 0:n.includes("\n"))||on(null===(t=e.children)||void 0===t?void 0:t[0])&&e.children[0].includes("\n"));var n,t}function pn(e){var n=[],t=0;null==n[t]&&(n[t]=[]);var r=function(){t++,n[t]=[]};return dn(e).forEach((function(e){fn(e)?on(e)?e.split("\n").forEach((function(e,a){a>0&&r(),e&&n[t].push(e)})):e.children[0].split("\n").forEach((function(a,l){l>0&&r(),n[t].push({kind:e.kind,children:[a]})})):e&&(on(e)||cn(e))&&n[t].push(e)})),n}function bn(e){for(var n=e.lines,t=S.useContext(en),r=t.highlightLines,a=t.showLineNumbers,l=t.darkMode,i=t.lineNumberStart,o=Re(n);0===(null===(s=o[0])||void 0===s?void 0:s.length);){var s;o.shift()}for(;0===(null===(u=o[o.length-1])||void 0===u?void 0:u.length);){var u;o.pop()}return xe.default.createElement(xe.default.Fragment,null,o.map((function(e,n){var t,o=n+(null!=i?i:1),s=function(e){return r.some((function(n){if(null!=(t=n)&&"number"==typeof t)return e===n;var t;if(an(n)){var r=Re(n).sort((function(e,n){return e-n}));return e>=r[0]&&e<=r[1]}return!1}))}(o);a&&(t=o);var u=null!=e&&e.length?e.map(sn):xe.default.createElement("div",{className:q.css($e||($e=ze(["\n              display: inline-block;\n            "])))});return xe.default.createElement(hn,{key:o,lineNumber:t,darkMode:l,highlighted:s},u)})))}var mn,yn,vn,xn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=xe.default.createElement(bn,{lines:pn(n.children)})}},kn=["children","language","showLineNumbers","lineNumberStart","highlightLines","className"];function jn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var wn=!1;var Cn,Nn,qn,En,On,Sn,Tn=q.css(mn||(mn=ze(["\n  color: inherit;\n  font-family: ",";\n"])),A.fontFamilies.code);function Ln(e){var n=e.children,t=e.language,r=e.showLineNumbers,a=void 0!==r&&r,l=e.lineNumberStart,i=e.highlightLines,o=void 0===i?[]:i,s=e.className,u=Fe(e,kn);wn||function(){wn=!0,Qe();var e=Object.values(Ke).filter(jn);e.forEach((function(e){"graphql"===e?qe.default(Ne.default):Ne.default.registerLanguage(e,Je[e])})),Ne.default.configure({languages:e,tabReplace:"  "}),Ne.default.addPlugin(xn)}();var g=S.useMemo((function(){return t===He.None?null:Ne.default.highlight(n,{language:t,ignoreIllegals:!0})}),[t,n]),h=null===g?xe.default.createElement(bn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):g.react,c=D.useDarkMode(),d=c.theme,f=c.darkMode,p=14===D.useBaseFontSize()?A.typeScales.code1:A.typeScales.code2,b=q.css(yn||(yn=ze(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.fontSize,p.lineHeight);return xe.default.createElement(en.Provider,{value:{highlightLines:o,showLineNumbers:a,lineNumberStart:l,darkMode:f}},xe.default.createElement("code",Be({},u,{className:q.cx("lg-highlight-hljs-".concat(d),Tn,b,t,s)}),xe.default.createElement("table",{className:q.css(vn||(vn=ze(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},xe.default.createElement("tbody",null,h))))}Ln.displayName="Syntax",Ln.propTypes={children:ke.default.string.isRequired,language:ke.default.oneOf(Object.values(He)),className:ke.default.string,darkMode:ke.default.bool,showLineNumbers:ke.default.bool,lineNumberStart:ke.default.number,highlightLines:ke.default.arrayOf(ke.default.oneOfType([ke.default.arrayOf(ke.default.number),ke.default.number]))};var Pn=(Ie(qn={},E.Theme.Light,q.css(Cn||(Cn=ze(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),O.palette.white,O.palette.green.dark1,O.palette.white,O.palette.green.dark1)),Ie(qn,E.Theme.Dark,q.css(Nn||(Nn=ze(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),O.palette.gray.dark3,O.palette.green.base,O.palette.gray.dark3,O.palette.green.base)),qn),Mn=(Ie(Sn={},E.Theme.Light,q.css(En||(En=ze(["\n    align-self: center;\n    color: ",";\n  "])),O.palette.gray.base)),Ie(Sn,E.Theme.Dark,q.css(On||(On=ze(["\n    align-self: center;\n    color: ",";\n  "])),O.palette.gray.light1)),Sn);function An(e){var n=e.onCopy,t=e.contents,r=We(S.useState(!1),2),a=r[0],l=r[1],i=We(S.useState(null),2),o=i[0],s=i[1],u=D.useDarkMode(),g=u.theme,h=u.darkMode,c=D.usePopoverPortalContainer().portalContainer;S.useEffect((function(){if(o){var e=new je.default(o,{text:function(){return t},container:c});if(a){var n=setTimeout((function(){l(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[o,t,a,c]);return xe.default.createElement(Te.default,{ref:s,darkMode:h,"aria-label":"Copy",className:q.cx(Mn[g],Ie({},Pn[g],a)),onClick:function(e){e.preventDefault(),n&&n(),l(!0)}},a?xe.default.createElement(Oe.default,null):xe.default.createElement(Se.default,null),a&&xe.default.createElement(z.VisuallyHidden,{role:"alert"},"Copied!"))}An.displayName="CopyButton";var Dn,In,Bn,Fn,zn,Wn,Rn,_n,Zn,Gn,Jn,Kn,Hn,Un,Qn,Vn,Xn,Yn,$n,et,nt,tt,rt,at=["className","children"],lt=q.css(Dn||(Dn=ze(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),it=q.css(In||(In=ze(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),ot=(Ie(zn={},E.Theme.Light,q.css(Bn||(Bn=ze(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),O.palette.white,O.palette.gray.light2,O.palette.gray.light2,O.palette.gray.light2)),Ie(zn,E.Theme.Dark,q.css(Fn||(Fn=ze(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    color: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),O.palette.gray.dark2,O.palette.gray.dark1,O.palette.gray.light2,O.palette.gray.dark1,O.palette.gray.dark1)),zn),st=(Ie(_n={},E.Theme.Light,q.css(Wn||(Wn=ze(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.palette.blue.light2)),Ie(_n,E.Theme.Dark,q.css(Rn||(Rn=ze(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.palette.blue.light1)),_n),ut=q.css(Zn||(Zn=ze(["\n  min-width: 144px;\n  height: 100%;\n"]))),gt=q.css(Gn||(Gn=ze(["\n  margin-right: ","px;\n"])),A.spacing[3]);function ht(e){var n,t=e.language,r=e.languageOptions,a=e.onChange,l=e.usePortal,i=e.portalClassName,o=e.portalContainer,s=e.scrollContainer,u=e.popoverZIndex,g=D.useUsingKeyboardContext().usingKeyboard,h=D.useDarkMode(),c=h.theme,d=h.darkMode,f=M.usePrevious(t),p=q.cx(gt,q.css(Jn||(Jn=ze(["\n      color: ",";\n    "])),d?O.palette.gray.light1:O.palette.gray.base)),b=xe.default.createElement(Pe.default,{className:p});null!=t.image&&(n=t.image,b=Z.isComponentGlyph(n)||E.isComponentType(n,"Icon")?xe.default.cloneElement(t.image,{className:p}):xe.default.cloneElement(t.image,{className:gt}));var m=xe.default.forwardRef((function(e,n){var t=e.className,r=e.children,a=Fe(e,at);return xe.default.createElement(Le.default,Be({},a,{className:q.cx(t,it,ot[c],Ie({},st[c],g)),darkMode:d,ref:n,leftGlyph:b}),r)})),y={popoverZIndex:u,usePortal:l,portalClassName:i,portalContainer:o,scrollContainer:s};return xe.default.createElement("div",{className:lt},xe.default.createElement(K.Select,Be({darkMode:d,onChange:function(e){if(""===e&&void 0!==f)return a(f);var n=r.find((function(n){return n.displayName===e}));void 0!==n&&a(n)},"aria-labelledby":"Language Picker",value:null==t?void 0:t.displayName,className:ut,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:m}),null==r?void 0:r.map((function(e){return xe.default.createElement(K.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}ht.displayName="LanguageSwitcher";var ct,dt,ft,pt,bt,mt=q.css(Kn||(Kn=ze(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),A.spacing[1]),yt=(Ie(Qn={},E.Theme.Light,q.css(Hn||(Hn=ze(["\n    background-color: ",";\n  "])),O.palette.white)),Ie(Qn,E.Theme.Dark,q.css(Un||(Un=ze(["\n    background-color: ",";\n  "])),O.palette.gray.dark2)),Qn),vt=q.css(Vn||(Vn=ze(["\n  flex-direction: column;\n  padding: 6px;\n  border-left: solid 1px;\n"]))),xt=(Ie($n={},E.Theme.Light,q.cx(vt,q.css(Xn||(Xn=ze(["\n      border-color: ",";\n    "])),O.palette.gray.light2))),Ie($n,E.Theme.Dark,q.cx(vt,q.css(Yn||(Yn=ze(["\n      border-color: ",";\n    "])),O.palette.gray.dark2))),$n),kt=q.css(et||(et=ze(["\n  flex-direction: row;\n  border-bottom: 1px solid;\n  justify-content: space-between;\n  padding: 0;\n  padding-right: 8px;\n  height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n"]))),jt=(Ie(rt={},E.Theme.Light,q.cx(kt,q.css(nt||(nt=ze(["\n      border-color: ",";\n    "])),O.palette.gray.light2))),Ie(rt,E.Theme.Dark,q.cx(kt,q.css(tt||(tt=ze(["\n      border-color: ",";\n    "])),O.palette.gray.dark1))),rt);function wt(e){var n,t=e.language,r=e.languageOptions,a=e.contents,l=e.onChange,i=e.onCopy,o=e.showCopyButton,s=e.customActionButtons,u=e.showCustomActionButtons,g=e.usePortal,h=e.portalClassName,c=e.portalContainer,d=e.scrollContainer,f=e.popoverZIndex,p=e.className,b=D.useDarkMode().theme,m={popoverZIndex:f,usePortal:g,portalClassName:h,portalContainer:c,scrollContainer:d};return xe.default.createElement("div",{className:q.cx(mt,yt[b],(n={},Ie(n,xt[b],!t),Ie(n,jt[b],!!t),n),p),"data-testid":"leafygreen-code-panel"},void 0!==t&&void 0!==r&&void 0!==l&&xe.default.createElement(ht,Be({onChange:l,language:t,languageOptions:r},m)),o&&xe.default.createElement(An,{onCopy:i,contents:a,withLanguageSwitcher:!!t}),u&&xe.default.createElement(xe.default.Fragment,null,null==s?void 0:s.map((function(e){return e}))))}wt.displayName="Panel";var Ct=q.css(ct||(ct=ze(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,A.fontFamilies.default),Nt=(Ie(pt={},E.Theme.Light,q.css(dt||(dt=ze(["\n    color: ",";\n    background-color: ",";\n  "])),O.palette.gray.dark2,Ue.light[1])),Ie(pt,E.Theme.Dark,q.css(ft||(ft=ze(["\n    color: ",";\n    background-color: ",";\n  "])),O.palette.gray.light1,Ue.dark[1])),pt),qt=q.css(bt||(bt=ze(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: ","px;\n"])),8,8,A.typeScales.body1.fontSize);function Et(e){var n=e.chromeTitle,t=void 0===n?"":n,r=D.useDarkMode().theme;return xe.default.createElement("div",{className:q.cx(Ct,Nt[r])},xe.default.createElement("div",{className:qt},t))}Et.displayName="WindowChrome",Et.propTypes={darkMode:ke.default.bool,chromeTitle:ke.default.string};var Ot,St,Tt,Lt,Pt,Mt,At,Dt,It,Bt,Ft,zt,Wt,Rt,_t,Zt,Gt,Jt,Kt=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Ht=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.literal,r=n.overlap,a=t?e:["&"].concat(e);function l(e){if("object"!=typeof e||null==e)return[];if(Array.isArray(e))return e.map(l);var n={},i={},o={};return Object.keys(e).forEach((function(s){var u=e[s];if(!Array.isArray(u)&&t&&(u=[u]),(t||Array.isArray(u))&&38!==s.charCodeAt(0)){var g=void 0;u.forEach((function(e,l){if((!r||g!==e)&&null!=e)if(g=e,0!==l||t)if(void 0===n[a[l]]){var i;n[a[l]]=((i={})[s]=e,i)}else n[a[l]][s]=e;else o[s]=e}))}else"object"==typeof u?i[s]=l(u):o[s]=u})),a.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,i),o}return function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.map(l)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Ut=(Ie(Tt={},E.Theme.Light,q.css(Ot||(Ot=ze(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[E.Theme.Light][1])),Ie(Tt,E.Theme.Dark,q.css(St||(St=ze(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[E.Theme.Dark][1])),Tt),Qt=q.css(Lt||(Lt=ze(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Vt=q.css(Pt||(Pt=ze(["\n  // No panel, all code\n  grid-template-areas: 'code code';\n"]))),Xt=q.css(Mt||(Mt=ze(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Yt=q.css(At||(At=ze(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),A.spacing[2],A.spacing[2],Ht({whiteSpace:["pre","pre-wrap","pre"]})),$t=q.css(Dt||(Dt=ze(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),er=q.css(It||(It=ze(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),nr=q.css(Bt||(Bt=ze(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),tr=q.css(Ft||(Ft=ze(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),O.palette.blue.light1),rr=q.css(zt||(zt=ze(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function ar(e){var n=Ue[e];return q.css(Wt||(Wt=ze(["\n    background-color: ",";\n    color: ",";\n  "])),n[0],n[3])}var lr="none",ir="left",or="right",sr="both",ur=q.css(Rt||(Rt=ze(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 40px;\n    border-radius: 40%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -40px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),gr=q.css(_t||(_t=ze(["\n  &:after {\n    grid-column: -1; // Placed on the right edge\n  }\n"]))),hr=q.css(Zt||(Zt=ze(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the top under the Picker Panel\n  }\n"])));function cr(e,n){var t=n===E.Theme.Light?"1px 0 10px 0 ".concat(H.transparentize(.75,"black")):"15px 0px 15px 0 ".concat(H.transparentize(.7,"black")),r=n===E.Theme.Light?"-1px 0px 10px ".concat(H.transparentize(.75,"black")):"-15px 0px 15px 0 ".concat(H.transparentize(.7,"black"));return q.css(Gt||(Gt=ze(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(e===sr||e===ir)&&q.css(Jt||(Jt=ze(["\n        box-shadow: ",";\n      "])),t),(e===sr||e===or)&&"\n        box-shadow: ".concat(r,";\n      "))}function dr(e){var n,t,r=e.children,a=void 0===r?"":r,l=e.className,i=e.language,o=e.darkMode,s=e.showLineNumbers,u=void 0!==s&&s,g=e.lineNumberStart,h=void 0===g?1:g,c=e.showWindowChrome,d=void 0!==c&&c,f=e.chromeTitle,p=void 0===f?"":f,b=e.copyable,m=void 0===b||b,y=e.onCopy,v=e.highlightLines,x=void 0===v?[]:v,k=e.languageOptions,j=e.onChange,w=e.customActionButtons,C=void 0===w?[]:w,N=e.showCustomActionButtons,O=void 0!==N&&N,T=e.usePortal,L=void 0===T||T,P=e.portalClassName,A=e.portalContainer,I=e.scrollContainer,B=e.popoverZIndex,F=Fe(e,Kt),z=S.useRef(null),W=D.useUsingKeyboardContext().usingKeyboard,R=We(S.useState(lr),2),_=R[0],Z=R[1],G=We(S.useState(!1),2),J=G[0],K=G[1],H=S.useMemo((function(){return a.trim().includes("\n")}),[a]),U=D.useDarkMode(o),Q=U.theme,V=U.darkMode,X=C.filter((function(e){return!0===E.isComponentType(e,"IconButton")})),Y=O&&!!X.length,$=null==k?void 0:k.find((function(e){return e.displayName===i})),ee=!d&&(m||!!$||Y),ne=$?$.language:i,te=!!$;S.useEffect((function(){K(m&&je.default.isSupported())}),[m,d]),M.useIsomorphicLayoutEffect((function(){var e=z.current;null!=e&&e.scrollWidth>e.clientWidth&&Z(or)}),[]);var re=xe.default.createElement(Ln,{showLineNumbers:u,lineNumberStart:h,language:ne,highlightLines:x},a);var ae=we.default((function(e){var n=e.target,t=n.scrollWidth,r=n.clientWidth;if(t>r){var a=e.target.scrollLeft,l=t-r;a>0&&a<l?Z(sr):a>0?Z(ir):a<l&&Z(or)}}),50,{leading:!0}),le=Ae({popoverZIndex:B},L?{usePortal:L,portalClassName:P,portalContainer:A,scrollContainer:I}:{usePortal:L});return xe.default.createElement(Ce.default,{darkMode:V},xe.default.createElement("div",{className:Ut[Q]},d&&xe.default.createElement(Et,{chromeTitle:p}),xe.default.createElement("div",{className:q.cx(Qt,ur,cr(_,Q),(n={},Ie(n,Xt,te),Ie(n,hr,te),Ie(n,Vt,!ee),Ie(n,gr,!ee),n))},xe.default.createElement("pre",Be({},F,{className:q.cx(Yt,ar(Q),(t={},Ie(t,er,te),Ie(t,$t,!ee),Ie(t,nr,!H),Ie(t,tr,W),t),l),onScroll:function(e){e.persist(),ae(e)},ref:z,tabIndex:_!==lr?0:-1}),re),ee&&xe.default.createElement(wt,Be({className:q.cx(rr),language:$,languageOptions:k,onChange:j,contents:a,onCopy:y,showCopyButton:J,isMultiline:H,customActionButtons:X,showCustomActionButtons:Y},le)))))}dr.displayName="Code",dr.propTypes={children:ke.default.string.isRequired,language:ke.default.oneOfType([ke.default.oneOf(Object.values(He)),ke.default.string]),darkMode:ke.default.bool,className:ke.default.string,showLineNumbers:ke.default.bool,lineNumberStart:ke.default.number,showWindowChrome:ke.default.bool,chromeTitle:ke.default.string,highlightLines:ke.default.arrayOf(ke.default.oneOfType([ke.default.arrayOf(ke.default.number),ke.default.number]))},e.Language=He,e.Mode={Light:"light",Dark:"dark"},e.default=dr,e.variantColors=Ue,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/ini"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/perl"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/properties"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/rust"),require("highlight.js/lib/languages/scala"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/shell"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/yaml"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/xml"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("react"),require("prop-types"),require("clipboard"),require("lodash/debounce"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/leafygreen-provider"),require("highlight.js/lib/core"),require("highlightjs-graphql"),require("lodash/flatMap"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Copy"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/button"),require("@leafygreen-ui/icon/dist/File"),require("@leafygreen-ui/select"),require("polished")):"function"==typeof define&&define.amd?define(["exports","highlight.js/lib/languages/javascript","highlight.js/lib/languages/typescript","highlight.js/lib/languages/csharp","highlight.js/lib/languages/go","highlight.js/lib/languages/http","highlight.js/lib/languages/ini","highlight.js/lib/languages/java","highlight.js/lib/languages/perl","highlight.js/lib/languages/php","highlight.js/lib/languages/properties","highlight.js/lib/languages/python","highlight.js/lib/languages/ruby","highlight.js/lib/languages/rust","highlight.js/lib/languages/scala","highlight.js/lib/languages/swift","highlight.js/lib/languages/kotlin","highlight.js/lib/languages/objectivec","highlight.js/lib/languages/dart","highlight.js/lib/languages/bash","highlight.js/lib/languages/shell","highlight.js/lib/languages/sql","highlight.js/lib/languages/yaml","highlight.js/lib/languages/json","highlight.js/lib/languages/diff","highlight.js/lib/languages/xml","@leafygreen-ui/emotion","@leafygreen-ui/lib","@leafygreen-ui/palette","react","prop-types","clipboard","lodash/debounce","@leafygreen-ui/hooks","@leafygreen-ui/tokens","@leafygreen-ui/leafygreen-provider","highlight.js/lib/core","highlightjs-graphql","lodash/flatMap","@leafygreen-ui/a11y","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Copy","@leafygreen-ui/icon-button","@leafygreen-ui/icon","@leafygreen-ui/button","@leafygreen-ui/icon/dist/File","@leafygreen-ui/select","polished"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/code"]={},e.javascript,e.typescript,e.csharp,e.go,e.http,e.ini,e.java,e.perl,e.php,e.properties,e.python,e.ruby,e.rust,e.scala,e.swift,e.kotlin,e.objectivec,e.dart,e.bash,e.shell,e.sql,e.yaml,e.json,e.diff,e.xml,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.React,e.PropTypes,e.ClipboardJS,e.debounce,e["@leafygreen-ui/hooks"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/leafygreen-provider"],e.hljs,e.hljsDefineGraphQL,e.flatMap,e["@leafygreen-ui/a11y"],e.Checkmark,e.Copy,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/button"],e.File,e["@leafygreen-ui/select"],e.polished)}(this,(function(e,n,t,r,a,l,i,o,s,u,g,h,c,d,f,p,b,m,y,v,x,k,j,w,C,N,q,E,O,S,T,L,P,D,M,A,I,B,F,z,W,R,_,Z,G,J,K,H){"use strict";function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Q=U(n),V=U(t),X=U(r),Y=U(a),$=U(l),ee=U(i),ne=U(o),te=U(s),re=U(u),ae=U(g),le=U(h),ie=U(c),oe=U(d),se=U(f),ue=U(p),ge=U(b),he=U(m),ce=U(y),de=U(v),fe=U(x),pe=U(k),be=U(j),me=U(w),ye=U(C),ve=U(N),xe=U(S),ke=U(T),je=U(L),we=U(P),Ce=U(A),Ne=U(I),qe=U(B),Ee=U(F),Oe=U(W),Se=U(R),Te=U(_),Le=U(G),Pe=U(J);function De(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Me(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?De(Object(t),!0).forEach((function(n){Ie(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):De(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Ae(e){return Ae="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ae(e)}function Ie(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Be(){return Be=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Be.apply(this,arguments)}function Fe(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function ze(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function We(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,a,l=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return l}(e,n)||_e(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(e){return function(e){if(Array.isArray(e))return Ze(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_e(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _e(e,n){if(e){if("string"==typeof e)return Ze(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ze(e,n):void 0}}function Ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var Ge,Je={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:te.default,php:re.default,properties:ae.default,python:le.default,ruby:ie.default,rust:oe.default,scala:se.default,swift:ue.default,kotlin:ge.default,objectivec:he.default,dart:ce.default,bash:de.default,shell:fe.default,sql:pe.default,yaml:be.default,json:me.default,diff:ye.default,xml:ve.default},Ke={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},He=Me(Me({},Ke),{},{None:"none"}),Ue=(Ie(Ge={},E.Theme.Light,{0:O.palette.gray.light3,1:O.palette.gray.light2,2:O.palette.gray.dark2,3:O.palette.black,4:O.palette.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),Ie(Ge,E.Theme.Dark,{0:O.palette.black,1:O.palette.gray.dark2,2:O.palette.gray.light1,3:O.palette.gray.light3,4:O.palette.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),Ge);function Qe(){Object.values(E.Theme).forEach((function(e){return q.injectGlobal(function(e){return"\n  .lg-highlight-hljs-".concat(e," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(Ue[e][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(Ue[e][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Ue[e][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Ue[e][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Ue[e][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(Ue[e][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Ue[e][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Ue[e][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Ue[e][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(e))}))}var Ve,Xe,Ye,$e,en=S.createContext({highlightLines:[],darkMode:!1});function nn(){for(var e="lg-highlight-",n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(e){return on(e)&&e.length>0})).map((function(n){return n.startsWith(e)?n:n.split(".").map((function(n){return"".concat(e).concat(n)})).join(" ")})).join(" ")}function tn(){for(var e=["function","class"],n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(n){return e.includes(n)}))}function rn(e){var n=e.kind,t=e.children;return xe.default.createElement("span",{className:n},t)}function an(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===Ae(e)&&!(e instanceof Array)}function on(e){return null!=e&&"string"==typeof e}function sn(e,n){return null==e?null:on(e)?e:an(e)?e.map(sn):ln(e)?xe.default.createElement(rn,{key:n,kind:e.kind},sn(e.children)):e}var un=q.css(Ve||(Ve=ze(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),M.spacing[3]);function gn(e){var n,t,r;return e?(n="transparent",t="linear-gradient(90deg, ".concat(O.palette.gray.dark3,", ").concat(O.palette.black,")"),r=O.palette.gray.dark3):(n="#FEF7E3",t="none",r="#FEF2C8"),q.css(Xe||(Xe=ze(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),n,t,r,r,r)}function hn(e){var n=e.lineNumber,t=e.highlighted,r=e.darkMode,a=e.children,l=r?O.palette.gray.light1:O.palette.gray.dark1,i=r?O.palette.gray.light3:O.palette.yellow.dark2;return xe.default.createElement("tr",{className:q.cx(Ie({},gn(r),t))},n&&xe.default.createElement("td",{className:q.cx(un,q.css(Ye||(Ye=ze(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),M.spacing[3]-1,t?i:l))},n),xe.default.createElement("td",{className:un},a))}function cn(e){var n=(null!=e?e:{}).children;return!(!an(n)||1!==n.length||!on(n[0]))}function dn(e,n){if("string"==typeof e)return e;if(null!=(t=e)&&"object"===Ae(t)&&"string"==typeof t.kind&&t.children instanceof Array)return dn(e.children,n);var t;return Ee.default(e,function e(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];return r=r.filter((function(e){return on(e)&&e.length>0})),function(t){var a,l;return on(t)?r.length>0?{kind:nn.apply(void 0,[n].concat(Re(r),Re(tn(t)))),children:[t]}:t:(null!==(a=null==t||null===(l=t.children)||void 0===l?void 0:l.length)&&void 0!==a?a:0)>=1?Ee.default(t.children,e.apply(void 0,[n,t.kind].concat(Re(r)))):cn(t)?{kind:nn.apply(void 0,[n,t.kind].concat(Re(r),Re(tn.apply(void 0,Re(t.children))))),children:t.children}:t}}(n))}function fn(e){return an(e)?e.some(fn):on(e)?e.includes("\n"):!!ln(e)&&((null===(n=e.children)||void 0===n?void 0:n.includes("\n"))||on(null===(t=e.children)||void 0===t?void 0:t[0])&&e.children[0].includes("\n"));var n,t}function pn(e){var n=[],t=0;null==n[t]&&(n[t]=[]);var r=function(){t++,n[t]=[]};return dn(e).forEach((function(e){fn(e)?on(e)?e.split("\n").forEach((function(e,a){a>0&&r(),e&&n[t].push(e)})):e.children[0].split("\n").forEach((function(a,l){l>0&&r(),n[t].push({kind:e.kind,children:[a]})})):e&&(on(e)||cn(e))&&n[t].push(e)})),n}function bn(e){for(var n=e.lines,t=S.useContext(en),r=t.highlightLines,a=t.showLineNumbers,l=t.darkMode,i=t.lineNumberStart,o=Re(n);0===(null===(s=o[0])||void 0===s?void 0:s.length);){var s;o.shift()}for(;0===(null===(u=o[o.length-1])||void 0===u?void 0:u.length);){var u;o.pop()}return xe.default.createElement(xe.default.Fragment,null,o.map((function(e,n){var t,o=n+(null!=i?i:1),s=function(e){return r.some((function(n){if(null!=(t=n)&&"number"==typeof t)return e===n;var t;if(an(n)){var r=Re(n).sort((function(e,n){return e-n}));return e>=r[0]&&e<=r[1]}return!1}))}(o);a&&(t=o);var u=null!=e&&e.length?e.map(sn):xe.default.createElement("div",{className:q.css($e||($e=ze(["\n              display: inline-block;\n            "])))});return xe.default.createElement(hn,{key:o,lineNumber:t,darkMode:l,highlighted:s},u)})))}var mn,yn,vn,xn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=xe.default.createElement(bn,{lines:pn(n.children)})}},kn=["children","language","showLineNumbers","lineNumberStart","highlightLines","className"];function jn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var wn=!1;var Cn,Nn,qn,En,On,Sn,Tn=q.css(mn||(mn=ze(["\n  color: inherit;\n  font-family: ",";\n"])),M.fontFamilies.code);function Ln(e){var n=e.children,t=e.language,r=e.showLineNumbers,a=void 0!==r&&r,l=e.lineNumberStart,i=e.highlightLines,o=void 0===i?[]:i,s=e.className,u=Fe(e,kn);wn||function(){wn=!0,Qe();var e=Object.values(Ke).filter(jn);e.forEach((function(e){"graphql"===e?qe.default(Ne.default):Ne.default.registerLanguage(e,Je[e])})),Ne.default.configure({languages:e,tabReplace:"  "}),Ne.default.addPlugin(xn)}();var g=S.useMemo((function(){return t===He.None?null:Ne.default.highlight(n,{language:t,ignoreIllegals:!0})}),[t,n]),h=null===g?xe.default.createElement(bn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):g.react,c=A.useDarkMode(),d=c.theme,f=c.darkMode,p=14===A.useBaseFontSize()?M.typeScales.code1:M.typeScales.code2,b=q.css(yn||(yn=ze(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.fontSize,p.lineHeight);return xe.default.createElement(en.Provider,{value:{highlightLines:o,showLineNumbers:a,lineNumberStart:l,darkMode:f}},xe.default.createElement("code",Be({},u,{className:q.cx("lg-highlight-hljs-".concat(d),Tn,b,t,s)}),xe.default.createElement("table",{className:q.css(vn||(vn=ze(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},xe.default.createElement("tbody",null,h))))}Ln.displayName="Syntax",Ln.propTypes={children:ke.default.string.isRequired,language:ke.default.oneOf(Object.values(He)),className:ke.default.string,darkMode:ke.default.bool,showLineNumbers:ke.default.bool,lineNumberStart:ke.default.number,highlightLines:ke.default.arrayOf(ke.default.oneOfType([ke.default.arrayOf(ke.default.number),ke.default.number]))};var Pn=(Ie(qn={},E.Theme.Light,q.css(Cn||(Cn=ze(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),O.palette.white,O.palette.green.dark1,O.palette.white,O.palette.green.dark1)),Ie(qn,E.Theme.Dark,q.css(Nn||(Nn=ze(["\n    color: ",";\n    background-color: ",";\n\n    &:focus,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),O.palette.gray.dark3,O.palette.green.base,O.palette.gray.dark3,O.palette.green.base)),qn),Dn=(Ie(Sn={},E.Theme.Light,q.css(En||(En=ze(["\n    align-self: center;\n    color: ",";\n  "])),O.palette.gray.base)),Ie(Sn,E.Theme.Dark,q.css(On||(On=ze(["\n    align-self: center;\n    color: ",";\n  "])),O.palette.gray.light1)),Sn);function Mn(e){var n=e.onCopy,t=e.contents,r=We(S.useState(!1),2),a=r[0],l=r[1],i=We(S.useState(null),2),o=i[0],s=i[1],u=A.useDarkMode(),g=u.theme,h=u.darkMode,c=A.usePopoverPortalContainer().portalContainer;S.useEffect((function(){if(o){var e=new je.default(o,{text:function(){return t},container:c});if(a){var n=setTimeout((function(){l(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[o,t,a,c]);return xe.default.createElement(Te.default,{ref:s,darkMode:h,"aria-label":"Copy",className:q.cx(Dn[g],Ie({},Pn[g],a)),onClick:function(e){e.preventDefault(),n&&n(),l(!0)}},a?xe.default.createElement(Oe.default,null):xe.default.createElement(Se.default,null),a&&xe.default.createElement(z.VisuallyHidden,{role:"alert"},"Copied!"))}Mn.displayName="CopyButton";var An,In,Bn,Fn,zn,Wn,Rn,_n,Zn,Gn,Jn,Kn,Hn,Un,Qn,Vn,Xn,Yn,$n,et,nt,tt,rt,at=["className","children"],lt=q.css(An||(An=ze(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),it=q.css(In||(In=ze(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),ot=(Ie(zn={},E.Theme.Light,q.css(Bn||(Bn=ze(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),O.palette.white,O.palette.gray.light2,O.palette.gray.light2,O.palette.gray.light2)),Ie(zn,E.Theme.Dark,q.css(Fn||(Fn=ze(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    color: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),O.palette.gray.dark2,O.palette.gray.dark1,O.palette.gray.light2,O.palette.gray.dark1,O.palette.gray.dark1)),zn),st=(Ie(_n={},E.Theme.Light,q.css(Wn||(Wn=ze(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.palette.blue.light2)),Ie(_n,E.Theme.Dark,q.css(Rn||(Rn=ze(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.palette.blue.light1)),_n),ut=q.css(Zn||(Zn=ze(["\n  min-width: 144px;\n  height: 100%;\n"]))),gt=q.css(Gn||(Gn=ze(["\n  margin-right: ","px;\n"])),M.spacing[3]);function ht(e){var n,t=e.language,r=e.languageOptions,a=e.onChange,l=e.usePortal,i=e.portalClassName,o=e.portalContainer,s=e.scrollContainer,u=e.popoverZIndex,g=A.useUsingKeyboardContext().usingKeyboard,h=A.useDarkMode(),c=h.theme,d=h.darkMode,f=D.usePrevious(t),p=q.cx(gt,q.css(Jn||(Jn=ze(["\n      color: ",";\n    "])),d?O.palette.gray.light1:O.palette.gray.base)),b=xe.default.createElement(Pe.default,{className:p});null!=t.image&&(n=t.image,b=Z.isComponentGlyph(n)||E.isComponentType(n,"Icon")?xe.default.cloneElement(t.image,{className:p}):xe.default.cloneElement(t.image,{className:gt}));var m=xe.default.forwardRef((function(e,n){var t=e.className,r=e.children,a=Fe(e,at);return xe.default.createElement(Le.default,Be({},a,{className:q.cx(t,it,ot[c],Ie({},st[c],g)),darkMode:d,ref:n,leftGlyph:b}),r)})),y={popoverZIndex:u,usePortal:l,portalClassName:i,portalContainer:o,scrollContainer:s};return xe.default.createElement("div",{className:lt},xe.default.createElement(K.Select,Be({darkMode:d,onChange:function(e){if(""===e&&void 0!==f)return a(f);var n=r.find((function(n){return n.displayName===e}));void 0!==n&&a(n)},"aria-labelledby":"Language Picker",value:null==t?void 0:t.displayName,className:ut,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:m}),null==r?void 0:r.map((function(e){return xe.default.createElement(K.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}ht.displayName="LanguageSwitcher";var ct,dt,ft,pt,bt,mt=q.css(Kn||(Kn=ze(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),M.spacing[1]),yt=(Ie(Qn={},E.Theme.Light,q.css(Hn||(Hn=ze(["\n    background-color: ",";\n  "])),O.palette.white)),Ie(Qn,E.Theme.Dark,q.css(Un||(Un=ze(["\n    background-color: ",";\n  "])),O.palette.gray.dark2)),Qn),vt=q.css(Vn||(Vn=ze(["\n  flex-direction: column;\n  padding: 6px;\n  border-left: solid 1px;\n"]))),xt=(Ie($n={},E.Theme.Light,q.cx(vt,q.css(Xn||(Xn=ze(["\n      border-color: ",";\n    "])),O.palette.gray.light2))),Ie($n,E.Theme.Dark,q.cx(vt,q.css(Yn||(Yn=ze(["\n      border-color: ",";\n    "])),O.palette.gray.dark2))),$n),kt=q.css(et||(et=ze(["\n  flex-direction: row;\n  border-bottom: 1px solid;\n  justify-content: space-between;\n  padding: 0;\n  padding-right: 8px;\n  height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n"]))),jt=(Ie(rt={},E.Theme.Light,q.cx(kt,q.css(nt||(nt=ze(["\n      border-color: ",";\n    "])),O.palette.gray.light2))),Ie(rt,E.Theme.Dark,q.cx(kt,q.css(tt||(tt=ze(["\n      border-color: ",";\n    "])),O.palette.gray.dark1))),rt);function wt(e){var n,t=e.language,r=e.languageOptions,a=e.contents,l=e.onChange,i=e.onCopy,o=e.showCopyButton,s=e.customActionButtons,u=e.showCustomActionButtons,g=e.usePortal,h=e.portalClassName,c=e.portalContainer,d=e.scrollContainer,f=e.popoverZIndex,p=e.className,b=A.useDarkMode().theme,m={popoverZIndex:f,usePortal:g,portalClassName:h,portalContainer:c,scrollContainer:d};return xe.default.createElement("div",{className:q.cx(mt,yt[b],(n={},Ie(n,xt[b],!t),Ie(n,jt[b],!!t),n),p),"data-testid":"leafygreen-code-panel"},void 0!==t&&void 0!==r&&void 0!==l&&xe.default.createElement(ht,Be({onChange:l,language:t,languageOptions:r},m)),o&&xe.default.createElement(Mn,{onCopy:i,contents:a,withLanguageSwitcher:!!t}),u&&xe.default.createElement(xe.default.Fragment,null,null==s?void 0:s.map((function(e){return e}))))}wt.displayName="Panel";var Ct=q.css(ct||(ct=ze(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,M.fontFamilies.default),Nt=(Ie(pt={},E.Theme.Light,q.css(dt||(dt=ze(["\n    color: ",";\n    background-color: ",";\n  "])),O.palette.gray.dark2,Ue.light[1])),Ie(pt,E.Theme.Dark,q.css(ft||(ft=ze(["\n    color: ",";\n    background-color: ",";\n  "])),O.palette.gray.light1,Ue.dark[1])),pt),qt=q.css(bt||(bt=ze(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: ","px;\n"])),8,8,M.typeScales.body1.fontSize);function Et(e){var n=e.chromeTitle,t=void 0===n?"":n,r=A.useDarkMode().theme;return xe.default.createElement("div",{className:q.cx(Ct,Nt[r])},xe.default.createElement("div",{className:qt},t))}Et.displayName="WindowChrome",Et.propTypes={darkMode:ke.default.bool,chromeTitle:ke.default.string};var Ot,St,Tt,Lt,Pt,Dt,Mt,At,It,Bt,Ft,zt,Wt,Rt,_t,Zt,Gt,Jt,Kt=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Ht=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.literal,r=n.overlap,a=t?e:["&"].concat(e);function l(e){if("object"!=typeof e||null==e)return[];if(Array.isArray(e))return e.map(l);var n={},i={},o={};return Object.keys(e).forEach((function(s){var u=e[s];if(!Array.isArray(u)&&t&&(u=[u]),(t||Array.isArray(u))&&38!==s.charCodeAt(0)){var g=void 0;u.forEach((function(e,l){if((!r||g!==e)&&null!=e)if(g=e,0!==l||t)if(void 0===n[a[l]]){var i;n[a[l]]=((i={})[s]=e,i)}else n[a[l]][s]=e;else o[s]=e}))}else"object"==typeof u?i[s]=l(u):o[s]=u})),a.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,i),o}return function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.map(l)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Ut=(Ie(Tt={},E.Theme.Light,q.css(Ot||(Ot=ze(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[E.Theme.Light][1])),Ie(Tt,E.Theme.Dark,q.css(St||(St=ze(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[E.Theme.Dark][1])),Tt),Qt=q.css(Lt||(Lt=ze(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Vt=q.css(Pt||(Pt=ze(["\n  // No panel, all code\n  grid-template-areas: 'code code';\n"]))),Xt=q.css(Dt||(Dt=ze(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Yt=q.css(Mt||(Mt=ze(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  transition: box-shadow ","ms ease-in-out;\n\n  ","\n"])),M.spacing[2],M.spacing[2],M.transitionDuration.faster,Ht({whiteSpace:["pre","pre-wrap","pre"]})),$t=q.css(At||(At=ze(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),er=q.css(It||(It=ze(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),nr=q.css(Bt||(Bt=ze(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),tr=q.css(Ft||(Ft=ze(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),O.palette.blue.light1),rr=q.css(zt||(zt=ze(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function ar(e){var n=Ue[e];return q.css(Wt||(Wt=ze(["\n    background-color: ",";\n    color: ",";\n  "])),n[0],n[3])}var lr="none",ir="left",or="right",sr="both",ur=q.css(Rt||(Rt=ze(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 40px;\n    border-radius: 40%;\n    box-shadow: unset;\n    transition: box-shadow ","ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -40px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"])),M.transitionDuration.faster),gr=q.css(_t||(_t=ze(["\n  &:after {\n    grid-column: -1; // Placed on the right edge\n  }\n"]))),hr=q.css(Zt||(Zt=ze(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the top under the Picker Panel\n  }\n"])));function cr(e,n){var t=n===E.Theme.Light?"1px 0 10px 0 ".concat(H.transparentize(.75,"black")):"15px 0px 15px 0 ".concat(H.transparentize(.7,"black")),r=n===E.Theme.Light?"-1px 0px 10px ".concat(H.transparentize(.75,"black")):"-15px 0px 15px 0 ".concat(H.transparentize(.7,"black"));return q.css(Gt||(Gt=ze(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(e===sr||e===ir)&&q.css(Jt||(Jt=ze(["\n        box-shadow: ",";\n      "])),t),(e===sr||e===or)&&"\n        box-shadow: ".concat(r,";\n      "))}function dr(e){var n,t,r=e.children,a=void 0===r?"":r,l=e.className,i=e.language,o=e.darkMode,s=e.showLineNumbers,u=void 0!==s&&s,g=e.lineNumberStart,h=void 0===g?1:g,c=e.showWindowChrome,d=void 0!==c&&c,f=e.chromeTitle,p=void 0===f?"":f,b=e.copyable,m=void 0===b||b,y=e.onCopy,v=e.highlightLines,x=void 0===v?[]:v,k=e.languageOptions,j=e.onChange,w=e.customActionButtons,C=void 0===w?[]:w,N=e.showCustomActionButtons,O=void 0!==N&&N,T=e.usePortal,L=void 0===T||T,P=e.portalClassName,M=e.portalContainer,I=e.scrollContainer,B=e.popoverZIndex,F=Fe(e,Kt),z=S.useRef(null),W=A.useUsingKeyboardContext().usingKeyboard,R=We(S.useState(lr),2),_=R[0],Z=R[1],G=We(S.useState(!1),2),J=G[0],K=G[1],H=S.useMemo((function(){return a.trim().includes("\n")}),[a]),U=A.useDarkMode(o),Q=U.theme,V=U.darkMode,X=C.filter((function(e){return!0===E.isComponentType(e,"IconButton")})),Y=O&&!!X.length,$=null==k?void 0:k.find((function(e){return e.displayName===i})),ee=!d&&(m||!!$||Y),ne=$?$.language:i,te=!!$;S.useEffect((function(){K(m&&je.default.isSupported())}),[m,d]),D.useIsomorphicLayoutEffect((function(){var e=z.current;null!=e&&e.scrollWidth>e.clientWidth&&Z(or)}),[]);var re=xe.default.createElement(Ln,{showLineNumbers:u,lineNumberStart:h,language:ne,highlightLines:x},a);var ae=we.default((function(e){var n=e.target,t=n.scrollWidth,r=n.clientWidth;if(t>r){var a=e.target.scrollLeft,l=t-r;a>0&&a<l?Z(sr):a>0?Z(ir):a<l&&Z(or)}}),50,{leading:!0}),le=Me({popoverZIndex:B},L?{usePortal:L,portalClassName:P,portalContainer:M,scrollContainer:I}:{usePortal:L});return xe.default.createElement(Ce.default,{darkMode:V},xe.default.createElement("div",{className:Ut[Q]},d&&xe.default.createElement(Et,{chromeTitle:p}),xe.default.createElement("div",{className:q.cx(Qt,ur,cr(_,Q),(n={},Ie(n,Xt,te),Ie(n,hr,te),Ie(n,Vt,!ee),Ie(n,gr,!ee),n))},xe.default.createElement("pre",Be({},F,{className:q.cx(Yt,ar(Q),(t={},Ie(t,er,te),Ie(t,$t,!ee),Ie(t,nr,!H),Ie(t,tr,W),t),l),onScroll:function(e){e.persist(),ae(e)},ref:z,tabIndex:_!==lr?0:-1}),re),ee&&xe.default.createElement(wt,Be({className:q.cx(rr),language:$,languageOptions:k,onChange:j,contents:a,onCopy:y,showCopyButton:J,isMultiline:H,customActionButtons:X,showCustomActionButtons:Y},le)))))}dr.displayName="Code",dr.propTypes={children:ke.default.string.isRequired,language:ke.default.oneOfType([ke.default.oneOf(Object.values(He)),ke.default.string]),darkMode:ke.default.bool,className:ke.default.string,showLineNumbers:ke.default.bool,lineNumberStart:ke.default.number,showWindowChrome:ke.default.bool,chromeTitle:ke.default.string,highlightLines:ke.default.arrayOf(ke.default.oneOfType([ke.default.arrayOf(ke.default.number),ke.default.number]))},e.Language=He,e.Mode={Light:"light",Dark:"dark"},e.default=dr,e.variantColors=Ue,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/code",
-  "version": "14.0.0",
+  "version": "14.0.1",
   "description": "leafyGreen UI Kit Code Blocks",
@@ -25,11 +25,11 @@ "main": "./dist/index.js",
     "@leafygreen-ui/a11y": "^1.3.4",
-    "@leafygreen-ui/button": "^19.0.0",
+    "@leafygreen-ui/button": "^19.0.1",
     "@leafygreen-ui/emotion": "^4.0.3",
     "@leafygreen-ui/hooks": "^7.3.3",
-    "@leafygreen-ui/icon": "^11.12.0",
-    "@leafygreen-ui/icon-button": "^15.0.0",
+    "@leafygreen-ui/icon": "^11.12.1",
+    "@leafygreen-ui/icon-button": "^15.0.1",
     "@leafygreen-ui/lib": "^10.0.0",
     "@leafygreen-ui/palette": "^3.4.4",
-    "@leafygreen-ui/select": "^10.0.0",
-    "@leafygreen-ui/tokens": "^1.3.4",
+    "@leafygreen-ui/select": "^10.1.0",
+    "@leafygreen-ui/tokens": "^1.4.0",
     "clipboard": "^2.0.6",
@@ -39,3 +39,4 @@ "facepaint": "^1.2.1",
     "highlightjs-graphql": "^1.0.1",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "polished": "^4.2.2"
   },
@@ -42,0 +43,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

446717

increased by0.27%

Worsened metrics

Dependency count

17

increased by6.25%

Dependency changes

• + Addedpolished@^4.2.2

• Updated@leafygreen-ui/button@^19.0.1

• Updated@leafygreen-ui/icon@^11.12.1

• Updated@leafygreen-ui/icon-button@^15.0.1

• Updated@leafygreen-ui/select@^10.1.0

• Updated@leafygreen-ui/tokens@^1.4.0