@leafygreen-ui/typography - npm Package Compare versions

Comparing version 19.2.0 to 19.2.1

CHANGELOG.md

 # @leafygreen-ui/typography
 
+## 19.2.1
+
+### Patch Changes
+
+- db2d1d12c: Updates the background color of InlineCode component in dark mode from transparent to `gray.dark4`
+- Updated dependencies [cfa830701]
+  - @leafygreen-ui/lib@13.6.1
+
 ## 19.2.0
@@ -4,0 +12,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e,{useState as n,useEffect as t,useMemo as r}from"react";import{css as o,cx as a}from"@leafygreen-ui/emotion";import{useBaseFontSize as i,useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Polymorphic as s,usePolymorphic as d,InferredPolymorphic as c,useInferredPolymorphic as f,hasAnchorProps as u,Polymorph as m}from"@leafygreen-ui/polymorphic";import{fontFamilies as p,color as h,typeScales as g,BaseFontSize as b,fontWeights as y,focusRing as x,transitionDuration as v,spacing as k}from"@leafygreen-ui/tokens";import{Theme as N,createUniqueClassName as w,getNodeTextContent as z}from"@leafygreen-ui/lib";import{palette as F}from"@leafygreen-ui/palette";import S from"prop-types";import E from"@leafygreen-ui/icon/dist/ArrowLeft";import M from"@leafygreen-ui/icon/dist/ArrowRight";import D from"@leafygreen-ui/icon/dist/OpenNewTab";function O(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function j(e,n,t){return(n=O(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(){return B=Object.assign?Object.assign.bind():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},B.apply(this,arguments)}function C(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function H(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function L(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){var r,o,a,i,l=[],s=!0,d=!1;try{if(a=(t=t.call(e)).next,0===n);else for(;!(s=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){d=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(d)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return A(e,n)}(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 A(e,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 I,P,T,W,U,_,R,K,V=o(I||(I=H(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),p.default,h.light.text.primary.default),$=j(j({},b.Body1,o(P||(P=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(T||(T=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body2.fontSize,g.body2.lineHeight)),q=j(j({},b.Body1,o(W||(W=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.code1.fontSize,g.code1.lineHeight)),b.Body2,o(U||(U=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.code2.fontSize,g.code2.lineHeight)),G=j(j({},N.Light,o(_||(_=H(["\n    color: ",";\n  "])),h.light.text.primary.default)),N.Dark,o(R||(R=H(["\n    color: ",";\n  "])),h.dark.text.primary.default)),J=function(e){var n=i();return e?16===e?b.Body2:b.Body1:16===n?b.Body2:b.Body1},Q=["baseFontSize","darkMode","className","weight","as"],X=s((function(n){var t=n.baseFontSize,r=n.darkMode,i=n.className,s=n.weight,c=void 0===s?"regular":s,f=n.as,u=void 0===f?"p":f,m=C(n,Q),p=l(r).theme,h=J(t),g=d(u).Component,b=o(K||(K=H(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),y[c],y.bold);return e.createElement(g,B({className:a(V,$[h],G[p],b,i)},m))}));X.displayName="Body";var Y,Z,ee,ne,te,re,oe,ae={label:"lg-label",description:"lg-description"},ie=function(e){return o(Y||(Y=H(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),h[e].text.secondary.default,p.default,y.regular)},le=function(e){return o(Z||(Z=H(["\n    color: ",";\n  "])),h[e].text.disabled.default)},se=j(j({},b.Body1,o(ee||(ee=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(ne||(ne=H(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),g.body2.fontSize)),de=["baseFontSize","data-lgid","darkMode","disabled","children","className"],ce=function(n){var t=n.baseFontSize,r=n["data-lgid"],o=void 0===r?ae.description:r,i=n.darkMode,s=n.disabled,d=void 0!==s&&s,c=n.children,f=n.className,u=C(n,de),m=l(i).theme,p=J(t);return e.createElement("p",B({"data-lgid":o,className:a(ie(m),se[p],j({},le(m),d),f)},u),c)};ce.displayName="Description";var fe,ue=j(j({},N.Light,o(te||(te=H(["\n    color: ",";\n  "])),h.light.text.secondary.default)),N.Dark,o(re||(re=H(["\n    color: ",";\n  "])),h.dark.text.secondary.default)),me=o(oe||(oe=H(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),pe=["darkMode","children","className"];function he(n){var t=n.darkMode,r=n.children,o=n.className,i=C(n,pe),s=l(t).theme;return e.createElement("small",B({},i,{className:a(V,me,ue[s],o)}),r)}he.displayName="Disclaimer";var ge,be,ye,xe,ve,ke,Ne=function(e){var n=e.theme,t=e.baseFontSize,r=t===b.Body1?g.body1.fontSize:g.body2.fontSize,a=t===b.Body1?g.body1.lineHeight:20;return o(fe||(fe=H(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.default,y.regular,h[n].text.error.default,r,a)},we=["as","darkMode","children","className"],ze=s((function(n){var t=n.as,r=void 0===t?"p":t,o=n.darkMode,i=n.children,s=n.className,c=C(n,we),f=l(o).theme,u=J(),m=d(r).Component;return e.createElement(m,B({},c,{className:a(Ne({theme:f,baseFontSize:u}),s)}),i)})),Fe=o(ge||(ge=H(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),y.regular,p.serif),Se=j(j({},N.Light,o(be||(be=H(["\n    color: ",";\n  "])),F.green.dark2)),N.Dark,o(ye||(ye=H(["\n    color: ",";\n  "])),F.gray.light2)),Ee=["darkMode","className","as"],Me=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h1":o,s=C(n,Ee),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Fe,Se[c],r)},s))}));Me.displayName="H1";var De,Oe=o(xe||(xe=H(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),y.regular,p.serif),je=j(j({},N.Light,o(ve||(ve=H(["\n    color: ",";\n  "])),F.green.dark2)),N.Dark,o(ke||(ke=H(["\n    color: ",";\n  "])),F.gray.light2)),Be=["darkMode","className","as"],Ce=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h2":o,s=C(n,Be),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Oe,je[c],r)},s))}));Ce.displayName="H2";var He,Le,Ae,Ie,Pe,Te,We,Ue,_e,Re,Ke=o(De||(De=H(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),y.medium),Ve=["darkMode","className","as"],$e=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h3":o,s=C(n,Ve),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Ke,G[c],r)},s))}));$e.displayName="H3";var qe,Ge,Je,Qe=w(),Xe=o(He||(He=H(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),p.code,Qe),Ye=j(j({},N.Light,o(Le||(Le=H(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),h.light.background.secondary.default,h.light.border.secondary.default,F.gray.dark3,Qe,F.gray.light2,F.gray.light1)),N.Dark,o(Ae||(Ae=H(["\n    background-color: transparent;\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),F.gray.dark2,F.gray.light1,Qe,F.gray.dark2,F.gray.dark1)),Ze=j(j({},N.Light,o(Ie||(Ie=H(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Qe,x[N.Light].default,F.blue.base)),N.Dark,o(Pe||(Pe=H(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Qe,x[N.Dark].default,F.blue.base)),en=j(j({},N.Light,o(Te||(Te=H(["\n    color: ",";\n  "])),F.blue.base)),N.Dark,o(We||(We=H(["\n    color: ",";\n  "])),F.blue.light1)),nn=o(Ue||(Ue=H(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),tn=o(_e||(_e=H(["\n  white-space: nowrap;\n"]))),rn=o(Re||(Re=H(["\n  white-space: normal;\n"]))),on=["children","className","darkMode","baseFontSize","as"],an=c((function(n,t){var r,o,i=n.children,s=n.className,d=n.darkMode,c=n.baseFontSize,u=n.as,m=C(n,on),p=l(d).theme,h=J(c),g=f(u,m,"code").Component,b=(null!==(r="string"==typeof i&&(null===(o=i.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===o?void 0:o.length))&&void 0!==r?r:0)<=30?tn:rn,y="code"!==g,x=e.createElement("code",{ref:t,className:a(q[h],Xe,Ye[p],Ze[p],b,j({},en[p],y),s)},i);return y?e.createElement(g,B({className:a(Qe,nn,s)},m),x):e.cloneElement(x,m)}));an.displayName="InlineCode",an.propTypes={children:S.node,className:S.string,darkMode:S.bool,baseFontSize:S.oneOf(Object.values(b))};var ln,sn,dn,cn,fn=o(qe||(qe=H(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),p.code),un=j(j({},N.Light,o(Ge||(Ge=H(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),h.light.text.primary.default,F.gray.dark3,F.white)),N.Dark,o(Je||(Je=H(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),h.dark.text.primary.default,F.gray.base,F.gray.dark3)),mn=["baseFontSize","darkMode","children","className"];function pn(n){var t=n.baseFontSize,r=n.darkMode,o=n.children,i=n.className,s=C(n,mn),d=J(t),c=l(r).theme;return e.createElement("code",B({className:a(fn,un[c],q[d],i)},s),o)}pn.displayName="InlineKeyCode";var hn,gn,bn,yn=function(e){return o(ln||(ln=H(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),h[e].text.primary.default,p.default,y.bold)},xn=function(e){return o(sn||(sn=H(["\n    color: ",";\n  "])),h[e].text.disabled.default)},vn=j(j({},b.Body1,o(dn||(dn=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(cn||(cn=H(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),g.body2.fontSize)),kn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Nn=s((function(n){var t=n.baseFontSize,r=n.darkMode,o=n.className,i=n.children,s=n.disabled,c=void 0!==s&&s,f=n.as,u=void 0===f?"label":f,m=n["data-lgid"],p=void 0===m?ae.label:m,h=C(n,kn),g=l(r).theme,b=J(t),y=d(u).Component;return e.createElement(y,B({"data-lgid":p,className:a(yn(g),vn[b],j({},xn(g),c),o)},h),i)}));Nn.displayName="Label";var wn,zn,Fn,Sn,En,Mn,Dn=w(),On=o(hn||(hn=H(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),p.default,v.default),jn=j(j({},N.Light,o(gn||(gn=H(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),F.blue.base,y.regular,F.gray.light2,F.blue.base)),N.Dark,o(bn||(bn=H(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),F.blue.light1,y.bold,F.gray.dark2,F.blue.base)),Bn=function(e){if(e)return $[e]},Cn=o(wn||(wn=H(["\n  gap: ","px;\n  display: inline-flex;\n"])),k[100]),Hn=["children","className","baseFontSize","darkMode","as"],Ln=c((function(n,t){var r=n.children,o=n.className,i=n.baseFontSize,s=n.darkMode,d=n.as,c=C(n,Hn),u=l(s).theme,m=J(i),p=f(d,c,"span").Component;return e.createElement(p,B({className:a(Dn,On,Bn(m),jn[u],Cn,o),ref:t},c),e.createElement(E,{role:"presentation"}),r)})),An=o(zn||(zn=H(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),In=o(Fn||(Fn=H(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),Dn,Dn),Pn=o(Sn||(Sn=H(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Tn="hover",Wn="persist",Un="none",_n=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Rn=c((function(o,i){var s=o.children,d=o.className,c=o.arrowAppearance,m=void 0===c?Un:c,p=o.hideExternalIcon,h=void 0!==p&&p,g=o.baseFontSize,b=o.darkMode,y=o.as,x=C(o,_n),v=L(n(""),2),k=v[0],N=v[1];t((function(){N(window.location.hostname)}),[]);var w,z=l(b).theme,F=J(g),S=f(y,x,"span"),E=S.Component,O=S.as,H=S.rest,A=r((function(){if(u(O,H)){return/^http(s)?:\/\//.test(H.href)?new URL(H.href).hostname:k}}),[O,H,k]),I={target:void 0,rel:void 0};return H.target||H.rel?(I.target=H.target,I.rel=H.rel):"a"===E&&(A===k?I.target="_self":(I.target="_blank",I.rel="noopener noreferrer")),"_blank"!==I.target||h?m!==Un&&(w=e.createElement(M,{role:"presentation",size:12,className:a(j(j({},In,m===Tn),An,m===Wn))})):w=e.createElement(D,{role:"presentation",className:Pn}),e.createElement(E,B({className:a(Dn,On,Bn(F),jn[z],d),ref:i},I,H),e.createElement("span",null,s),w)})),Kn=o(En||(En=H(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),y.bold),Vn=["darkMode","className","as"],$n=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"div":o,s=C(n,Vn),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Kn,G[c],r)},s))}));$n.displayName="Overline";var qn=o(Mn||(Mn=H(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),y.bold),Gn=["darkMode","className","as"],Jn=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h6":o,s=C(n,Gn),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,qn,G[c],r)},s))}));Jn.displayName="Subtitle";var Qn,Xn,Yn=["as","children","maxFontWeight","pseudoElement","className"],Zn=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(Qn||(Qn=H(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),r,t)},et=o(Xn||(Xn=H(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));function nt(n){var t=n.as,r=n.children,o=n.maxFontWeight,i=void 0===o?700:o,l=n.pseudoElement,s=void 0===l?"after":l,d=n.className,c=C(n,Yn),f=z(r);return e.createElement(m,B({className:a(Zn({pseudoElement:s,maxFontWeight:i}),d),as:null!=t?t:"span","data-text":f},c),e.createElement("span",{className:et},r))}export{Ln as BackLink,X as Body,ce as Description,he as Disclaimer,ze as Error,Me as H1,Ce as H2,$e as H3,an as InlineCode,pn as InlineKeyCode,ae as LGIDS_TYPOGRAPHY,Nn as Label,Rn as Link,$n as Overline,nt as StaticWidthText,Jn as Subtitle,Dn as anchorClassName,$ as bodyTypeScaleStyles,vn as labelTypeScaleStyles,J as useUpdatedBaseFontSize};
+import e,{useState as n,useEffect as t,useMemo as r}from"react";import{css as o,cx as a}from"@leafygreen-ui/emotion";import{useBaseFontSize as i,useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Polymorphic as s,usePolymorphic as d,InferredPolymorphic as c,useInferredPolymorphic as f,hasAnchorProps as u,Polymorph as m}from"@leafygreen-ui/polymorphic";import{fontFamilies as p,color as h,typeScales as g,BaseFontSize as b,fontWeights as y,focusRing as x,transitionDuration as v,spacing as k}from"@leafygreen-ui/tokens";import{Theme as N,createUniqueClassName as w,getNodeTextContent as z}from"@leafygreen-ui/lib";import{palette as F}from"@leafygreen-ui/palette";import S from"prop-types";import E from"@leafygreen-ui/icon/dist/ArrowLeft";import M from"@leafygreen-ui/icon/dist/ArrowRight";import D from"@leafygreen-ui/icon/dist/OpenNewTab";function O(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function j(e,n,t){return(n=O(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(){return B=Object.assign?Object.assign.bind():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},B.apply(this,arguments)}function C(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function H(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function L(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){var r,o,a,i,l=[],s=!0,d=!1;try{if(a=(t=t.call(e)).next,0===n);else for(;!(s=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){d=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(d)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return A(e,n)}(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 A(e,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 I,P,T,W,U,_,R,K,V=o(I||(I=H(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),p.default,h.light.text.primary.default),$=j(j({},b.Body1,o(P||(P=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(T||(T=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body2.fontSize,g.body2.lineHeight)),q=j(j({},b.Body1,o(W||(W=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.code1.fontSize,g.code1.lineHeight)),b.Body2,o(U||(U=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.code2.fontSize,g.code2.lineHeight)),G=j(j({},N.Light,o(_||(_=H(["\n    color: ",";\n  "])),h.light.text.primary.default)),N.Dark,o(R||(R=H(["\n    color: ",";\n  "])),h.dark.text.primary.default)),J=function(e){var n=i();return e?16===e?b.Body2:b.Body1:16===n?b.Body2:b.Body1},Q=["baseFontSize","darkMode","className","weight","as"],X=s((function(n){var t=n.baseFontSize,r=n.darkMode,i=n.className,s=n.weight,c=void 0===s?"regular":s,f=n.as,u=void 0===f?"p":f,m=C(n,Q),p=l(r).theme,h=J(t),g=d(u).Component,b=o(K||(K=H(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),y[c],y.bold);return e.createElement(g,B({className:a(V,$[h],G[p],b,i)},m))}));X.displayName="Body";var Y,Z,ee,ne,te,re,oe,ae={label:"lg-label",description:"lg-description"},ie=function(e){return o(Y||(Y=H(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),h[e].text.secondary.default,p.default,y.regular)},le=function(e){return o(Z||(Z=H(["\n    color: ",";\n  "])),h[e].text.disabled.default)},se=j(j({},b.Body1,o(ee||(ee=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(ne||(ne=H(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),g.body2.fontSize)),de=["baseFontSize","data-lgid","darkMode","disabled","children","className"],ce=function(n){var t=n.baseFontSize,r=n["data-lgid"],o=void 0===r?ae.description:r,i=n.darkMode,s=n.disabled,d=void 0!==s&&s,c=n.children,f=n.className,u=C(n,de),m=l(i).theme,p=J(t);return e.createElement("p",B({"data-lgid":o,className:a(ie(m),se[p],j({},le(m),d),f)},u),c)};ce.displayName="Description";var fe,ue=j(j({},N.Light,o(te||(te=H(["\n    color: ",";\n  "])),h.light.text.secondary.default)),N.Dark,o(re||(re=H(["\n    color: ",";\n  "])),h.dark.text.secondary.default)),me=o(oe||(oe=H(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),pe=["darkMode","children","className"];function he(n){var t=n.darkMode,r=n.children,o=n.className,i=C(n,pe),s=l(t).theme;return e.createElement("small",B({},i,{className:a(V,me,ue[s],o)}),r)}he.displayName="Disclaimer";var ge,be,ye,xe,ve,ke,Ne=function(e){var n=e.theme,t=e.baseFontSize,r=t===b.Body1?g.body1.fontSize:g.body2.fontSize,a=t===b.Body1?g.body1.lineHeight:20;return o(fe||(fe=H(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.default,y.regular,h[n].text.error.default,r,a)},we=["as","darkMode","children","className"],ze=s((function(n){var t=n.as,r=void 0===t?"p":t,o=n.darkMode,i=n.children,s=n.className,c=C(n,we),f=l(o).theme,u=J(),m=d(r).Component;return e.createElement(m,B({},c,{className:a(Ne({theme:f,baseFontSize:u}),s)}),i)})),Fe=o(ge||(ge=H(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),y.regular,p.serif),Se=j(j({},N.Light,o(be||(be=H(["\n    color: ",";\n  "])),F.green.dark2)),N.Dark,o(ye||(ye=H(["\n    color: ",";\n  "])),F.gray.light2)),Ee=["darkMode","className","as"],Me=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h1":o,s=C(n,Ee),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Fe,Se[c],r)},s))}));Me.displayName="H1";var De,Oe=o(xe||(xe=H(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),y.regular,p.serif),je=j(j({},N.Light,o(ve||(ve=H(["\n    color: ",";\n  "])),F.green.dark2)),N.Dark,o(ke||(ke=H(["\n    color: ",";\n  "])),F.gray.light2)),Be=["darkMode","className","as"],Ce=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h2":o,s=C(n,Be),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Oe,je[c],r)},s))}));Ce.displayName="H2";var He,Le,Ae,Ie,Pe,Te,We,Ue,_e,Re,Ke=o(De||(De=H(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),y.medium),Ve=["darkMode","className","as"],$e=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h3":o,s=C(n,Ve),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Ke,G[c],r)},s))}));$e.displayName="H3";var qe,Ge,Je,Qe=w(),Xe=o(He||(He=H(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),p.code,Qe),Ye=j(j({},N.Light,o(Le||(Le=H(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),h.light.background.secondary.default,h.light.border.secondary.default,F.gray.dark3,Qe,F.gray.light2,F.gray.light1)),N.Dark,o(Ae||(Ae=H(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),h.dark.background.secondary.default,F.gray.dark2,F.gray.light1,Qe,F.gray.dark2,F.gray.dark1)),Ze=j(j({},N.Light,o(Ie||(Ie=H(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Qe,x[N.Light].default,F.blue.base)),N.Dark,o(Pe||(Pe=H(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Qe,x[N.Dark].default,F.blue.base)),en=j(j({},N.Light,o(Te||(Te=H(["\n    color: ",";\n  "])),F.blue.base)),N.Dark,o(We||(We=H(["\n    color: ",";\n  "])),F.blue.light1)),nn=o(Ue||(Ue=H(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),tn=o(_e||(_e=H(["\n  white-space: nowrap;\n"]))),rn=o(Re||(Re=H(["\n  white-space: normal;\n"]))),on=["children","className","darkMode","baseFontSize","as"],an=c((function(n,t){var r,o,i=n.children,s=n.className,d=n.darkMode,c=n.baseFontSize,u=n.as,m=C(n,on),p=l(d).theme,h=J(c),g=f(u,m,"code").Component,b=(null!==(r="string"==typeof i&&(null===(o=i.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===o?void 0:o.length))&&void 0!==r?r:0)<=30?tn:rn,y="code"!==g,x=e.createElement("code",{ref:t,className:a(q[h],Xe,Ye[p],Ze[p],b,j({},en[p],y),s)},i);return y?e.createElement(g,B({className:a(Qe,nn,s)},m),x):e.cloneElement(x,m)}));an.displayName="InlineCode",an.propTypes={children:S.node,className:S.string,darkMode:S.bool,baseFontSize:S.oneOf(Object.values(b))};var ln,sn,dn,cn,fn=o(qe||(qe=H(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),p.code),un=j(j({},N.Light,o(Ge||(Ge=H(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),h.light.text.primary.default,F.gray.dark3,F.white)),N.Dark,o(Je||(Je=H(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),h.dark.text.primary.default,F.gray.base,F.gray.dark3)),mn=["baseFontSize","darkMode","children","className"];function pn(n){var t=n.baseFontSize,r=n.darkMode,o=n.children,i=n.className,s=C(n,mn),d=J(t),c=l(r).theme;return e.createElement("code",B({className:a(fn,un[c],q[d],i)},s),o)}pn.displayName="InlineKeyCode";var hn,gn,bn,yn=function(e){return o(ln||(ln=H(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),h[e].text.primary.default,p.default,y.bold)},xn=function(e){return o(sn||(sn=H(["\n    color: ",";\n  "])),h[e].text.disabled.default)},vn=j(j({},b.Body1,o(dn||(dn=H(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),g.body1.fontSize,g.body1.lineHeight)),b.Body2,o(cn||(cn=H(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),g.body2.fontSize)),kn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Nn=s((function(n){var t=n.baseFontSize,r=n.darkMode,o=n.className,i=n.children,s=n.disabled,c=void 0!==s&&s,f=n.as,u=void 0===f?"label":f,m=n["data-lgid"],p=void 0===m?ae.label:m,h=C(n,kn),g=l(r).theme,b=J(t),y=d(u).Component;return e.createElement(y,B({"data-lgid":p,className:a(yn(g),vn[b],j({},xn(g),c),o)},h),i)}));Nn.displayName="Label";var wn,zn,Fn,Sn,En,Mn,Dn=w(),On=o(hn||(hn=H(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),p.default,v.default),jn=j(j({},N.Light,o(gn||(gn=H(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),F.blue.base,y.regular,F.gray.light2,F.blue.base)),N.Dark,o(bn||(bn=H(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),F.blue.light1,y.bold,F.gray.dark2,F.blue.base)),Bn=function(e){if(e)return $[e]},Cn=o(wn||(wn=H(["\n  gap: ","px;\n  display: inline-flex;\n"])),k[100]),Hn=["children","className","baseFontSize","darkMode","as"],Ln=c((function(n,t){var r=n.children,o=n.className,i=n.baseFontSize,s=n.darkMode,d=n.as,c=C(n,Hn),u=l(s).theme,m=J(i),p=f(d,c,"span").Component;return e.createElement(p,B({className:a(Dn,On,Bn(m),jn[u],Cn,o),ref:t},c),e.createElement(E,{role:"presentation"}),r)})),An=o(zn||(zn=H(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),In=o(Fn||(Fn=H(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),Dn,Dn),Pn=o(Sn||(Sn=H(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Tn="hover",Wn="persist",Un="none",_n=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Rn=c((function(o,i){var s=o.children,d=o.className,c=o.arrowAppearance,m=void 0===c?Un:c,p=o.hideExternalIcon,h=void 0!==p&&p,g=o.baseFontSize,b=o.darkMode,y=o.as,x=C(o,_n),v=L(n(""),2),k=v[0],N=v[1];t((function(){N(window.location.hostname)}),[]);var w,z=l(b).theme,F=J(g),S=f(y,x,"span"),E=S.Component,O=S.as,H=S.rest,A=r((function(){if(u(O,H)){return/^http(s)?:\/\//.test(H.href)?new URL(H.href).hostname:k}}),[O,H,k]),I={target:void 0,rel:void 0};return H.target||H.rel?(I.target=H.target,I.rel=H.rel):"a"===E&&(A===k?I.target="_self":(I.target="_blank",I.rel="noopener noreferrer")),"_blank"!==I.target||h?m!==Un&&(w=e.createElement(M,{role:"presentation",size:12,className:a(j(j({},In,m===Tn),An,m===Wn))})):w=e.createElement(D,{role:"presentation",className:Pn}),e.createElement(E,B({className:a(Dn,On,Bn(F),jn[z],d),ref:i},I,H),e.createElement("span",null,s),w)})),Kn=o(En||(En=H(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),y.bold),Vn=["darkMode","className","as"],$n=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"div":o,s=C(n,Vn),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,Kn,G[c],r)},s))}));$n.displayName="Overline";var qn=o(Mn||(Mn=H(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),y.bold),Gn=["darkMode","className","as"],Jn=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h6":o,s=C(n,Gn),c=l(t).theme,f=d(i).Component;return e.createElement(f,B({className:a(V,qn,G[c],r)},s))}));Jn.displayName="Subtitle";var Qn,Xn,Yn=["as","children","maxFontWeight","pseudoElement","className"],Zn=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(Qn||(Qn=H(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),r,t)},et=o(Xn||(Xn=H(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));function nt(n){var t=n.as,r=n.children,o=n.maxFontWeight,i=void 0===o?700:o,l=n.pseudoElement,s=void 0===l?"after":l,d=n.className,c=C(n,Yn),f=z(r);return e.createElement(m,B({className:a(Zn({pseudoElement:s,maxFontWeight:i}),d),as:null!=t?t:"span","data-text":f},c),e.createElement("span",{className:et},r))}export{Ln as BackLink,X as Body,ce as Description,he as Disclaimer,ze as Error,Me as H1,Ce as H2,$e as H3,an as InlineCode,pn as InlineKeyCode,ae as LGIDS_TYPOGRAPHY,Nn as Label,Rn as Link,$n as Overline,nt as StaticWidthText,Jn as Subtitle,Dn as anchorClassName,$ as bodyTypeScaleStyles,vn as labelTypeScaleStyles,J as useUpdatedBaseFontSize};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/polymorphic"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("prop-types"),require("@leafygreen-ui/icon/dist/ArrowLeft"),require("@leafygreen-ui/icon/dist/ArrowRight"),require("@leafygreen-ui/icon/dist/OpenNewTab")):"function"==typeof define&&define.amd?define(["exports","react","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/polymorphic","@leafygreen-ui/tokens","@leafygreen-ui/lib","@leafygreen-ui/palette","prop-types","@leafygreen-ui/icon/dist/ArrowLeft","@leafygreen-ui/icon/dist/ArrowRight","@leafygreen-ui/icon/dist/OpenNewTab"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/typography"]={},e.React,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/polymorphic"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.PropTypes,e.ArrowLeft,e.ArrowRight,e.OpenNewTab)}(this,(function(e,n,t,a,o,r,i,l,s,c,d,u){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,h,m,y,g,b,x,v=f(n),k=f(s),S=f(c),F=f(d),N=f(u);function z(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function w(e,n,t){return(n=z(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},M.apply(this,arguments)}function D(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function B(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function E(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){var a,o,r,i,l=[],s=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n);else for(;!(s=(a=r.call(t)).done)&&(l.push(a.value),l.length!==n);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return P(e,n)}(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 P(e,n){n>e.length&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var T,O=t.css(p||(p=B(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),r.fontFamilies.default,r.color.light.text.primary.default),C=w(w({},r.BaseFontSize.Body1,t.css(h||(h=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(m||(m=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body2.fontSize,r.typeScales.body2.lineHeight)),j=w(w({},r.BaseFontSize.Body1,t.css(y||(y=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.code1.fontSize,r.typeScales.code1.lineHeight)),r.BaseFontSize.Body2,t.css(g||(g=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.code2.fontSize,r.typeScales.code2.lineHeight)),L=w(w({},i.Theme.Light,t.css(b||(b=B(["\n    color: ",";\n  "])),r.color.light.text.primary.default)),i.Theme.Dark,t.css(x||(x=B(["\n    color: ",";\n  "])),r.color.dark.text.primary.default)),H=function(e){var n=a.useBaseFontSize();return e?16===e?r.BaseFontSize.Body2:r.BaseFontSize.Body1:16===n?r.BaseFontSize.Body2:r.BaseFontSize.Body1},I=["baseFontSize","darkMode","className","weight","as"],A=o.Polymorphic((function(e){var n=e.baseFontSize,i=e.darkMode,l=e.className,s=e.weight,c=void 0===s?"regular":s,d=e.as,u=void 0===d?"p":d,f=D(e,I),p=a.useDarkMode(i).theme,h=H(n),m=o.usePolymorphic(u).Component,y=t.css(T||(T=B(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),r.fontWeights[c],r.fontWeights.bold);return v.default.createElement(m,M({className:t.cx(O,C[h],L[p],y,l)},f))}));A.displayName="Body";var W,q,R,U,_,G,K,Y={label:"lg-label",description:"lg-description"},V=function(e){return t.css(W||(W=B(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),r.color[e].text.secondary.default,r.fontFamilies.default,r.fontWeights.regular)},$=function(e){return t.css(q||(q=B(["\n    color: ",";\n  "])),r.color[e].text.disabled.default)},J=w(w({},r.BaseFontSize.Body1,t.css(R||(R=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(U||(U=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),r.typeScales.body2.fontSize)),Q=["baseFontSize","data-lgid","darkMode","disabled","children","className"],X=function(e){var n=e.baseFontSize,o=e["data-lgid"],r=void 0===o?Y.description:o,i=e.darkMode,l=e.disabled,s=void 0!==l&&l,c=e.children,d=e.className,u=D(e,Q),f=a.useDarkMode(i).theme,p=H(n);return v.default.createElement("p",M({"data-lgid":r,className:t.cx(V(f),J[p],w({},$(f),s),d)},u),c)};X.displayName="Description";var Z,ee=w(w({},i.Theme.Light,t.css(_||(_=B(["\n    color: ",";\n  "])),r.color.light.text.secondary.default)),i.Theme.Dark,t.css(G||(G=B(["\n    color: ",";\n  "])),r.color.dark.text.secondary.default)),ne=t.css(K||(K=B(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),te=["darkMode","children","className"];function ae(e){var n=e.darkMode,o=e.children,r=e.className,i=D(e,te),l=a.useDarkMode(n).theme;return v.default.createElement("small",M({},i,{className:t.cx(O,ne,ee[l],r)}),o)}ae.displayName="Disclaimer";var oe,re,ie,le,se,ce,de=function(e){var n=e.theme,a=e.baseFontSize,o=a===r.BaseFontSize.Body1?r.typeScales.body1.fontSize:r.typeScales.body2.fontSize,i=a===r.BaseFontSize.Body1?r.typeScales.body1.lineHeight:20;return t.css(Z||(Z=B(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.fontFamilies.default,r.fontWeights.regular,r.color[n].text.error.default,o,i)},ue=["as","darkMode","children","className"],fe=o.Polymorphic((function(e){var n=e.as,r=void 0===n?"p":n,i=e.darkMode,l=e.children,s=e.className,c=D(e,ue),d=a.useDarkMode(i).theme,u=H(),f=o.usePolymorphic(r).Component;return v.default.createElement(f,M({},c,{className:t.cx(de({theme:d,baseFontSize:u}),s)}),l)})),pe=t.css(oe||(oe=B(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),r.fontWeights.regular,r.fontFamilies.serif),he=w(w({},i.Theme.Light,t.css(re||(re=B(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ie||(ie=B(["\n    color: ",";\n  "])),l.palette.gray.light2)),me=["darkMode","className","as"],ye=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h1":i,s=D(e,me),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,pe,he[c],r)},s))}));ye.displayName="H1";var ge,be=t.css(le||(le=B(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),r.fontWeights.regular,r.fontFamilies.serif),xe=w(w({},i.Theme.Light,t.css(se||(se=B(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ce||(ce=B(["\n    color: ",";\n  "])),l.palette.gray.light2)),ve=["darkMode","className","as"],ke=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h2":i,s=D(e,ve),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,be,xe[c],r)},s))}));ke.displayName="H2";var Se,Fe,Ne,ze,we,Me,De,Be,Ee,Pe,Te=t.css(ge||(ge=B(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),r.fontWeights.medium),Oe=["darkMode","className","as"],Ce=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h3":i,s=D(e,Oe),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,Te,L[c],r)},s))}));Ce.displayName="H3";var je,Le,He,Ie=i.createUniqueClassName(),Ae=t.css(Se||(Se=B(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),r.fontFamilies.code,Ie),We=w(w({},i.Theme.Light,t.css(Fe||(Fe=B(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),r.color.light.background.secondary.default,r.color.light.border.secondary.default,l.palette.gray.dark3,Ie,l.palette.gray.light2,l.palette.gray.light1)),i.Theme.Dark,t.css(Ne||(Ne=B(["\n    background-color: transparent;\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),l.palette.gray.dark2,l.palette.gray.light1,Ie,l.palette.gray.dark2,l.palette.gray.dark1)),qe=w(w({},i.Theme.Light,t.css(ze||(ze=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Ie,r.focusRing[i.Theme.Light].default,l.palette.blue.base)),i.Theme.Dark,t.css(we||(we=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Ie,r.focusRing[i.Theme.Dark].default,l.palette.blue.base)),Re=w(w({},i.Theme.Light,t.css(Me||(Me=B(["\n    color: ",";\n  "])),l.palette.blue.base)),i.Theme.Dark,t.css(De||(De=B(["\n    color: ",";\n  "])),l.palette.blue.light1)),Ue=t.css(Be||(Be=B(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),_e=t.css(Ee||(Ee=B(["\n  white-space: nowrap;\n"]))),Ge=t.css(Pe||(Pe=B(["\n  white-space: normal;\n"]))),Ke=["children","className","darkMode","baseFontSize","as"],Ye=o.InferredPolymorphic((function(e,n){var r,i,l=e.children,s=e.className,c=e.darkMode,d=e.baseFontSize,u=e.as,f=D(e,Ke),p=a.useDarkMode(c).theme,h=H(d),m=o.useInferredPolymorphic(u,f,"code").Component,y=(null!==(r="string"==typeof l&&(null===(i=l.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===i?void 0:i.length))&&void 0!==r?r:0)<=30?_e:Ge,g="code"!==m,b=v.default.createElement("code",{ref:n,className:t.cx(j[h],Ae,We[p],qe[p],y,w({},Re[p],g),s)},l);return g?v.default.createElement(m,M({className:t.cx(Ie,Ue,s)},f),b):v.default.cloneElement(b,f)}));Ye.displayName="InlineCode",Ye.propTypes={children:k.default.node,className:k.default.string,darkMode:k.default.bool,baseFontSize:k.default.oneOf(Object.values(r.BaseFontSize))};var Ve,$e,Je,Qe,Xe=t.css(je||(je=B(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),r.fontFamilies.code),Ze=w(w({},i.Theme.Light,t.css(Le||(Le=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),r.color.light.text.primary.default,l.palette.gray.dark3,l.palette.white)),i.Theme.Dark,t.css(He||(He=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),r.color.dark.text.primary.default,l.palette.gray.base,l.palette.gray.dark3)),en=["baseFontSize","darkMode","children","className"];function nn(e){var n=e.baseFontSize,o=e.darkMode,r=e.children,i=e.className,l=D(e,en),s=H(n),c=a.useDarkMode(o).theme;return v.default.createElement("code",M({className:t.cx(Xe,Ze[c],j[s],i)},l),r)}nn.displayName="InlineKeyCode";var tn,an,on,rn=function(e){return t.css(Ve||(Ve=B(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),r.color[e].text.primary.default,r.fontFamilies.default,r.fontWeights.bold)},ln=function(e){return t.css($e||($e=B(["\n    color: ",";\n  "])),r.color[e].text.disabled.default)},sn=w(w({},r.BaseFontSize.Body1,t.css(Je||(Je=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(Qe||(Qe=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),r.typeScales.body2.fontSize)),cn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],dn=o.Polymorphic((function(e){var n=e.baseFontSize,r=e.darkMode,i=e.className,l=e.children,s=e.disabled,c=void 0!==s&&s,d=e.as,u=void 0===d?"label":d,f=e["data-lgid"],p=void 0===f?Y.label:f,h=D(e,cn),m=a.useDarkMode(r).theme,y=H(n),g=o.usePolymorphic(u).Component;return v.default.createElement(g,M({"data-lgid":p,className:t.cx(rn(m),sn[y],w({},ln(m),c),i)},h),l)}));dn.displayName="Label";var un,fn,pn,hn,mn,yn,gn=i.createUniqueClassName(),bn=t.css(tn||(tn=B(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),r.fontFamilies.default,r.transitionDuration.default),xn=w(w({},i.Theme.Light,t.css(an||(an=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.base,r.fontWeights.regular,l.palette.gray.light2,l.palette.blue.base)),i.Theme.Dark,t.css(on||(on=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.light1,r.fontWeights.bold,l.palette.gray.dark2,l.palette.blue.base)),vn=function(e){if(e)return C[e]},kn=t.css(un||(un=B(["\n  gap: ","px;\n  display: inline-flex;\n"])),r.spacing[100]),Sn=["children","className","baseFontSize","darkMode","as"],Fn=o.InferredPolymorphic((function(e,n){var r=e.children,i=e.className,l=e.baseFontSize,s=e.darkMode,c=e.as,d=D(e,Sn),u=a.useDarkMode(s).theme,f=H(l),p=o.useInferredPolymorphic(c,d,"span").Component;return v.default.createElement(p,M({className:t.cx(gn,bn,vn(f),xn[u],kn,i),ref:n},d),v.default.createElement(S.default,{role:"presentation"}),r)})),Nn=t.css(fn||(fn=B(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),zn=t.css(pn||(pn=B(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),gn,gn),wn=t.css(hn||(hn=B(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Mn="hover",Dn="persist",Bn="none",En=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Pn=o.InferredPolymorphic((function(e,r){var i=e.children,l=e.className,s=e.arrowAppearance,c=void 0===s?Bn:s,d=e.hideExternalIcon,u=void 0!==d&&d,f=e.baseFontSize,p=e.darkMode,h=e.as,m=D(e,En),y=E(n.useState(""),2),g=y[0],b=y[1];n.useEffect((function(){b(window.location.hostname)}),[]);var x,k=a.useDarkMode(p).theme,S=H(f),z=o.useInferredPolymorphic(h,m,"span"),B=z.Component,P=z.as,T=z.rest,O=n.useMemo((function(){if(o.hasAnchorProps(P,T)){return/^http(s)?:\/\//.test(T.href)?new URL(T.href).hostname:g}}),[P,T,g]),C={target:void 0,rel:void 0};return T.target||T.rel?(C.target=T.target,C.rel=T.rel):"a"===B&&(O===g?C.target="_self":(C.target="_blank",C.rel="noopener noreferrer")),"_blank"!==C.target||u?c!==Bn&&(x=v.default.createElement(F.default,{role:"presentation",size:12,className:t.cx(w(w({},zn,c===Mn),Nn,c===Dn))})):x=v.default.createElement(N.default,{role:"presentation",className:wn}),v.default.createElement(B,M({className:t.cx(gn,bn,vn(S),xn[k],l),ref:r},C,T),v.default.createElement("span",null,i),x)})),Tn=t.css(mn||(mn=B(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),r.fontWeights.bold),On=["darkMode","className","as"],Cn=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"div":i,s=D(e,On),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,Tn,L[c],r)},s))}));Cn.displayName="Overline";var jn=t.css(yn||(yn=B(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),r.fontWeights.bold),Ln=["darkMode","className","as"],Hn=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h6":i,s=D(e,Ln),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,jn,L[c],r)},s))}));Hn.displayName="Subtitle";var In,An,Wn=["as","children","maxFontWeight","pseudoElement","className"],qn=function(e){var n=e.pseudoElement,a=e.maxFontWeight,o="&:".concat(n);return t.css(In||(In=B(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),o,a)},Rn=t.css(An||(An=B(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));e.BackLink=Fn,e.Body=A,e.Description=X,e.Disclaimer=ae,e.Error=fe,e.H1=ye,e.H2=ke,e.H3=Ce,e.InlineCode=Ye,e.InlineKeyCode=nn,e.LGIDS_TYPOGRAPHY=Y,e.Label=dn,e.Link=Pn,e.Overline=Cn,e.StaticWidthText=function(e){var n=e.as,a=e.children,r=e.maxFontWeight,l=void 0===r?700:r,s=e.pseudoElement,c=void 0===s?"after":s,d=e.className,u=D(e,Wn),f=i.getNodeTextContent(a);return v.default.createElement(o.Polymorph,M({className:t.cx(qn({pseudoElement:c,maxFontWeight:l}),d),as:null!=n?n:"span","data-text":f},u),v.default.createElement("span",{className:Rn},a))},e.Subtitle=Hn,e.anchorClassName=gn,e.bodyTypeScaleStyles=C,e.labelTypeScaleStyles=sn,e.useUpdatedBaseFontSize=H}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/polymorphic"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("prop-types"),require("@leafygreen-ui/icon/dist/ArrowLeft"),require("@leafygreen-ui/icon/dist/ArrowRight"),require("@leafygreen-ui/icon/dist/OpenNewTab")):"function"==typeof define&&define.amd?define(["exports","react","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/polymorphic","@leafygreen-ui/tokens","@leafygreen-ui/lib","@leafygreen-ui/palette","prop-types","@leafygreen-ui/icon/dist/ArrowLeft","@leafygreen-ui/icon/dist/ArrowRight","@leafygreen-ui/icon/dist/OpenNewTab"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/typography"]={},e.React,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/polymorphic"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e.PropTypes,e.ArrowLeft,e.ArrowRight,e.OpenNewTab)}(this,(function(e,n,t,a,o,r,i,l,s,c,d,u){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,h,m,y,g,b,x,v=f(n),k=f(s),S=f(c),F=f(d),N=f(u);function z(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function w(e,n,t){return(n=z(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},M.apply(this,arguments)}function D(e,n){if(null==e)return{};var t,a,o=function(e,n){if(null==e)return{};var t,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function B(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function E(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){var a,o,r,i,l=[],s=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n);else for(;!(s=(a=r.call(t)).done)&&(l.push(a.value),l.length!==n);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return P(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return P(e,n)}(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 P(e,n){n>e.length&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}var T,O=t.css(p||(p=B(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),r.fontFamilies.default,r.color.light.text.primary.default),C=w(w({},r.BaseFontSize.Body1,t.css(h||(h=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(m||(m=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body2.fontSize,r.typeScales.body2.lineHeight)),j=w(w({},r.BaseFontSize.Body1,t.css(y||(y=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.code1.fontSize,r.typeScales.code1.lineHeight)),r.BaseFontSize.Body2,t.css(g||(g=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.code2.fontSize,r.typeScales.code2.lineHeight)),L=w(w({},i.Theme.Light,t.css(b||(b=B(["\n    color: ",";\n  "])),r.color.light.text.primary.default)),i.Theme.Dark,t.css(x||(x=B(["\n    color: ",";\n  "])),r.color.dark.text.primary.default)),H=function(e){var n=a.useBaseFontSize();return e?16===e?r.BaseFontSize.Body2:r.BaseFontSize.Body1:16===n?r.BaseFontSize.Body2:r.BaseFontSize.Body1},I=["baseFontSize","darkMode","className","weight","as"],A=o.Polymorphic((function(e){var n=e.baseFontSize,i=e.darkMode,l=e.className,s=e.weight,c=void 0===s?"regular":s,d=e.as,u=void 0===d?"p":d,f=D(e,I),p=a.useDarkMode(i).theme,h=H(n),m=o.usePolymorphic(u).Component,y=t.css(T||(T=B(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),r.fontWeights[c],r.fontWeights.bold);return v.default.createElement(m,M({className:t.cx(O,C[h],L[p],y,l)},f))}));A.displayName="Body";var W,q,R,U,_,G,K,Y={label:"lg-label",description:"lg-description"},V=function(e){return t.css(W||(W=B(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),r.color[e].text.secondary.default,r.fontFamilies.default,r.fontWeights.regular)},$=function(e){return t.css(q||(q=B(["\n    color: ",";\n  "])),r.color[e].text.disabled.default)},J=w(w({},r.BaseFontSize.Body1,t.css(R||(R=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(U||(U=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),r.typeScales.body2.fontSize)),Q=["baseFontSize","data-lgid","darkMode","disabled","children","className"],X=function(e){var n=e.baseFontSize,o=e["data-lgid"],r=void 0===o?Y.description:o,i=e.darkMode,l=e.disabled,s=void 0!==l&&l,c=e.children,d=e.className,u=D(e,Q),f=a.useDarkMode(i).theme,p=H(n);return v.default.createElement("p",M({"data-lgid":r,className:t.cx(V(f),J[p],w({},$(f),s),d)},u),c)};X.displayName="Description";var Z,ee=w(w({},i.Theme.Light,t.css(_||(_=B(["\n    color: ",";\n  "])),r.color.light.text.secondary.default)),i.Theme.Dark,t.css(G||(G=B(["\n    color: ",";\n  "])),r.color.dark.text.secondary.default)),ne=t.css(K||(K=B(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),te=["darkMode","children","className"];function ae(e){var n=e.darkMode,o=e.children,r=e.className,i=D(e,te),l=a.useDarkMode(n).theme;return v.default.createElement("small",M({},i,{className:t.cx(O,ne,ee[l],r)}),o)}ae.displayName="Disclaimer";var oe,re,ie,le,se,ce,de=function(e){var n=e.theme,a=e.baseFontSize,o=a===r.BaseFontSize.Body1?r.typeScales.body1.fontSize:r.typeScales.body2.fontSize,i=a===r.BaseFontSize.Body1?r.typeScales.body1.lineHeight:20;return t.css(Z||(Z=B(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.fontFamilies.default,r.fontWeights.regular,r.color[n].text.error.default,o,i)},ue=["as","darkMode","children","className"],fe=o.Polymorphic((function(e){var n=e.as,r=void 0===n?"p":n,i=e.darkMode,l=e.children,s=e.className,c=D(e,ue),d=a.useDarkMode(i).theme,u=H(),f=o.usePolymorphic(r).Component;return v.default.createElement(f,M({},c,{className:t.cx(de({theme:d,baseFontSize:u}),s)}),l)})),pe=t.css(oe||(oe=B(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),r.fontWeights.regular,r.fontFamilies.serif),he=w(w({},i.Theme.Light,t.css(re||(re=B(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ie||(ie=B(["\n    color: ",";\n  "])),l.palette.gray.light2)),me=["darkMode","className","as"],ye=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h1":i,s=D(e,me),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,pe,he[c],r)},s))}));ye.displayName="H1";var ge,be=t.css(le||(le=B(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),r.fontWeights.regular,r.fontFamilies.serif),xe=w(w({},i.Theme.Light,t.css(se||(se=B(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ce||(ce=B(["\n    color: ",";\n  "])),l.palette.gray.light2)),ve=["darkMode","className","as"],ke=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h2":i,s=D(e,ve),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,be,xe[c],r)},s))}));ke.displayName="H2";var Se,Fe,Ne,ze,we,Me,De,Be,Ee,Pe,Te=t.css(ge||(ge=B(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),r.fontWeights.medium),Oe=["darkMode","className","as"],Ce=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h3":i,s=D(e,Oe),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,Te,L[c],r)},s))}));Ce.displayName="H3";var je,Le,He,Ie=i.createUniqueClassName(),Ae=t.css(Se||(Se=B(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),r.fontFamilies.code,Ie),We=w(w({},i.Theme.Light,t.css(Fe||(Fe=B(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),r.color.light.background.secondary.default,r.color.light.border.secondary.default,l.palette.gray.dark3,Ie,l.palette.gray.light2,l.palette.gray.light1)),i.Theme.Dark,t.css(Ne||(Ne=B(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),r.color.dark.background.secondary.default,l.palette.gray.dark2,l.palette.gray.light1,Ie,l.palette.gray.dark2,l.palette.gray.dark1)),qe=w(w({},i.Theme.Light,t.css(ze||(ze=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Ie,r.focusRing[i.Theme.Light].default,l.palette.blue.base)),i.Theme.Dark,t.css(we||(we=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),Ie,r.focusRing[i.Theme.Dark].default,l.palette.blue.base)),Re=w(w({},i.Theme.Light,t.css(Me||(Me=B(["\n    color: ",";\n  "])),l.palette.blue.base)),i.Theme.Dark,t.css(De||(De=B(["\n    color: ",";\n  "])),l.palette.blue.light1)),Ue=t.css(Be||(Be=B(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),_e=t.css(Ee||(Ee=B(["\n  white-space: nowrap;\n"]))),Ge=t.css(Pe||(Pe=B(["\n  white-space: normal;\n"]))),Ke=["children","className","darkMode","baseFontSize","as"],Ye=o.InferredPolymorphic((function(e,n){var r,i,l=e.children,s=e.className,c=e.darkMode,d=e.baseFontSize,u=e.as,f=D(e,Ke),p=a.useDarkMode(c).theme,h=H(d),m=o.useInferredPolymorphic(u,f,"code").Component,y=(null!==(r="string"==typeof l&&(null===(i=l.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===i?void 0:i.length))&&void 0!==r?r:0)<=30?_e:Ge,g="code"!==m,b=v.default.createElement("code",{ref:n,className:t.cx(j[h],Ae,We[p],qe[p],y,w({},Re[p],g),s)},l);return g?v.default.createElement(m,M({className:t.cx(Ie,Ue,s)},f),b):v.default.cloneElement(b,f)}));Ye.displayName="InlineCode",Ye.propTypes={children:k.default.node,className:k.default.string,darkMode:k.default.bool,baseFontSize:k.default.oneOf(Object.values(r.BaseFontSize))};var Ve,$e,Je,Qe,Xe=t.css(je||(je=B(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),r.fontFamilies.code),Ze=w(w({},i.Theme.Light,t.css(Le||(Le=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),r.color.light.text.primary.default,l.palette.gray.dark3,l.palette.white)),i.Theme.Dark,t.css(He||(He=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),r.color.dark.text.primary.default,l.palette.gray.base,l.palette.gray.dark3)),en=["baseFontSize","darkMode","children","className"];function nn(e){var n=e.baseFontSize,o=e.darkMode,r=e.children,i=e.className,l=D(e,en),s=H(n),c=a.useDarkMode(o).theme;return v.default.createElement("code",M({className:t.cx(Xe,Ze[c],j[s],i)},l),r)}nn.displayName="InlineKeyCode";var tn,an,on,rn=function(e){return t.css(Ve||(Ve=B(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),r.color[e].text.primary.default,r.fontFamilies.default,r.fontWeights.bold)},ln=function(e){return t.css($e||($e=B(["\n    color: ",";\n  "])),r.color[e].text.disabled.default)},sn=w(w({},r.BaseFontSize.Body1,t.css(Je||(Je=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),r.typeScales.body1.fontSize,r.typeScales.body1.lineHeight)),r.BaseFontSize.Body2,t.css(Qe||(Qe=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),r.typeScales.body2.fontSize)),cn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],dn=o.Polymorphic((function(e){var n=e.baseFontSize,r=e.darkMode,i=e.className,l=e.children,s=e.disabled,c=void 0!==s&&s,d=e.as,u=void 0===d?"label":d,f=e["data-lgid"],p=void 0===f?Y.label:f,h=D(e,cn),m=a.useDarkMode(r).theme,y=H(n),g=o.usePolymorphic(u).Component;return v.default.createElement(g,M({"data-lgid":p,className:t.cx(rn(m),sn[y],w({},ln(m),c),i)},h),l)}));dn.displayName="Label";var un,fn,pn,hn,mn,yn,gn=i.createUniqueClassName(),bn=t.css(tn||(tn=B(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),r.fontFamilies.default,r.transitionDuration.default),xn=w(w({},i.Theme.Light,t.css(an||(an=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.base,r.fontWeights.regular,l.palette.gray.light2,l.palette.blue.base)),i.Theme.Dark,t.css(on||(on=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.light1,r.fontWeights.bold,l.palette.gray.dark2,l.palette.blue.base)),vn=function(e){if(e)return C[e]},kn=t.css(un||(un=B(["\n  gap: ","px;\n  display: inline-flex;\n"])),r.spacing[100]),Sn=["children","className","baseFontSize","darkMode","as"],Fn=o.InferredPolymorphic((function(e,n){var r=e.children,i=e.className,l=e.baseFontSize,s=e.darkMode,c=e.as,d=D(e,Sn),u=a.useDarkMode(s).theme,f=H(l),p=o.useInferredPolymorphic(c,d,"span").Component;return v.default.createElement(p,M({className:t.cx(gn,bn,vn(f),xn[u],kn,i),ref:n},d),v.default.createElement(S.default,{role:"presentation"}),r)})),Nn=t.css(fn||(fn=B(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),zn=t.css(pn||(pn=B(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),gn,gn),wn=t.css(hn||(hn=B(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Mn="hover",Dn="persist",Bn="none",En=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Pn=o.InferredPolymorphic((function(e,r){var i=e.children,l=e.className,s=e.arrowAppearance,c=void 0===s?Bn:s,d=e.hideExternalIcon,u=void 0!==d&&d,f=e.baseFontSize,p=e.darkMode,h=e.as,m=D(e,En),y=E(n.useState(""),2),g=y[0],b=y[1];n.useEffect((function(){b(window.location.hostname)}),[]);var x,k=a.useDarkMode(p).theme,S=H(f),z=o.useInferredPolymorphic(h,m,"span"),B=z.Component,P=z.as,T=z.rest,O=n.useMemo((function(){if(o.hasAnchorProps(P,T)){return/^http(s)?:\/\//.test(T.href)?new URL(T.href).hostname:g}}),[P,T,g]),C={target:void 0,rel:void 0};return T.target||T.rel?(C.target=T.target,C.rel=T.rel):"a"===B&&(O===g?C.target="_self":(C.target="_blank",C.rel="noopener noreferrer")),"_blank"!==C.target||u?c!==Bn&&(x=v.default.createElement(F.default,{role:"presentation",size:12,className:t.cx(w(w({},zn,c===Mn),Nn,c===Dn))})):x=v.default.createElement(N.default,{role:"presentation",className:wn}),v.default.createElement(B,M({className:t.cx(gn,bn,vn(S),xn[k],l),ref:r},C,T),v.default.createElement("span",null,i),x)})),Tn=t.css(mn||(mn=B(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),r.fontWeights.bold),On=["darkMode","className","as"],Cn=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"div":i,s=D(e,On),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,Tn,L[c],r)},s))}));Cn.displayName="Overline";var jn=t.css(yn||(yn=B(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),r.fontWeights.bold),Ln=["darkMode","className","as"],Hn=o.Polymorphic((function(e){var n=e.darkMode,r=e.className,i=e.as,l=void 0===i?"h6":i,s=D(e,Ln),c=a.useDarkMode(n).theme,d=o.usePolymorphic(l).Component;return v.default.createElement(d,M({className:t.cx(O,jn,L[c],r)},s))}));Hn.displayName="Subtitle";var In,An,Wn=["as","children","maxFontWeight","pseudoElement","className"],qn=function(e){var n=e.pseudoElement,a=e.maxFontWeight,o="&:".concat(n);return t.css(In||(In=B(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),o,a)},Rn=t.css(An||(An=B(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));e.BackLink=Fn,e.Body=A,e.Description=X,e.Disclaimer=ae,e.Error=fe,e.H1=ye,e.H2=ke,e.H3=Ce,e.InlineCode=Ye,e.InlineKeyCode=nn,e.LGIDS_TYPOGRAPHY=Y,e.Label=dn,e.Link=Pn,e.Overline=Cn,e.StaticWidthText=function(e){var n=e.as,a=e.children,r=e.maxFontWeight,l=void 0===r?700:r,s=e.pseudoElement,c=void 0===s?"after":s,d=e.className,u=D(e,Wn),f=i.getNodeTextContent(a);return v.default.createElement(o.Polymorph,M({className:t.cx(qn({pseudoElement:c,maxFontWeight:l}),d),as:null!=n?n:"span","data-text":f},u),v.default.createElement("span",{className:Rn},a))},e.Subtitle=Hn,e.anchorClassName=gn,e.bodyTypeScaleStyles=C,e.labelTypeScaleStyles=sn,e.useUpdatedBaseFontSize=H}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/typography",
-  "version": "19.2.0",
+  "version": "19.2.1",
   "description": "leafyGreen UI Kit Typography",
@@ -27,3 +27,3 @@ "main": "./dist/index.js",
     "@leafygreen-ui/icon": "^12.5.4",
-    "@leafygreen-ui/lib": "^13.6.0",
+    "@leafygreen-ui/lib": "^13.6.1",
     "@leafygreen-ui/palette": "^4.0.10",
@@ -30,0 +30,0 @@ "@leafygreen-ui/polymorphic": "^2.0.0",

src/InlineCode/InlineCode.styles.ts

@@ -33,3 +33,3 @@ import { css } from '@leafygreen-ui/emotion';
   [Theme.Dark]: css`
-    background-color: transparent;
+    background-color: ${color.dark.background.secondary.default};
     border: 1px solid ${palette.gray.dark2};
@@ -36,0 +36,0 @@ color: ${palette.gray.light1};

stories.js

@@ -1,1 +0,1 @@
-import e,{useState as n,useEffect as t,useMemo as r}from"react";import{storybookArgTypes as a}from"@lg-tools/storybook-utils";import{css as o,cx as i}from"@leafygreen-ui/emotion";import l from"@leafygreen-ui/icon";import s,{useBaseFontSize as c,useDarkMode as d}from"@leafygreen-ui/leafygreen-provider";import{palette as m}from"@leafygreen-ui/palette";import{Polymorphic as u,usePolymorphic as p,InferredPolymorphic as f,useInferredPolymorphic as h,hasAnchorProps as g,Polymorph as b}from"@leafygreen-ui/polymorphic";import{fontFamilies as y,color as x,typeScales as v,BaseFontSize as E,fontWeights as k,focusRing as N,transitionDuration as w,spacing as S}from"@leafygreen-ui/tokens";import{Theme as z,createUniqueClassName as F,getNodeTextContent as O}from"@leafygreen-ui/lib";import M from"prop-types";import D from"@leafygreen-ui/icon/dist/ArrowLeft";import j from"@leafygreen-ui/icon/dist/ArrowRight";import B from"@leafygreen-ui/icon/dist/OpenNewTab";function C(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 A(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){L(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function H(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function L(e,n,t){return(n=H(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(){return P=Object.assign?Object.assign.bind():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},P.apply(this,arguments)}function I(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function W(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){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n);else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return R(e,n)}(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 R(e,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 U,_,K,V,$,q,G,J,Q=o(U||(U=T(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),y.default,x.light.text.primary.default),X=L(L({},E.Body1,o(_||(_=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(K||(K=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body2.fontSize,v.body2.lineHeight)),Y=L(L({},E.Body1,o(V||(V=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.code1.fontSize,v.code1.lineHeight)),E.Body2,o($||($=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.code2.fontSize,v.code2.lineHeight)),Z=L(L({},z.Light,o(q||(q=T(["\n    color: ",";\n  "])),x.light.text.primary.default)),z.Dark,o(G||(G=T(["\n    color: ",";\n  "])),x.dark.text.primary.default)),ee=function(e){var n=c();return e?16===e?E.Body2:E.Body1:16===n?E.Body2:E.Body1},ne=["baseFontSize","darkMode","className","weight","as"],te=u((function(n){var t=n.baseFontSize,r=n.darkMode,a=n.className,l=n.weight,s=void 0===l?"regular":l,c=n.as,m=void 0===c?"p":c,u=I(n,ne),f=d(r).theme,h=ee(t),g=p(m).Component,b=o(J||(J=T(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),k[s],k.bold);return e.createElement(g,P({className:i(Q,X[h],Z[f],b,a)},u))}));te.displayName="Body";var re,ae,oe,ie,le,se,ce,de="lg-label",me="lg-description",ue=function(e){return o(re||(re=T(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),x[e].text.secondary.default,y.default,k.regular)},pe=function(e){return o(ae||(ae=T(["\n    color: ",";\n  "])),x[e].text.disabled.default)},fe=L(L({},E.Body1,o(oe||(oe=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(ie||(ie=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),v.body2.fontSize)),he=["baseFontSize","data-lgid","darkMode","disabled","children","className"],ge=function(n){var t=n.baseFontSize,r=n["data-lgid"],a=void 0===r?me:r,o=n.darkMode,l=n.disabled,s=void 0!==l&&l,c=n.children,m=n.className,u=I(n,he),p=d(o).theme,f=ee(t);return e.createElement("p",P({"data-lgid":a,className:i(ue(p),fe[f],L({},pe(p),s),m)},u),c)};ge.displayName="Description";var be,ye=L(L({},z.Light,o(le||(le=T(["\n    color: ",";\n  "])),x.light.text.secondary.default)),z.Dark,o(se||(se=T(["\n    color: ",";\n  "])),x.dark.text.secondary.default)),xe=o(ce||(ce=T(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),ve=["darkMode","children","className"];function Ee(n){var t=n.darkMode,r=n.children,a=n.className,o=I(n,ve),l=d(t).theme;return e.createElement("small",P({},o,{className:i(Q,xe,ye[l],a)}),r)}Ee.displayName="Disclaimer";var ke,Ne,we,Se,ze,Fe,Oe=function(e){var n=e.theme,t=e.baseFontSize,r=t===E.Body1?v.body1.fontSize:v.body2.fontSize,a=t===E.Body1?v.body1.lineHeight:20;return o(be||(be=T(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),y.default,k.regular,x[n].text.error.default,r,a)},Me=["as","darkMode","children","className"],De=u((function(n){var t=n.as,r=void 0===t?"p":t,a=n.darkMode,o=n.children,l=n.className,s=I(n,Me),c=d(a).theme,m=ee(),u=p(r).Component;return e.createElement(u,P({},s,{className:i(Oe({theme:c,baseFontSize:m}),l)}),o)})),je=o(ke||(ke=T(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),k.regular,y.serif),Be=L(L({},z.Light,o(Ne||(Ne=T(["\n    color: ",";\n  "])),m.green.dark2)),z.Dark,o(we||(we=T(["\n    color: ",";\n  "])),m.gray.light2)),Ce=["darkMode","className","as"],Ae=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h1":a,l=I(n,Ce),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,je,Be[s],r)},l))}));Ae.displayName="H1";var He,Le=o(Se||(Se=T(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),k.regular,y.serif),Pe=L(L({},z.Light,o(ze||(ze=T(["\n    color: ",";\n  "])),m.green.dark2)),z.Dark,o(Fe||(Fe=T(["\n    color: ",";\n  "])),m.gray.light2)),Ie=["darkMode","className","as"],Te=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h2":a,l=I(n,Ie),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Le,Pe[s],r)},l))}));Te.displayName="H2";var We,Re,Ue,_e,Ke,Ve,$e,qe,Ge,Je,Qe=o(He||(He=T(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),k.medium),Xe=["darkMode","className","as"],Ye=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h3":a,l=I(n,Xe),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Qe,Z[s],r)},l))}));Ye.displayName="H3";var Ze,en,nn,tn=F(),rn=o(We||(We=T(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),y.code,tn),an=L(L({},z.Light,o(Re||(Re=T(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),x.light.background.secondary.default,x.light.border.secondary.default,m.gray.dark3,tn,m.gray.light2,m.gray.light1)),z.Dark,o(Ue||(Ue=T(["\n    background-color: transparent;\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),m.gray.dark2,m.gray.light1,tn,m.gray.dark2,m.gray.dark1)),on=L(L({},z.Light,o(_e||(_e=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),tn,N[z.Light].default,m.blue.base)),z.Dark,o(Ke||(Ke=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),tn,N[z.Dark].default,m.blue.base)),ln=L(L({},z.Light,o(Ve||(Ve=T(["\n    color: ",";\n  "])),m.blue.base)),z.Dark,o($e||($e=T(["\n    color: ",";\n  "])),m.blue.light1)),sn=o(qe||(qe=T(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),cn=o(Ge||(Ge=T(["\n  white-space: nowrap;\n"]))),dn=o(Je||(Je=T(["\n  white-space: normal;\n"]))),mn=["children","className","darkMode","baseFontSize","as"],un=f((function(n,t){var r,a,o=n.children,l=n.className,s=n.darkMode,c=n.baseFontSize,m=n.as,u=I(n,mn),p=d(s).theme,f=ee(c),g=h(m,u,"code").Component,b=(null!==(r="string"==typeof o&&(null===(a=o.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===a?void 0:a.length))&&void 0!==r?r:0)<=30?cn:dn,y="code"!==g,x=e.createElement("code",{ref:t,className:i(Y[f],rn,an[p],on[p],b,L({},ln[p],y),l)},o);return y?e.createElement(g,P({className:i(tn,sn,l)},u),x):e.cloneElement(x,u)}));un.displayName="InlineCode",un.propTypes={children:M.node,className:M.string,darkMode:M.bool,baseFontSize:M.oneOf(Object.values(E))};var pn,fn,hn,gn,bn=o(Ze||(Ze=T(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),y.code),yn=L(L({},z.Light,o(en||(en=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),x.light.text.primary.default,m.gray.dark3,m.white)),z.Dark,o(nn||(nn=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),x.dark.text.primary.default,m.gray.base,m.gray.dark3)),xn=["baseFontSize","darkMode","children","className"];function vn(n){var t=n.baseFontSize,r=n.darkMode,a=n.children,o=n.className,l=I(n,xn),s=ee(t),c=d(r).theme;return e.createElement("code",P({className:i(bn,yn[c],Y[s],o)},l),a)}vn.displayName="InlineKeyCode";var En,kn,Nn,wn=function(e){return o(pn||(pn=T(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),x[e].text.primary.default,y.default,k.bold)},Sn=function(e){return o(fn||(fn=T(["\n    color: ",";\n  "])),x[e].text.disabled.default)},zn=L(L({},E.Body1,o(hn||(hn=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(gn||(gn=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),v.body2.fontSize)),Fn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],On=u((function(n){var t=n.baseFontSize,r=n.darkMode,a=n.className,o=n.children,l=n.disabled,s=void 0!==l&&l,c=n.as,m=void 0===c?"label":c,u=n["data-lgid"],f=void 0===u?de:u,h=I(n,Fn),g=d(r).theme,b=ee(t),y=p(m).Component;return e.createElement(y,P({"data-lgid":f,className:i(wn(g),zn[b],L({},Sn(g),s),a)},h),o)}));On.displayName="Label";var Mn,Dn,jn,Bn,Cn,An,Hn=F(),Ln=o(En||(En=T(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),y.default,w.default),Pn=L(L({},z.Light,o(kn||(kn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),m.blue.base,k.regular,m.gray.light2,m.blue.base)),z.Dark,o(Nn||(Nn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),m.blue.light1,k.bold,m.gray.dark2,m.blue.base)),In=function(e){if(e)return X[e]},Tn=o(Mn||(Mn=T(["\n  gap: ","px;\n  display: inline-flex;\n"])),S[100]),Wn=["children","className","baseFontSize","darkMode","as"],Rn=f((function(n,t){var r=n.children,a=n.className,o=n.baseFontSize,l=n.darkMode,s=n.as,c=I(n,Wn),m=d(l).theme,u=ee(o),p=h(s,c,"span").Component;return e.createElement(p,P({className:i(Hn,Ln,In(u),Pn[m],Tn,a),ref:t},c),e.createElement(D,{role:"presentation"}),r)})),Un=o(Dn||(Dn=T(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),_n=o(jn||(jn=T(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),Hn,Hn),Kn=o(Bn||(Bn=T(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Vn="hover",$n="persist",qn="none",Gn=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Jn=f((function(a,o){var l=a.children,s=a.className,c=a.arrowAppearance,m=void 0===c?qn:c,u=a.hideExternalIcon,p=void 0!==u&&u,f=a.baseFontSize,b=a.darkMode,y=a.as,x=I(a,Gn),v=W(n(""),2),E=v[0],k=v[1];t((function(){k(window.location.hostname)}),[]);var N,w=d(b).theme,S=ee(f),z=h(y,x,"span"),F=z.Component,O=z.as,M=z.rest,D=r((function(){if(g(O,M)){return/^http(s)?:\/\//.test(M.href)?new URL(M.href).hostname:E}}),[O,M,E]),C={target:void 0,rel:void 0};return M.target||M.rel?(C.target=M.target,C.rel=M.rel):"a"===F&&(D===E?C.target="_self":(C.target="_blank",C.rel="noopener noreferrer")),"_blank"!==C.target||p?m!==qn&&(N=e.createElement(j,{role:"presentation",size:12,className:i(L(L({},_n,m===Vn),Un,m===$n))})):N=e.createElement(B,{role:"presentation",className:Kn}),e.createElement(F,P({className:i(Hn,Ln,In(S),Pn[w],s),ref:o},C,M),e.createElement("span",null,l),N)})),Qn=o(Cn||(Cn=T(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),k.bold),Xn=["darkMode","className","as"],Yn=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"div":a,l=I(n,Xn),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Qn,Z[s],r)},l))}));Yn.displayName="Overline";var Zn=o(An||(An=T(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),k.bold),et=["darkMode","className","as"],nt=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h6":a,l=I(n,et),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Zn,Z[s],r)},l))}));nt.displayName="Subtitle";var tt,rt,at,ot,it,lt,st,ct,dt,mt,ut,pt,ft=["as","children","maxFontWeight","pseudoElement","className"],ht=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(tt||(tt=T(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),r,t)},gt=o(rt||(rt=T(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));function bt(n){var t=n.as,r=n.children,a=n.maxFontWeight,o=void 0===a?700:a,l=n.pseudoElement,s=void 0===l?"after":l,c=n.className,d=I(n,ft),m=O(r);return e.createElement(b,P({className:i(ht({pseudoElement:s,maxFontWeight:o}),c),as:null!=t?t:"span","data-text":m},d),e.createElement("span",{className:gt},r))}var yt=o(at||(at=T(["\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 10px;\n"]))),xt=o(ot||(ot=T(["\n  display: block;\n"]))),vt=o(it||(it=T(["\n  display: flex;\n  gap: 8px;\n"]))),Et=function(n){var t=n.baseFontSize,r=n.darkMode;return e.createElement(s,{baseFontSize:t,darkMode:r},e.createElement("div",{className:i(yt)},e.createElement(Ae,null,"Heading 1"),e.createElement(Te,null,"Heading 2"),e.createElement(Ye,null,"Heading 3"),e.createElement(nt,null,"Subtitle"),e.createElement(te,null,"Body"),e.createElement(te,null,e.createElement("strong",null,"Body (Semibold)")),e.createElement(te,null,e.createElement("em",null,"Body (Italic)")),e.createElement(te,null,e.createElement("strong",null,e.createElement("em",null,"Body (Semibold Italic)"))),e.createElement("div",{className:i(vt)},e.createElement(un,null,'"Inline Code"'),e.createElement(un,{href:"https://mongodb.github.io/leafygreen-ui/?path=/story/*"},'"Inline Code Link"')),e.createElement("div",null,e.createElement(Jn,{href:"http://localhost:9001",arrowAppearance:"hover"},"Local (Arrow on Hover)"),e.createElement("br",null),e.createElement(Jn,{href:"http://localhost:9001",arrowAppearance:"none"},"Local (No Arrow)"),e.createElement("br",null),e.createElement(Jn,{href:"?path=/story/button--icon-only",arrowAppearance:"persist"},"Internal (Persist Arrow)"),e.createElement("br",null),e.createElement(Jn,{href:"https://mongodb.github.io/leafygreen-ui/?path=/story/*"},"External"),e.createElement("br",null),e.createElement(Jn,{as:"button"},"As Button")),e.createElement("div",null,e.createElement(Rn,{href:"http://localhost:9001"},"BackLink")),e.createElement("div",{className:xt},e.createElement(vn,null,"CTRL"),e.createElement("code",null," + "),e.createElement(vn,null,"C")),e.createElement(Yn,{className:xt},"Overline ",e.createElement(Jn,null,"This is a test inline link.")),e.createElement(Ee,{className:xt},"Disclaimer ",e.createElement(Jn,null,"This is a test inline link.")),e.createElement(De,null,"Hello I am an Error!"),e.createElement("div",{className:i(xt)},e.createElement(On,{htmlFor:"id"},"This is a label"),e.createElement(ge,null,"This is the description for said label."," ",e.createElement(Jn,null,"This is a test inline link.")))))},kt={title:"Components/Typography",component:Et,parameters:{default:"AllTypography",generate:{combineArgs:{darkMode:[!1,!0],baseFontSize:[14,16]}}}},Nt=Et.bind({});Nt.argTypes={baseFontSize:A(A({},a.baseFontSize),{},{description:"Storybook prop only. This font size is passed into the LeafygreenProvider."}),darkMode:a.darkMode},Nt.parameters={chromatic:{disableSnapshot:!0}};var wt=function(){var n=o(lt||(lt=T(["\n    font-weight: 400;\n    cursor: pointer;\n    outline: 1px solid ",";\n    outline-offset: -1px;\n\n    &:hover {\n      font-weight: 700;\n    }\n  "])),m.red.light2),t=o(st||(st=T(["\n    outline: 1px solid ",";\n    padding: 10px;\n    width: max-content;\n    max-width: 200px;\n  "])),m.blue.light1),r=o(ct||(ct=T(["\n    outline: 1px solid gray;\n    padding: 10px;\n    width: max-content;\n    max-width: 148px;\n    display: flex;\n    align-items: center;\n  "])));return e.createElement("div",{className:o(dt||(dt=T(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        margin: 20px;\n      "])))},e.createElement("div",{className:o(mt||(mt=T(["\n          display: flex;\n        "])))},e.createElement("div",{className:t},e.createElement(bt,{className:n},"Some Tabs")),e.createElement("div",{className:t},e.createElement(bt,{className:i(n,o(ut||(ut=T(["\n                flex: 1;\n              "]))))},"Some long text that will be truncated eventually because its long")),e.createElement("div",{className:t},e.createElement(bt,{className:n},"Some more text"))),e.createElement("br",null),e.createElement("div",{className:i(n,r)},e.createElement(bt,null,"Some button"),e.createElement(l,{glyph:"CaretDown"})),e.createElement("br",null),e.createElement("div",{className:i(n,r)},e.createElement(bt,{className:i(o(pt||(pt=T(["\n              flex: 1;\n            "]))))},"Some long text button that should be truncated"),e.createElement(l,{glyph:"CaretDown"})))};wt.parameters={chromatic:{disableSnapshot:!0}};var St=function(){return e.createElement(e.Fragment,null)};export{Nt as AllTypography,St as Generated,wt as StaticWidthTextStory,kt as default};
+import e,{useState as n,useEffect as t,useMemo as r}from"react";import{storybookArgTypes as a}from"@lg-tools/storybook-utils";import{css as o,cx as i}from"@leafygreen-ui/emotion";import l from"@leafygreen-ui/icon";import s,{useBaseFontSize as c,useDarkMode as d}from"@leafygreen-ui/leafygreen-provider";import{palette as m}from"@leafygreen-ui/palette";import{Polymorphic as u,usePolymorphic as p,InferredPolymorphic as f,useInferredPolymorphic as h,hasAnchorProps as g,Polymorph as b}from"@leafygreen-ui/polymorphic";import{fontFamilies as y,color as x,typeScales as v,BaseFontSize as E,fontWeights as k,focusRing as N,transitionDuration as w,spacing as S}from"@leafygreen-ui/tokens";import{Theme as z,createUniqueClassName as F,getNodeTextContent as O}from"@leafygreen-ui/lib";import M from"prop-types";import D from"@leafygreen-ui/icon/dist/ArrowLeft";import j from"@leafygreen-ui/icon/dist/ArrowRight";import B from"@leafygreen-ui/icon/dist/OpenNewTab";function C(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 A(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){L(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function H(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof n?n:n+""}function L(e,n,t){return(n=H(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(){return P=Object.assign?Object.assign.bind():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},P.apply(this,arguments)}function I(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function W(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){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n);else for(;!(s=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return R(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return R(e,n)}(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 R(e,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 U,_,K,V,$,q,G,J,Q=o(U||(U=T(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),y.default,x.light.text.primary.default),X=L(L({},E.Body1,o(_||(_=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(K||(K=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body2.fontSize,v.body2.lineHeight)),Y=L(L({},E.Body1,o(V||(V=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.code1.fontSize,v.code1.lineHeight)),E.Body2,o($||($=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.code2.fontSize,v.code2.lineHeight)),Z=L(L({},z.Light,o(q||(q=T(["\n    color: ",";\n  "])),x.light.text.primary.default)),z.Dark,o(G||(G=T(["\n    color: ",";\n  "])),x.dark.text.primary.default)),ee=function(e){var n=c();return e?16===e?E.Body2:E.Body1:16===n?E.Body2:E.Body1},ne=["baseFontSize","darkMode","className","weight","as"],te=u((function(n){var t=n.baseFontSize,r=n.darkMode,a=n.className,l=n.weight,s=void 0===l?"regular":l,c=n.as,m=void 0===c?"p":c,u=I(n,ne),f=d(r).theme,h=ee(t),g=p(m).Component,b=o(J||(J=T(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),k[s],k.bold);return e.createElement(g,P({className:i(Q,X[h],Z[f],b,a)},u))}));te.displayName="Body";var re,ae,oe,ie,le,se,ce,de="lg-label",me="lg-description",ue=function(e){return o(re||(re=T(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n    margin-top: 0;\n    margin-bottom: 0;\n  "])),x[e].text.secondary.default,y.default,k.regular)},pe=function(e){return o(ae||(ae=T(["\n    color: ",";\n  "])),x[e].text.disabled.default)},fe=L(L({},E.Body1,o(oe||(oe=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(ie||(ie=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),v.body2.fontSize)),he=["baseFontSize","data-lgid","darkMode","disabled","children","className"],ge=function(n){var t=n.baseFontSize,r=n["data-lgid"],a=void 0===r?me:r,o=n.darkMode,l=n.disabled,s=void 0!==l&&l,c=n.children,m=n.className,u=I(n,he),p=d(o).theme,f=ee(t);return e.createElement("p",P({"data-lgid":a,className:i(ue(p),fe[f],L({},pe(p),s),m)},u),c)};ge.displayName="Description";var be,ye=L(L({},z.Light,o(le||(le=T(["\n    color: ",";\n  "])),x.light.text.secondary.default)),z.Dark,o(se||(se=T(["\n    color: ",";\n  "])),x.dark.text.secondary.default)),xe=o(ce||(ce=T(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),ve=["darkMode","children","className"];function Ee(n){var t=n.darkMode,r=n.children,a=n.className,o=I(n,ve),l=d(t).theme;return e.createElement("small",P({},o,{className:i(Q,xe,ye[l],a)}),r)}Ee.displayName="Disclaimer";var ke,Ne,we,Se,ze,Fe,Oe=function(e){var n=e.theme,t=e.baseFontSize,r=t===E.Body1?v.body1.fontSize:v.body2.fontSize,a=t===E.Body1?v.body1.lineHeight:20;return o(be||(be=T(["\n    font-family: ",";\n    font-weight: ",";\n    font-size: inherit;\n    line-height: inherit;\n\n    /* Unsets browser defaults */\n    margin-block-start: 0;\n    margin-block-end: 0;\n\n    /* Variable Styles */\n    color: ",";\n    font-size: ","px;\n    line-height: ","px;\n  "])),y.default,k.regular,x[n].text.error.default,r,a)},Me=["as","darkMode","children","className"],De=u((function(n){var t=n.as,r=void 0===t?"p":t,a=n.darkMode,o=n.children,l=n.className,s=I(n,Me),c=d(a).theme,m=ee(),u=p(r).Component;return e.createElement(u,P({},s,{className:i(Oe({theme:c,baseFontSize:m}),l)}),o)})),je=o(ke||(ke=T(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 64px;\n  font-family: ",";\n"])),k.regular,y.serif),Be=L(L({},z.Light,o(Ne||(Ne=T(["\n    color: ",";\n  "])),m.green.dark2)),z.Dark,o(we||(we=T(["\n    color: ",";\n  "])),m.gray.light2)),Ce=["darkMode","className","as"],Ae=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h1":a,l=I(n,Ce),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,je,Be[s],r)},l))}));Ae.displayName="H1";var He,Le=o(Se||(Se=T(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),k.regular,y.serif),Pe=L(L({},z.Light,o(ze||(ze=T(["\n    color: ",";\n  "])),m.green.dark2)),z.Dark,o(Fe||(Fe=T(["\n    color: ",";\n  "])),m.gray.light2)),Ie=["darkMode","className","as"],Te=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h2":a,l=I(n,Ie),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Le,Pe[s],r)},l))}));Te.displayName="H2";var We,Re,Ue,_e,Ke,Ve,$e,qe,Ge,Je,Qe=o(He||(He=T(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),k.medium),Xe=["darkMode","className","as"],Ye=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h3":a,l=I(n,Xe),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Qe,Z[s],r)},l))}));Ye.displayName="H3";var Ze,en,nn,tn=F(),rn=o(We||(We=T(["\n  display: inline;\n  transition: all 0.15s ease-in-out;\n  border-radius: 3px;\n  font-family: ",";\n  line-height: 20px;\n\n  .",":hover > & {\n    text-decoration: none;\n  }\n"])),y.code,tn),an=L(L({},z.Light,o(Re||(Re=T(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),x.light.background.secondary.default,x.light.border.secondary.default,m.gray.dark3,tn,m.gray.light2,m.gray.light1)),z.Dark,o(Ue||(Ue=T(["\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    .",":hover > & {\n      box-shadow: 0 0 0 3px ",";\n      border: 1px solid ",";\n    }\n  "])),x.dark.background.secondary.default,m.gray.dark2,m.gray.light1,tn,m.gray.dark2,m.gray.dark1)),on=L(L({},z.Light,o(_e||(_e=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),tn,N[z.Light].default,m.blue.base)),z.Dark,o(Ke||(Ke=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),tn,N[z.Dark].default,m.blue.base)),ln=L(L({},z.Light,o(Ve||(Ve=T(["\n    color: ",";\n  "])),m.blue.base)),z.Dark,o($e||($e=T(["\n    color: ",";\n  "])),m.blue.light1)),sn=o(qe||(qe=T(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),cn=o(Ge||(Ge=T(["\n  white-space: nowrap;\n"]))),dn=o(Je||(Je=T(["\n  white-space: normal;\n"]))),mn=["children","className","darkMode","baseFontSize","as"],un=f((function(n,t){var r,a,o=n.children,l=n.className,s=n.darkMode,c=n.baseFontSize,m=n.as,u=I(n,mn),p=d(s).theme,f=ee(c),g=h(m,u,"code").Component,b=(null!==(r="string"==typeof o&&(null===(a=o.match(/(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g))||void 0===a?void 0:a.length))&&void 0!==r?r:0)<=30?cn:dn,y="code"!==g,x=e.createElement("code",{ref:t,className:i(Y[f],rn,an[p],on[p],b,L({},ln[p],y),l)},o);return y?e.createElement(g,P({className:i(tn,sn,l)},u),x):e.cloneElement(x,u)}));un.displayName="InlineCode",un.propTypes={children:M.node,className:M.string,darkMode:M.bool,baseFontSize:M.oneOf(Object.values(E))};var pn,fn,hn,gn,bn=o(Ze||(Ze=T(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),y.code),yn=L(L({},z.Light,o(en||(en=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),x.light.text.primary.default,m.gray.dark3,m.white)),z.Dark,o(nn||(nn=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),x.dark.text.primary.default,m.gray.base,m.gray.dark3)),xn=["baseFontSize","darkMode","children","className"];function vn(n){var t=n.baseFontSize,r=n.darkMode,a=n.children,o=n.className,l=I(n,xn),s=ee(t),c=d(r).theme;return e.createElement("code",P({className:i(bn,yn[c],Y[s],o)},l),a)}vn.displayName="InlineKeyCode";var En,kn,Nn,wn=function(e){return o(pn||(pn=T(["\n    color: ",";\n\n    font-family: ",";\n    font-weight: ",";\n  "])),x[e].text.primary.default,y.default,k.bold)},Sn=function(e){return o(fn||(fn=T(["\n    color: ",";\n  "])),x[e].text.disabled.default)},zn=L(L({},E.Body1,o(hn||(hn=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),v.body1.fontSize,v.body1.lineHeight)),E.Body2,o(gn||(gn=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),v.body2.fontSize)),Fn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],On=u((function(n){var t=n.baseFontSize,r=n.darkMode,a=n.className,o=n.children,l=n.disabled,s=void 0!==l&&l,c=n.as,m=void 0===c?"label":c,u=n["data-lgid"],f=void 0===u?de:u,h=I(n,Fn),g=d(r).theme,b=ee(t),y=p(m).Component;return e.createElement(y,P({"data-lgid":f,className:i(wn(g),zn[b],L({},Sn(g),s),a)},h),o)}));On.displayName="Label";var Mn,Dn,jn,Bn,Cn,An,Hn=F(),Ln=o(En||(En=T(["\n  font-family: ",";\n  display: inline;\n  align-items: center;\n  text-decoration: none;\n  text-decoration-color: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  line-height: inherit;\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover,\n  &[data-hover='true'],\n  &:focus-visible,\n  &[data-focus='true'] {\n    text-decoration: underline;\n    transition: text-decoration ","ms ease-in-out;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),y.default,w.default),Pn=L(L({},z.Light,o(kn||(kn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),m.blue.base,k.regular,m.gray.light2,m.blue.base)),z.Dark,o(Nn||(Nn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus-visible,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),m.blue.light1,k.bold,m.gray.dark2,m.blue.base)),In=function(e){if(e)return X[e]},Tn=o(Mn||(Mn=T(["\n  gap: ","px;\n  display: inline-flex;\n"])),S[100]),Wn=["children","className","baseFontSize","darkMode","as"],Rn=f((function(n,t){var r=n.children,a=n.className,o=n.baseFontSize,l=n.darkMode,s=n.as,c=I(n,Wn),m=d(l).theme,u=ee(o),p=h(s,c,"span").Component;return e.createElement(p,P({className:i(Hn,Ln,In(u),Pn[m],Tn,a),ref:t},c),e.createElement(D,{role:"presentation"}),r)})),Un=o(Dn||(Dn=T(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),_n=o(jn||(jn=T(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n  top: 1px;\n  position: relative;\n\n  .",":hover &, .","[data-hover='true'] & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),Hn,Hn),Kn=o(Bn||(Bn=T(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Vn="hover",$n="persist",qn="none",Gn=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Jn=f((function(a,o){var l=a.children,s=a.className,c=a.arrowAppearance,m=void 0===c?qn:c,u=a.hideExternalIcon,p=void 0!==u&&u,f=a.baseFontSize,b=a.darkMode,y=a.as,x=I(a,Gn),v=W(n(""),2),E=v[0],k=v[1];t((function(){k(window.location.hostname)}),[]);var N,w=d(b).theme,S=ee(f),z=h(y,x,"span"),F=z.Component,O=z.as,M=z.rest,D=r((function(){if(g(O,M)){return/^http(s)?:\/\//.test(M.href)?new URL(M.href).hostname:E}}),[O,M,E]),C={target:void 0,rel:void 0};return M.target||M.rel?(C.target=M.target,C.rel=M.rel):"a"===F&&(D===E?C.target="_self":(C.target="_blank",C.rel="noopener noreferrer")),"_blank"!==C.target||p?m!==qn&&(N=e.createElement(j,{role:"presentation",size:12,className:i(L(L({},_n,m===Vn),Un,m===$n))})):N=e.createElement(B,{role:"presentation",className:Kn}),e.createElement(F,P({className:i(Hn,Ln,In(S),Pn[w],s),ref:o},C,M),e.createElement("span",null,l),N)})),Qn=o(Cn||(Cn=T(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),k.bold),Xn=["darkMode","className","as"],Yn=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"div":a,l=I(n,Xn),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Qn,Z[s],r)},l))}));Yn.displayName="Overline";var Zn=o(An||(An=T(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),k.bold),et=["darkMode","className","as"],nt=u((function(n){var t=n.darkMode,r=n.className,a=n.as,o=void 0===a?"h6":a,l=I(n,et),s=d(t).theme,c=p(o).Component;return e.createElement(c,P({className:i(Q,Zn,Z[s],r)},l))}));nt.displayName="Subtitle";var tt,rt,at,ot,it,lt,st,ct,dt,mt,ut,pt,ft=["as","children","maxFontWeight","pseudoElement","className"],ht=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(tt||(tt=T(["\n    /* Inherit relevant properties from the parent */\n    font-weight: inherit;\n    font-size: inherit;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    position: relative;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    text-decoration: none;\n    min-width: 0;\n    max-width: 100%;\n\n    "," {\n      content: attr(data-text);\n      height: 0;\n      font-weight: ",";\n      visibility: hidden;\n      overflow: hidden;\n      user-select: none;\n      pointer-events: none;\n    }\n  "])),r,t)},gt=o(rt||(rt=T(["\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n\n  white-space: inherit;\n  overflow: inherit;\n  text-overflow: inherit;\n"])));function bt(n){var t=n.as,r=n.children,a=n.maxFontWeight,o=void 0===a?700:a,l=n.pseudoElement,s=void 0===l?"after":l,c=n.className,d=I(n,ft),m=O(r);return e.createElement(b,P({className:i(ht({pseudoElement:s,maxFontWeight:o}),c),as:null!=t?t:"span","data-text":m},d),e.createElement("span",{className:gt},r))}var yt=o(at||(at=T(["\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 10px;\n"]))),xt=o(ot||(ot=T(["\n  display: block;\n"]))),vt=o(it||(it=T(["\n  display: flex;\n  gap: 8px;\n"]))),Et=function(n){var t=n.baseFontSize,r=n.darkMode;return e.createElement(s,{baseFontSize:t,darkMode:r},e.createElement("div",{className:i(yt)},e.createElement(Ae,null,"Heading 1"),e.createElement(Te,null,"Heading 2"),e.createElement(Ye,null,"Heading 3"),e.createElement(nt,null,"Subtitle"),e.createElement(te,null,"Body"),e.createElement(te,null,e.createElement("strong",null,"Body (Semibold)")),e.createElement(te,null,e.createElement("em",null,"Body (Italic)")),e.createElement(te,null,e.createElement("strong",null,e.createElement("em",null,"Body (Semibold Italic)"))),e.createElement("div",{className:i(vt)},e.createElement(un,null,'"Inline Code"'),e.createElement(un,{href:"https://mongodb.github.io/leafygreen-ui/?path=/story/*"},'"Inline Code Link"')),e.createElement("div",null,e.createElement(Jn,{href:"http://localhost:9001",arrowAppearance:"hover"},"Local (Arrow on Hover)"),e.createElement("br",null),e.createElement(Jn,{href:"http://localhost:9001",arrowAppearance:"none"},"Local (No Arrow)"),e.createElement("br",null),e.createElement(Jn,{href:"?path=/story/button--icon-only",arrowAppearance:"persist"},"Internal (Persist Arrow)"),e.createElement("br",null),e.createElement(Jn,{href:"https://mongodb.github.io/leafygreen-ui/?path=/story/*"},"External"),e.createElement("br",null),e.createElement(Jn,{as:"button"},"As Button")),e.createElement("div",null,e.createElement(Rn,{href:"http://localhost:9001"},"BackLink")),e.createElement("div",{className:xt},e.createElement(vn,null,"CTRL"),e.createElement("code",null," + "),e.createElement(vn,null,"C")),e.createElement(Yn,{className:xt},"Overline ",e.createElement(Jn,null,"This is a test inline link.")),e.createElement(Ee,{className:xt},"Disclaimer ",e.createElement(Jn,null,"This is a test inline link.")),e.createElement(De,null,"Hello I am an Error!"),e.createElement("div",{className:i(xt)},e.createElement(On,{htmlFor:"id"},"This is a label"),e.createElement(ge,null,"This is the description for said label."," ",e.createElement(Jn,null,"This is a test inline link.")))))},kt={title:"Components/Typography",component:Et,parameters:{default:"AllTypography",generate:{combineArgs:{darkMode:[!1,!0],baseFontSize:[14,16]}}}},Nt=Et.bind({});Nt.argTypes={baseFontSize:A(A({},a.baseFontSize),{},{description:"Storybook prop only. This font size is passed into the LeafygreenProvider."}),darkMode:a.darkMode},Nt.parameters={chromatic:{disableSnapshot:!0}};var wt=function(){var n=o(lt||(lt=T(["\n    font-weight: 400;\n    cursor: pointer;\n    outline: 1px solid ",";\n    outline-offset: -1px;\n\n    &:hover {\n      font-weight: 700;\n    }\n  "])),m.red.light2),t=o(st||(st=T(["\n    outline: 1px solid ",";\n    padding: 10px;\n    width: max-content;\n    max-width: 200px;\n  "])),m.blue.light1),r=o(ct||(ct=T(["\n    outline: 1px solid gray;\n    padding: 10px;\n    width: max-content;\n    max-width: 148px;\n    display: flex;\n    align-items: center;\n  "])));return e.createElement("div",{className:o(dt||(dt=T(["\n        position: absolute;\n        top: 0;\n        left: 0;\n        margin: 20px;\n      "])))},e.createElement("div",{className:o(mt||(mt=T(["\n          display: flex;\n        "])))},e.createElement("div",{className:t},e.createElement(bt,{className:n},"Some Tabs")),e.createElement("div",{className:t},e.createElement(bt,{className:i(n,o(ut||(ut=T(["\n                flex: 1;\n              "]))))},"Some long text that will be truncated eventually because its long")),e.createElement("div",{className:t},e.createElement(bt,{className:n},"Some more text"))),e.createElement("br",null),e.createElement("div",{className:i(n,r)},e.createElement(bt,null,"Some button"),e.createElement(l,{glyph:"CaretDown"})),e.createElement("br",null),e.createElement("div",{className:i(n,r)},e.createElement(bt,{className:i(o(pt||(pt=T(["\n              flex: 1;\n            "]))))},"Some long text button that should be truncated"),e.createElement(l,{glyph:"CaretDown"})))};wt.parameters={chromatic:{disableSnapshot:!0}};var St=function(){return e.createElement(e.Fragment,null)};export{Nt as AllTypography,St as Generated,wt as StaticWidthTextStory,kt as default};

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

487509

increased by0.1%

Lines of code

10063

increased by0.01%

Dependency changes

• Updated@leafygreen-ui/lib@^13.6.1