@leafygreen-ui/typography - npm Package Compare versions

Comparing version 18.4.0 to 19.0.0

CHANGELOG.md

 # @leafygreen-ui/typography
 
+## 19.0.0
+
+### Major Changes
+
+- dfd6972c: - Fixes the `Link` component so that:
+  - links are inline with the text preceding it
+  - The Arrow Icon is inline with the last line of text. Previously it rendered in a column next to the text because of `display: inline-flex`
+  - Adds generated stories for each `Typography` component
+
 ## 18.4.0
@@ -4,0 +13,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,Polymorph as h}from"@leafygreen-ui/polymorphic";import{fontFamilies as m,typeScales as p,BaseFontSize as u,fontWeights as g,focusRing as b,transitionDuration as y,spacing as v}from"@leafygreen-ui/tokens";import{Theme as x,createUniqueClassName as k,getNodeTextContent as N}from"@leafygreen-ui/lib";import{palette as w}from"@leafygreen-ui/palette";import z from"prop-types";import F from"@leafygreen-ui/icon/dist/ArrowLeft";import S from"@leafygreen-ui/icon/dist/ArrowRight";import E from"@leafygreen-ui/icon/dist/OpenNewTab";function D(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||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}function M(e,n,t){return(n=D(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(){return O=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},O.apply(this,arguments)}function j(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 B(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){if(Object(t)!==t)return;s=!1}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 C(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 C(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 C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var H,A,I,P,T,W,U,_,R=o(H||(H=B(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),m.default,w.black),K=M(M({},u.Body1,o(A||(A=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.body1.fontSize,p.body1.lineHeight)),u.Body2,o(I||(I=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.body2.fontSize,p.body2.lineHeight)),$=M(M({},u.Body1,o(P||(P=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.code1.fontSize,p.code1.lineHeight)),u.Body2,o(T||(T=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.code2.fontSize,p.code2.lineHeight)),q=M(M({},x.Light,o(W||(W=B(["\n    color: ",";\n  "])),w.black)),x.Dark,o(U||(U=B(["\n    color: ",";\n  "])),w.gray.light2)),G=function(e){var n=i();return e?16===e?u.Body2:u.Body1:16===n?u.Body2:u.Body1},J=["baseFontSize","darkMode","className","weight","as"],Q=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,h=void 0===f?"p":f,m=j(n,J),p=l(r).theme,u=G(t),b=d(h).Component,y=o(_||(_=B(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),g[c],g.bold);return e.createElement(b,O({className:a(R,K[u],q[p],y,i)},m))}));Q.displayName="Body";var V,X,Y,Z,ee,ne,te,re,oe,ae,ie={label:"lg-label",description:"lg-description"},le=o(V||(V=B(["\n  font-family: ",";\n  font-weight: ",";\n  margin-top: 0;\n  margin-bottom: 0;\n"])),m.default,g.regular),se=M(M({},x.Light,o(X||(X=B(["\n    color: ",";\n  "])),w.gray.dark1)),x.Dark,o(Y||(Y=B(["\n    color: ",";\n  "])),w.gray.light1)),de=M(M({},x.Light,o(Z||(Z=B(["\n    color: ",";\n  "])),w.gray.base)),x.Dark,o(ee||(ee=B(["\n    color: ",";\n  "])),w.gray.dark1)),ce=M(M({},u.Body1,o(ne||(ne=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.body1.fontSize,p.body1.lineHeight)),u.Body2,o(te||(te=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),p.body2.fontSize)),fe=["baseFontSize","data-lgid","darkMode","disabled","children","className"],he=function(n){var t=n.baseFontSize,r=n["data-lgid"],o=void 0===r?ie.description:r,i=n.darkMode,s=n.disabled,d=void 0!==s&&s,c=n.children,f=n.className,h=j(n,fe),m=l(i).theme,p=G(t);return e.createElement("p",O({"data-lgid":o,className:a(le,se[m],ce[p],M({},de[m],d),f)},h),c)};he.displayName="Description";var me,pe,ue,ge,be,ye=M(M({},x.Light,o(re||(re=B(["\n    color: ",";\n  "])),w.gray.dark1)),x.Dark,o(oe||(oe=B(["\n    color: ",";\n  "])),w.gray.light1)),ve=o(ae||(ae=B(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),xe=["darkMode","children","className"];function ke(n){var t=n.darkMode,r=n.children,o=n.className,i=j(n,xe),s=l(t).theme;return e.createElement("small",O({},i,{className:a(R,ve,ye[s],o)}),r)}ke.displayName="Disclaimer";var Ne,we,ze,Fe,Se,Ee,De=o(me||(me=B(["\n  font-family: ",";\n  font-weight: ",";\n  font-size: inherit;\n  line-height: inherit;\n\n  // Unsets browser default margins\n  margin-block-start: 0;\n  margin-block-end: 0;\n"])),m.default,g.regular),Me=M(M({},x.Light,o(pe||(pe=B(["\n    color: ",";\n  "])),w.red.base)),x.Dark,o(ue||(ue=B(["\n    color: ",";\n  "])),w.red.light1)),Oe=M(M({},u.Body1,o(ge||(ge=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.body1.fontSize,p.body1.lineHeight)),u.Body2,o(be||(be=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),p.body2.fontSize)),je=["as","darkMode","children","className"],Be=s((function(n){var t=n.as,r=void 0===t?"p":t,o=n.darkMode,i=n.children,s=n.className,c=j(n,je),f=l(o).theme,h=G(),m=d(r).Component;return e.createElement(m,O({},c,{className:a(De,Me[f],Oe[h],s)}),i)})),Le=o(Ne||(Ne=B(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 62px;\n  font-family: ",";\n"])),g.regular,m.serif),Ce=M(M({},x.Light,o(we||(we=B(["\n    color: ",";\n  "])),w.green.dark2)),x.Dark,o(ze||(ze=B(["\n    color: ",";\n  "])),w.gray.light2)),He=["darkMode","className","as"],Ae=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h1":o,s=j(n,He),c=l(t).theme,f=d(i).Component;return e.createElement(f,O({className:a(R,Le,Ce[c],r)},s))}));Ae.displayName="H1";var Ie,Pe=o(Fe||(Fe=B(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),g.regular,m.serif),Te=M(M({},x.Light,o(Se||(Se=B(["\n    color: ",";\n  "])),w.green.dark2)),x.Dark,o(Ee||(Ee=B(["\n    color: ",";\n  "])),w.gray.light2)),We=["darkMode","className","as"],Ue=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h2":o,s=j(n,We),c=l(t).theme,f=d(i).Component;return e.createElement(f,O({className:a(R,Pe,Te[c],r)},s))}));Ue.displayName="H2";var _e,Re,Ke,$e,qe,Ge,Je,Qe,Ve,Xe,Ye=o(Ie||(Ie=B(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),g.medium),Ze=["darkMode","className","as"],en=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h3":o,s=j(n,Ze),c=l(t).theme,f=d(i).Component;return e.createElement(f,O({className:a(R,Ye,q[c],r)},s))}));en.displayName="H3";var nn,tn,rn,on=k(),an=o(_e||(_e=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"])),m.code,on),ln=M(M({},x.Light,o(Re||(Re=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  "])),w.gray.light3,w.gray.light2,w.gray.dark3,on,w.gray.light2,w.gray.light1)),x.Dark,o(Ke||(Ke=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  "])),w.gray.dark2,w.gray.light1,on,w.gray.dark2,w.gray.dark1)),sn=M(M({},x.Light,o($e||($e=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),on,b[x.Light].default,w.blue.base)),x.Dark,o(qe||(qe=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),on,b[x.Dark].default,w.blue.base)),dn=M(M({},x.Light,o(Ge||(Ge=B(["\n    color: ",";\n  "])),w.blue.base)),x.Dark,o(Je||(Je=B(["\n    color: ",";\n  "])),w.blue.light1)),cn=o(Qe||(Qe=B(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),fn=o(Ve||(Ve=B(["\n  white-space: nowrap;\n"]))),hn=o(Xe||(Xe=B(["\n  white-space: normal;\n"]))),mn=["children","className","darkMode","baseFontSize","as"],pn=c((function(n,t){var r,o,i=n.children,s=n.className,d=n.darkMode,c=n.baseFontSize,h=n.as,m=j(n,mn),p=l(d).theme,u=G(c),g=f(h,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?fn:hn,y="code"!==g,v=e.createElement("code",{ref:t,className:a($[u],an,ln[p],sn[p],b,M({},dn[p],y),s)},i);return y?e.createElement(g,O({className:a(on,cn,s)},m),v):e.cloneElement(v,m)}));pn.displayName="InlineCode",pn.propTypes={children:z.node,className:z.string,darkMode:z.bool,baseFontSize:z.oneOf(Object.values(u))};var un,gn,bn,yn,vn,xn,kn,Nn=o(nn||(nn=B(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),m.code),wn=M(M({},x.Light,o(tn||(tn=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),w.black,w.gray.dark3,w.white)),x.Dark,o(rn||(rn=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),w.gray.light2,w.gray.base,w.gray.dark3)),zn=["baseFontSize","darkMode","children","className"];function Fn(n){var t=n.baseFontSize,r=n.darkMode,o=n.children,i=n.className,s=j(n,zn),d=G(t),c=l(r).theme;return e.createElement("code",O({className:a(Nn,wn[c],$[d],i)},s),o)}Fn.displayName="InlineKeyCode";var Sn,En,Dn,Mn=o(un||(un=B(["\n  font-family: ",";\n  font-weight: ",";\n"])),m.default,g.bold),On=M(M({},x.Light,o(gn||(gn=B(["\n    color: ",";\n  "])),w.black)),x.Dark,o(bn||(bn=B(["\n    color: ",";\n  "])),w.gray.light2)),jn=M(M({},x.Light,o(yn||(yn=B(["\n    color: ",";\n  "])),w.gray.base)),x.Dark,o(vn||(vn=B(["\n    color: ",";\n  "])),w.gray.dark1)),Bn=M(M({},u.Body1,o(xn||(xn=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),p.body1.fontSize,p.body1.lineHeight)),u.Body2,o(kn||(kn=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),p.body2.fontSize)),Ln=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Cn=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,h=void 0===f?"label":f,m=n["data-lgid"],p=void 0===m?ie.label:m,u=j(n,Ln),g=l(r).theme,b=G(t),y=d(h).Component;return e.createElement(y,O({"data-lgid":p,className:a(Mn,On[g],Bn[b],M({},jn[g],c),o)},u),i)}));Cn.displayName="Label";var Hn,An,In,Pn,Tn,Wn,Un=k(),_n=o(Sn||(Sn=B(["\n  font-family: ",";\n  display: inline-flex;\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  &:focus {\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"])),m.default,y.default),Rn=M(M({},x.Light,o(En||(En=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover {\n      text-decoration-color: ",";\n    }\n\n    &:focus {\n      text-decoration-color: ",";\n    }\n  "])),w.blue.base,g.regular,w.gray.light2,w.blue.base)),x.Dark,o(Dn||(Dn=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover {\n      text-decoration-color: ",";\n    }\n\n    &:focus {\n      text-decoration-color: ",";\n    }\n  "])),w.blue.light1,g.bold,w.gray.dark2,w.blue.base)),Kn=function(e){if(e)return K[e]},$n=o(Hn||(Hn=B(["\n  gap: ","px;\n"])),v[100]),qn=["children","className","baseFontSize","darkMode","as"],Gn=c((function(n,t){var r=n.children,o=n.className,i=n.baseFontSize,s=n.darkMode,d=n.as,c=j(n,qn),h=l(s).theme,m=G(i),p=f(d,c,"span").Component;return e.createElement(p,O({className:a(Un,_n,Kn(m),Rn[h],$n,o),ref:t},c),e.createElement(F,{role:"presentation"}),r)})),Jn=o(An||(An=B(["\n  transform: translate3d(3px, 0, 0);\n"]))),Qn=o(In||(In=B(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n\n  .",":hover & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),Un),Vn=o(Pn||(Pn=B(["\n  position: relative;\n  bottom: 4px;\n  left: -1px;\n  height: 12px;\n"]))),Xn="hover",Yn="persist",Zn="none",et=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],nt=c((function(o,i){var s=o.children,d=o.className,c=o.arrowAppearance,h=void 0===c?Zn:c,m=o.hideExternalIcon,p=void 0!==m&&m,u=o.baseFontSize,g=o.darkMode,b=o.as,y=j(o,et),v=L(n(""),2),x=v[0],k=v[1];t((function(){k(window.location.hostname)}),[]);var N,w=l(g).theme,z=G(u),F=f(b,y,"span").Component,D=r((function(){if(void 0!==y.href){return/^http(s)?:\/\//.test(y.href)?new URL(y.href).hostname:x}}),[y,x]),B={target:void 0,rel:void 0};return y.target||y.rel?(B.target=y.target,B.rel=y.rel):"a"===F&&(D===x?B.target="_self":(B.target="_blank",B.rel="noopener noreferrer")),"_blank"!==B.target||p?h!==Zn&&(N=e.createElement(S,{role:"presentation",size:12,className:a(M(M({},Qn,h===Xn),Jn,h===Yn))})):N=e.createElement(E,{role:"presentation",className:Vn}),e.createElement(F,O({className:a(Un,_n,Kn(z),Rn[w],d),ref:i},B,y),e.createElement("span",null,s),N)})),tt=o(Tn||(Tn=B(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),g.bold),rt=["darkMode","className","as"],ot=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"div":o,s=j(n,rt),c=l(t).theme,f=d(i).Component;return e.createElement(f,O({className:a(R,tt,q[c],r)},s))}));ot.displayName="Overline";var at=o(Wn||(Wn=B(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),g.bold),it=["darkMode","className","as"],lt=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h6":o,s=j(n,it),c=l(t).theme,f=d(i).Component;return e.createElement(f,O({className:a(R,at,q[c],r)},s))}));lt.displayName="Subtitle";var st,dt,ct=["as","children","maxFontWeight","pseudoElement","className"],ft=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(st||(st=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  "])),r,t)},ht=o(dt||(dt=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"])));function mt(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=j(n,ct),f=N(r);return e.createElement(h,O({className:a(ft({pseudoElement:s,maxFontWeight:i}),d),as:null!=t?t:"span","data-text":f},c),e.createElement("span",{className:ht},r))}export{Gn as BackLink,Q as Body,he as Description,ke as Disclaimer,Be as Error,Ae as H1,Ue as H2,en as H3,pn as InlineCode,Fn as InlineKeyCode,ie as LGIDS_TYPOGRAPHY,Cn as Label,nt as Link,ot as Overline,mt as StaticWidthText,lt as Subtitle,Un as anchorClassName,K as bodyTypeScaleStyles,Bn as labelTypeScaleStyles,G 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 h,Polymorph as f}from"@leafygreen-ui/polymorphic";import{fontFamilies as m,typeScales as u,BaseFontSize as p,fontWeights as g,focusRing as b,transitionDuration as y,spacing as v}from"@leafygreen-ui/tokens";import{Theme as x,createUniqueClassName as k,getNodeTextContent as N}from"@leafygreen-ui/lib";import{palette as w}from"@leafygreen-ui/palette";import z from"prop-types";import F from"@leafygreen-ui/icon/dist/ArrowLeft";import S from"@leafygreen-ui/icon/dist/ArrowRight";import E from"@leafygreen-ui/icon/dist/OpenNewTab";function D(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||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}function M(e,n,t){return(n=D(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(){return O=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},O.apply(this,arguments)}function j(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 B(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){if(Object(t)!==t)return;s=!1}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 C(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 C(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 C(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var H,A,I,P,T,W,U,_,R=o(H||(H=B(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),m.default,w.black),K=M(M({},p.Body1,o(A||(A=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.body1.fontSize,u.body1.lineHeight)),p.Body2,o(I||(I=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.body2.fontSize,u.body2.lineHeight)),$=M(M({},p.Body1,o(P||(P=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.code1.fontSize,u.code1.lineHeight)),p.Body2,o(T||(T=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.code2.fontSize,u.code2.lineHeight)),q=M(M({},x.Light,o(W||(W=B(["\n    color: ",";\n  "])),w.black)),x.Dark,o(U||(U=B(["\n    color: ",";\n  "])),w.gray.light2)),G=function(e){var n=i();return e?16===e?p.Body2:p.Body1:16===n?p.Body2:p.Body1},J=["baseFontSize","darkMode","className","weight","as"],Q=s((function(n){var t=n.baseFontSize,r=n.darkMode,i=n.className,s=n.weight,c=void 0===s?"regular":s,h=n.as,f=void 0===h?"p":h,m=j(n,J),u=l(r).theme,p=G(t),b=d(f).Component,y=o(_||(_=B(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),g[c],g.bold);return e.createElement(b,O({className:a(R,K[p],q[u],y,i)},m))}));Q.displayName="Body";var V,X,Y,Z,ee,ne,te,re,oe,ae,ie={label:"lg-label",description:"lg-description"},le=o(V||(V=B(["\n  font-family: ",";\n  font-weight: ",";\n  margin-top: 0;\n  margin-bottom: 0;\n"])),m.default,g.regular),se=M(M({},x.Light,o(X||(X=B(["\n    color: ",";\n  "])),w.gray.dark1)),x.Dark,o(Y||(Y=B(["\n    color: ",";\n  "])),w.gray.light1)),de=M(M({},x.Light,o(Z||(Z=B(["\n    color: ",";\n  "])),w.gray.base)),x.Dark,o(ee||(ee=B(["\n    color: ",";\n  "])),w.gray.dark1)),ce=M(M({},p.Body1,o(ne||(ne=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.body1.fontSize,u.body1.lineHeight)),p.Body2,o(te||(te=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),u.body2.fontSize)),he=["baseFontSize","data-lgid","darkMode","disabled","children","className"],fe=function(n){var t=n.baseFontSize,r=n["data-lgid"],o=void 0===r?ie.description:r,i=n.darkMode,s=n.disabled,d=void 0!==s&&s,c=n.children,h=n.className,f=j(n,he),m=l(i).theme,u=G(t);return e.createElement("p",O({"data-lgid":o,className:a(le,se[m],ce[u],M({},de[m],d),h)},f),c)};fe.displayName="Description";var me,ue,pe,ge,be,ye=M(M({},x.Light,o(re||(re=B(["\n    color: ",";\n  "])),w.gray.dark1)),x.Dark,o(oe||(oe=B(["\n    color: ",";\n  "])),w.gray.light1)),ve=o(ae||(ae=B(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),xe=["darkMode","children","className"];function ke(n){var t=n.darkMode,r=n.children,o=n.className,i=j(n,xe),s=l(t).theme;return e.createElement("small",O({},i,{className:a(R,ve,ye[s],o)}),r)}ke.displayName="Disclaimer";var Ne,we,ze,Fe,Se,Ee,De=o(me||(me=B(["\n  font-family: ",";\n  font-weight: ",";\n  font-size: inherit;\n  line-height: inherit;\n\n  // Unsets browser default margins\n  margin-block-start: 0;\n  margin-block-end: 0;\n"])),m.default,g.regular),Me=M(M({},x.Light,o(ue||(ue=B(["\n    color: ",";\n  "])),w.red.base)),x.Dark,o(pe||(pe=B(["\n    color: ",";\n  "])),w.red.light1)),Oe=M(M({},p.Body1,o(ge||(ge=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.body1.fontSize,u.body1.lineHeight)),p.Body2,o(be||(be=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),u.body2.fontSize)),je=["as","darkMode","children","className"],Be=s((function(n){var t=n.as,r=void 0===t?"p":t,o=n.darkMode,i=n.children,s=n.className,c=j(n,je),h=l(o).theme,f=G(),m=d(r).Component;return e.createElement(m,O({},c,{className:a(De,Me[h],Oe[f],s)}),i)})),Le=o(Ne||(Ne=B(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 62px;\n  font-family: ",";\n"])),g.regular,m.serif),Ce=M(M({},x.Light,o(we||(we=B(["\n    color: ",";\n  "])),w.green.dark2)),x.Dark,o(ze||(ze=B(["\n    color: ",";\n  "])),w.gray.light2)),He=["darkMode","className","as"],Ae=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h1":o,s=j(n,He),c=l(t).theme,h=d(i).Component;return e.createElement(h,O({className:a(R,Le,Ce[c],r)},s))}));Ae.displayName="H1";var Ie,Pe=o(Fe||(Fe=B(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),g.regular,m.serif),Te=M(M({},x.Light,o(Se||(Se=B(["\n    color: ",";\n  "])),w.green.dark2)),x.Dark,o(Ee||(Ee=B(["\n    color: ",";\n  "])),w.gray.light2)),We=["darkMode","className","as"],Ue=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h2":o,s=j(n,We),c=l(t).theme,h=d(i).Component;return e.createElement(h,O({className:a(R,Pe,Te[c],r)},s))}));Ue.displayName="H2";var _e,Re,Ke,$e,qe,Ge,Je,Qe,Ve,Xe,Ye=o(Ie||(Ie=B(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),g.medium),Ze=["darkMode","className","as"],en=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h3":o,s=j(n,Ze),c=l(t).theme,h=d(i).Component;return e.createElement(h,O({className:a(R,Ye,q[c],r)},s))}));en.displayName="H3";var nn,tn,rn,on=k(),an=o(_e||(_e=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"])),m.code,on),ln=M(M({},x.Light,o(Re||(Re=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  "])),w.gray.light3,w.gray.light2,w.gray.dark3,on,w.gray.light2,w.gray.light1)),x.Dark,o(Ke||(Ke=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  "])),w.gray.dark2,w.gray.light1,on,w.gray.dark2,w.gray.dark1)),sn=M(M({},x.Light,o($e||($e=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),on,b[x.Light].default,w.blue.base)),x.Dark,o(qe||(qe=B(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),on,b[x.Dark].default,w.blue.base)),dn=M(M({},x.Light,o(Ge||(Ge=B(["\n    color: ",";\n  "])),w.blue.base)),x.Dark,o(Je||(Je=B(["\n    color: ",";\n  "])),w.blue.light1)),cn=o(Qe||(Qe=B(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),hn=o(Ve||(Ve=B(["\n  white-space: nowrap;\n"]))),fn=o(Xe||(Xe=B(["\n  white-space: normal;\n"]))),mn=["children","className","darkMode","baseFontSize","as"],un=c((function(n,t){var r,o,i=n.children,s=n.className,d=n.darkMode,c=n.baseFontSize,f=n.as,m=j(n,mn),u=l(d).theme,p=G(c),g=h(f,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?hn:fn,y="code"!==g,v=e.createElement("code",{ref:t,className:a($[p],an,ln[u],sn[u],b,M({},dn[u],y),s)},i);return y?e.createElement(g,O({className:a(on,cn,s)},m),v):e.cloneElement(v,m)}));un.displayName="InlineCode",un.propTypes={children:z.node,className:z.string,darkMode:z.bool,baseFontSize:z.oneOf(Object.values(p))};var pn,gn,bn,yn,vn,xn,kn,Nn=o(nn||(nn=B(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),m.code),wn=M(M({},x.Light,o(tn||(tn=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),w.black,w.gray.dark3,w.white)),x.Dark,o(rn||(rn=B(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),w.gray.light2,w.gray.base,w.gray.dark3)),zn=["baseFontSize","darkMode","children","className"];function Fn(n){var t=n.baseFontSize,r=n.darkMode,o=n.children,i=n.className,s=j(n,zn),d=G(t),c=l(r).theme;return e.createElement("code",O({className:a(Nn,wn[c],$[d],i)},s),o)}Fn.displayName="InlineKeyCode";var Sn,En,Dn,Mn=o(pn||(pn=B(["\n  font-family: ",";\n  font-weight: ",";\n"])),m.default,g.bold),On=M(M({},x.Light,o(gn||(gn=B(["\n    color: ",";\n  "])),w.black)),x.Dark,o(bn||(bn=B(["\n    color: ",";\n  "])),w.gray.light2)),jn=M(M({},x.Light,o(yn||(yn=B(["\n    color: ",";\n  "])),w.gray.base)),x.Dark,o(vn||(vn=B(["\n    color: ",";\n  "])),w.gray.dark1)),Bn=M(M({},p.Body1,o(xn||(xn=B(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),u.body1.fontSize,u.body1.lineHeight)),p.Body2,o(kn||(kn=B(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),u.body2.fontSize)),Ln=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Cn=s((function(n){var t=n.baseFontSize,r=n.darkMode,o=n.className,i=n.children,s=n.disabled,c=void 0!==s&&s,h=n.as,f=void 0===h?"label":h,m=n["data-lgid"],u=void 0===m?ie.label:m,p=j(n,Ln),g=l(r).theme,b=G(t),y=d(f).Component;return e.createElement(y,O({"data-lgid":u,className:a(Mn,On[g],Bn[b],M({},jn[g],c),o)},p),i)}));Cn.displayName="Label";var Hn,An,In,Pn,Tn,Wn,Un=k(),_n=o(Sn||(Sn=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,\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"])),m.default,y.default),Rn=M(M({},x.Light,o(En||(En=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),w.blue.base,g.regular,w.gray.light2,w.blue.base)),x.Dark,o(Dn||(Dn=B(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),w.blue.light1,g.bold,w.gray.dark2,w.blue.base)),Kn=function(e){if(e)return K[e]},$n=o(Hn||(Hn=B(["\n  gap: ","px;\n  display: inline-flex;\n"])),v[100]),qn=["children","className","baseFontSize","darkMode","as"],Gn=c((function(n,t){var r=n.children,o=n.className,i=n.baseFontSize,s=n.darkMode,d=n.as,c=j(n,qn),f=l(s).theme,m=G(i),u=h(d,c,"span").Component;return e.createElement(u,O({className:a(Un,_n,Kn(m),Rn[f],$n,o),ref:t},c),e.createElement(F,{role:"presentation"}),r)})),Jn=o(An||(An=B(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),Qn=o(In||(In=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"])),Un,Un),Vn=o(Pn||(Pn=B(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),Xn="hover",Yn="persist",Zn="none",et=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],nt=c((function(o,i){var s=o.children,d=o.className,c=o.arrowAppearance,f=void 0===c?Zn:c,m=o.hideExternalIcon,u=void 0!==m&&m,p=o.baseFontSize,g=o.darkMode,b=o.as,y=j(o,et),v=L(n(""),2),x=v[0],k=v[1];t((function(){k(window.location.hostname)}),[]);var N,w=l(g).theme,z=G(p),F=h(b,y,"span").Component,D=r((function(){if(void 0!==y.href){return/^http(s)?:\/\//.test(y.href)?new URL(y.href).hostname:x}}),[y,x]),B={target:void 0,rel:void 0};return y.target||y.rel?(B.target=y.target,B.rel=y.rel):"a"===F&&(D===x?B.target="_self":(B.target="_blank",B.rel="noopener noreferrer")),"_blank"!==B.target||u?f!==Zn&&(N=e.createElement(S,{role:"presentation",size:12,className:a(M(M({},Qn,f===Xn),Jn,f===Yn))})):N=e.createElement(E,{role:"presentation",className:Vn}),e.createElement(F,O({className:a(Un,_n,Kn(z),Rn[w],d),ref:i},B,y),e.createElement("span",null,s),N)})),tt=o(Tn||(Tn=B(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),g.bold),rt=["darkMode","className","as"],ot=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"div":o,s=j(n,rt),c=l(t).theme,h=d(i).Component;return e.createElement(h,O({className:a(R,tt,q[c],r)},s))}));ot.displayName="Overline";var at=o(Wn||(Wn=B(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),g.bold),it=["darkMode","className","as"],lt=s((function(n){var t=n.darkMode,r=n.className,o=n.as,i=void 0===o?"h6":o,s=j(n,it),c=l(t).theme,h=d(i).Component;return e.createElement(h,O({className:a(R,at,q[c],r)},s))}));lt.displayName="Subtitle";var st,dt,ct=["as","children","maxFontWeight","pseudoElement","className"],ht=function(e){var n=e.pseudoElement,t=e.maxFontWeight,r="&:".concat(n);return o(st||(st=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  "])),r,t)},ft=o(dt||(dt=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"])));function mt(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=j(n,ct),h=N(r);return e.createElement(f,O({className:a(ht({pseudoElement:s,maxFontWeight:i}),d),as:null!=t?t:"span","data-text":h},c),e.createElement("span",{className:ft},r))}export{Gn as BackLink,Q as Body,fe as Description,ke as Disclaimer,Be as Error,Ae as H1,Ue as H2,en as H3,un as InlineCode,Fn as InlineKeyCode,ie as LGIDS_TYPOGRAPHY,Cn as Label,nt as Link,ot as Overline,mt as StaticWidthText,lt as Subtitle,Un as anchorClassName,K as bodyTypeScaleStyles,Bn as labelTypeScaleStyles,G 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,r,o,i,l,s,c,d,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,h,m,g,y,b,x,v=f(n),k=f(s),S=f(c),N=f(d),F=f(p);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||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(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 D(){return D=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},D.apply(this,arguments)}function M(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function B(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,r,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(a=o.call(t)).done)&&(l.push(a.value),l.length!==n);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return E(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 E(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 E(e,n){(null==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 P,O=t.css(u||(u=T(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),o.fontFamilies.default,l.palette.black),L=w(w({},o.BaseFontSize.Body1,t.css(h||(h=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(m||(m=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body2.fontSize,o.typeScales.body2.lineHeight)),C=w(w({},o.BaseFontSize.Body1,t.css(g||(g=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.code1.fontSize,o.typeScales.code1.lineHeight)),o.BaseFontSize.Body2,t.css(y||(y=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.code2.fontSize,o.typeScales.code2.lineHeight)),j=w(w({},i.Theme.Light,t.css(b||(b=T(["\n    color: ",";\n  "])),l.palette.black)),i.Theme.Dark,t.css(x||(x=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),H=function(e){var n=a.useBaseFontSize();return e?16===e?o.BaseFontSize.Body2:o.BaseFontSize.Body1:16===n?o.BaseFontSize.Body2:o.BaseFontSize.Body1},I=["baseFontSize","darkMode","className","weight","as"],W=r.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,p=void 0===d?"p":d,f=M(e,I),u=a.useDarkMode(i).theme,h=H(n),m=r.usePolymorphic(p).Component,g=t.css(P||(P=T(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),o.fontWeights[c],o.fontWeights.bold);return v.default.createElement(m,D({className:t.cx(O,L[h],j[u],g,l)},f))}));W.displayName="Body";var A,q,R,U,_,G,K,Y,$,J,Q={label:"lg-label",description:"lg-description"},V=t.css(A||(A=T(["\n  font-family: ",";\n  font-weight: ",";\n  margin-top: 0;\n  margin-bottom: 0;\n"])),o.fontFamilies.default,o.fontWeights.regular),X=w(w({},i.Theme.Light,t.css(q||(q=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),i.Theme.Dark,t.css(R||(R=T(["\n    color: ",";\n  "])),l.palette.gray.light1)),Z=w(w({},i.Theme.Light,t.css(U||(U=T(["\n    color: ",";\n  "])),l.palette.gray.base)),i.Theme.Dark,t.css(_||(_=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),ee=w(w({},o.BaseFontSize.Body1,t.css(G||(G=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(K||(K=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),ne=["baseFontSize","data-lgid","darkMode","disabled","children","className"],te=function(e){var n=e.baseFontSize,r=e["data-lgid"],o=void 0===r?Q.description:r,i=e.darkMode,l=e.disabled,s=void 0!==l&&l,c=e.children,d=e.className,p=M(e,ne),f=a.useDarkMode(i).theme,u=H(n);return v.default.createElement("p",D({"data-lgid":o,className:t.cx(V,X[f],ee[u],w({},Z[f],s),d)},p),c)};te.displayName="Description";var ae,re,oe,ie,le,se=w(w({},i.Theme.Light,t.css(Y||(Y=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),i.Theme.Dark,t.css($||($=T(["\n    color: ",";\n  "])),l.palette.gray.light1)),ce=t.css(J||(J=T(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),de=["darkMode","children","className"];function pe(e){var n=e.darkMode,r=e.children,o=e.className,i=M(e,de),l=a.useDarkMode(n).theme;return v.default.createElement("small",D({},i,{className:t.cx(O,ce,se[l],o)}),r)}pe.displayName="Disclaimer";var fe,ue,he,me,ge,ye,be=t.css(ae||(ae=T(["\n  font-family: ",";\n  font-weight: ",";\n  font-size: inherit;\n  line-height: inherit;\n\n  // Unsets browser default margins\n  margin-block-start: 0;\n  margin-block-end: 0;\n"])),o.fontFamilies.default,o.fontWeights.regular),xe=w(w({},i.Theme.Light,t.css(re||(re=T(["\n    color: ",";\n  "])),l.palette.red.base)),i.Theme.Dark,t.css(oe||(oe=T(["\n    color: ",";\n  "])),l.palette.red.light1)),ve=w(w({},o.BaseFontSize.Body1,t.css(ie||(ie=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(le||(le=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),ke=["as","darkMode","children","className"],Se=r.Polymorphic((function(e){var n=e.as,o=void 0===n?"p":n,i=e.darkMode,l=e.children,s=e.className,c=M(e,ke),d=a.useDarkMode(i).theme,p=H(),f=r.usePolymorphic(o).Component;return v.default.createElement(f,D({},c,{className:t.cx(be,xe[d],ve[p],s)}),l)})),Ne=t.css(fe||(fe=T(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 62px;\n  font-family: ",";\n"])),o.fontWeights.regular,o.fontFamilies.serif),Fe=w(w({},i.Theme.Light,t.css(ue||(ue=T(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(he||(he=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),ze=["darkMode","className","as"],we=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h1":i,s=M(e,ze),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Ne,Fe[c],o)},s))}));we.displayName="H1";var De,Me=t.css(me||(me=T(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),o.fontWeights.regular,o.fontFamilies.serif),Te=w(w({},i.Theme.Light,t.css(ge||(ge=T(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ye||(ye=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),Be=["darkMode","className","as"],Ee=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h2":i,s=M(e,Be),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Me,Te[c],o)},s))}));Ee.displayName="H2";var Pe,Oe,Le,Ce,je,He,Ie,We,Ae,qe,Re=t.css(De||(De=T(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),o.fontWeights.medium),Ue=["darkMode","className","as"],_e=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h3":i,s=M(e,Ue),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Re,j[c],o)},s))}));_e.displayName="H3";var Ge,Ke,Ye,$e=i.createUniqueClassName(),Je=t.css(Pe||(Pe=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"])),o.fontFamilies.code,$e),Qe=w(w({},i.Theme.Light,t.css(Oe||(Oe=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  "])),l.palette.gray.light3,l.palette.gray.light2,l.palette.gray.dark3,$e,l.palette.gray.light2,l.palette.gray.light1)),i.Theme.Dark,t.css(Le||(Le=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  "])),l.palette.gray.dark2,l.palette.gray.light1,$e,l.palette.gray.dark2,l.palette.gray.dark1)),Ve=w(w({},i.Theme.Light,t.css(Ce||(Ce=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),$e,o.focusRing[i.Theme.Light].default,l.palette.blue.base)),i.Theme.Dark,t.css(je||(je=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),$e,o.focusRing[i.Theme.Dark].default,l.palette.blue.base)),Xe=w(w({},i.Theme.Light,t.css(He||(He=T(["\n    color: ",";\n  "])),l.palette.blue.base)),i.Theme.Dark,t.css(Ie||(Ie=T(["\n    color: ",";\n  "])),l.palette.blue.light1)),Ze=t.css(We||(We=T(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),en=t.css(Ae||(Ae=T(["\n  white-space: nowrap;\n"]))),nn=t.css(qe||(qe=T(["\n  white-space: normal;\n"]))),tn=["children","className","darkMode","baseFontSize","as"],an=r.InferredPolymorphic((function(e,n){var o,i,l=e.children,s=e.className,c=e.darkMode,d=e.baseFontSize,p=e.as,f=M(e,tn),u=a.useDarkMode(c).theme,h=H(d),m=r.useInferredPolymorphic(p,f,"code").Component,g=(null!==(o="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!==o?o:0)<=30?en:nn,y="code"!==m,b=v.default.createElement("code",{ref:n,className:t.cx(C[h],Je,Qe[u],Ve[u],g,w({},Xe[u],y),s)},l);return y?v.default.createElement(m,D({className:t.cx($e,Ze,s)},f),b):v.default.cloneElement(b,f)}));an.displayName="InlineCode",an.propTypes={children:k.default.node,className:k.default.string,darkMode:k.default.bool,baseFontSize:k.default.oneOf(Object.values(o.BaseFontSize))};var rn,on,ln,sn,cn,dn,pn,fn=t.css(Ge||(Ge=T(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),o.fontFamilies.code),un=w(w({},i.Theme.Light,t.css(Ke||(Ke=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),l.palette.black,l.palette.gray.dark3,l.palette.white)),i.Theme.Dark,t.css(Ye||(Ye=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),l.palette.gray.light2,l.palette.gray.base,l.palette.gray.dark3)),hn=["baseFontSize","darkMode","children","className"];function mn(e){var n=e.baseFontSize,r=e.darkMode,o=e.children,i=e.className,l=M(e,hn),s=H(n),c=a.useDarkMode(r).theme;return v.default.createElement("code",D({className:t.cx(fn,un[c],C[s],i)},l),o)}mn.displayName="InlineKeyCode";var gn,yn,bn,xn=t.css(rn||(rn=T(["\n  font-family: ",";\n  font-weight: ",";\n"])),o.fontFamilies.default,o.fontWeights.bold),vn=w(w({},i.Theme.Light,t.css(on||(on=T(["\n    color: ",";\n  "])),l.palette.black)),i.Theme.Dark,t.css(ln||(ln=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),kn=w(w({},i.Theme.Light,t.css(sn||(sn=T(["\n    color: ",";\n  "])),l.palette.gray.base)),i.Theme.Dark,t.css(cn||(cn=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),Sn=w(w({},o.BaseFontSize.Body1,t.css(dn||(dn=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(pn||(pn=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),Nn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Fn=r.Polymorphic((function(e){var n=e.baseFontSize,o=e.darkMode,i=e.className,l=e.children,s=e.disabled,c=void 0!==s&&s,d=e.as,p=void 0===d?"label":d,f=e["data-lgid"],u=void 0===f?Q.label:f,h=M(e,Nn),m=a.useDarkMode(o).theme,g=H(n),y=r.usePolymorphic(p).Component;return v.default.createElement(y,D({"data-lgid":u,className:t.cx(xn,vn[m],Sn[g],w({},kn[m],c),i)},h),l)}));Fn.displayName="Label";var zn,wn,Dn,Mn,Tn,Bn,En=i.createUniqueClassName(),Pn=t.css(gn||(gn=T(["\n  font-family: ",";\n  display: inline-flex;\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  &:focus {\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"])),o.fontFamilies.default,o.transitionDuration.default),On=w(w({},i.Theme.Light,t.css(yn||(yn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover {\n      text-decoration-color: ",";\n    }\n\n    &:focus {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.base,o.fontWeights.regular,l.palette.gray.light2,l.palette.blue.base)),i.Theme.Dark,t.css(bn||(bn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover {\n      text-decoration-color: ",";\n    }\n\n    &:focus {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.light1,o.fontWeights.bold,l.palette.gray.dark2,l.palette.blue.base)),Ln=function(e){if(e)return L[e]},Cn=t.css(zn||(zn=T(["\n  gap: ","px;\n"])),o.spacing[100]),jn=["children","className","baseFontSize","darkMode","as"],Hn=r.InferredPolymorphic((function(e,n){var o=e.children,i=e.className,l=e.baseFontSize,s=e.darkMode,c=e.as,d=M(e,jn),p=a.useDarkMode(s).theme,f=H(l),u=r.useInferredPolymorphic(c,d,"span").Component;return v.default.createElement(u,D({className:t.cx(En,Pn,Ln(f),On[p],Cn,i),ref:n},d),v.default.createElement(S.default,{role:"presentation"}),o)})),In=t.css(wn||(wn=T(["\n  transform: translate3d(3px, 0, 0);\n"]))),Wn=t.css(Dn||(Dn=T(["\n  opacity: 0;\n  transform: translate3d(-3px, 0, 0);\n  transition: 100ms ease-in;\n  transition-property: opacity, transform;\n\n  .",":hover & {\n    opacity: 1;\n    transform: translate3d(3px, 0, 0);\n  }\n"])),En),An=t.css(Mn||(Mn=T(["\n  position: relative;\n  bottom: 4px;\n  left: -1px;\n  height: 12px;\n"]))),qn="hover",Rn="persist",Un="none",_n=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Gn=r.InferredPolymorphic((function(e,o){var i=e.children,l=e.className,s=e.arrowAppearance,c=void 0===s?Un:s,d=e.hideExternalIcon,p=void 0!==d&&d,f=e.baseFontSize,u=e.darkMode,h=e.as,m=M(e,_n),g=B(n.useState(""),2),y=g[0],b=g[1];n.useEffect((function(){b(window.location.hostname)}),[]);var x,k=a.useDarkMode(u).theme,S=H(f),z=r.useInferredPolymorphic(h,m,"span").Component,T=n.useMemo((function(){if(void 0!==m.href){return/^http(s)?:\/\//.test(m.href)?new URL(m.href).hostname:y}}),[m,y]),E={target:void 0,rel:void 0};return m.target||m.rel?(E.target=m.target,E.rel=m.rel):"a"===z&&(T===y?E.target="_self":(E.target="_blank",E.rel="noopener noreferrer")),"_blank"!==E.target||p?c!==Un&&(x=v.default.createElement(N.default,{role:"presentation",size:12,className:t.cx(w(w({},Wn,c===qn),In,c===Rn))})):x=v.default.createElement(F.default,{role:"presentation",className:An}),v.default.createElement(z,D({className:t.cx(En,Pn,Ln(S),On[k],l),ref:o},E,m),v.default.createElement("span",null,i),x)})),Kn=t.css(Tn||(Tn=T(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),o.fontWeights.bold),Yn=["darkMode","className","as"],$n=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"div":i,s=M(e,Yn),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Kn,j[c],o)},s))}));$n.displayName="Overline";var Jn=t.css(Bn||(Bn=T(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),o.fontWeights.bold),Qn=["darkMode","className","as"],Vn=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h6":i,s=M(e,Qn),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Jn,j[c],o)},s))}));Vn.displayName="Subtitle";var Xn,Zn,et=["as","children","maxFontWeight","pseudoElement","className"],nt=function(e){var n=e.pseudoElement,a=e.maxFontWeight,r="&:".concat(n);return t.css(Xn||(Xn=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,a)},tt=t.css(Zn||(Zn=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"])));e.BackLink=Hn,e.Body=W,e.Description=te,e.Disclaimer=pe,e.Error=Se,e.H1=we,e.H2=Ee,e.H3=_e,e.InlineCode=an,e.InlineKeyCode=mn,e.LGIDS_TYPOGRAPHY=Q,e.Label=Fn,e.Link=Gn,e.Overline=$n,e.StaticWidthText=function(e){var n=e.as,a=e.children,o=e.maxFontWeight,l=void 0===o?700:o,s=e.pseudoElement,c=void 0===s?"after":s,d=e.className,p=M(e,et),f=i.getNodeTextContent(a);return v.default.createElement(r.Polymorph,D({className:t.cx(nt({pseudoElement:c,maxFontWeight:l}),d),as:null!=n?n:"span","data-text":f},p),v.default.createElement("span",{className:tt},a))},e.Subtitle=Vn,e.anchorClassName=En,e.bodyTypeScaleStyles=L,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,r,o,i,l,s,c,d,u){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,h,m,g,y,b,x,v=p(n),k=p(s),S=p(c),N=p(d),F=p(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||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(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 D(){return D=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},D.apply(this,arguments)}function M(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}function T(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function B(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,r,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(a=o.call(t)).done)&&(l.push(a.value),l.length!==n);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return E(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 E(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 E(e,n){(null==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 P,O=t.css(f||(f=T(["\n  margin: unset;\n  font-family: ",";\n  color: ",";\n"])),o.fontFamilies.default,l.palette.black),L=w(w({},o.BaseFontSize.Body1,t.css(h||(h=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(m||(m=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body2.fontSize,o.typeScales.body2.lineHeight)),C=w(w({},o.BaseFontSize.Body1,t.css(g||(g=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.code1.fontSize,o.typeScales.code1.lineHeight)),o.BaseFontSize.Body2,t.css(y||(y=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.code2.fontSize,o.typeScales.code2.lineHeight)),j=w(w({},i.Theme.Light,t.css(b||(b=T(["\n    color: ",";\n  "])),l.palette.black)),i.Theme.Dark,t.css(x||(x=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),H=function(e){var n=a.useBaseFontSize();return e?16===e?o.BaseFontSize.Body2:o.BaseFontSize.Body1:16===n?o.BaseFontSize.Body2:o.BaseFontSize.Body1},I=["baseFontSize","darkMode","className","weight","as"],W=r.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,p=M(e,I),f=a.useDarkMode(i).theme,h=H(n),m=r.usePolymorphic(u).Component,g=t.css(P||(P=T(["\n      font-weight: ",";\n      strong,\n      b {\n        font-weight: ",";\n      }\n    "])),o.fontWeights[c],o.fontWeights.bold);return v.default.createElement(m,D({className:t.cx(O,L[h],j[f],g,l)},p))}));W.displayName="Body";var A,q,R,U,_,G,K,Y,$,J,Q={label:"lg-label",description:"lg-description"},V=t.css(A||(A=T(["\n  font-family: ",";\n  font-weight: ",";\n  margin-top: 0;\n  margin-bottom: 0;\n"])),o.fontFamilies.default,o.fontWeights.regular),X=w(w({},i.Theme.Light,t.css(q||(q=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),i.Theme.Dark,t.css(R||(R=T(["\n    color: ",";\n  "])),l.palette.gray.light1)),Z=w(w({},i.Theme.Light,t.css(U||(U=T(["\n    color: ",";\n  "])),l.palette.gray.base)),i.Theme.Dark,t.css(_||(_=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),ee=w(w({},o.BaseFontSize.Body1,t.css(G||(G=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(K||(K=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),ne=["baseFontSize","data-lgid","darkMode","disabled","children","className"],te=function(e){var n=e.baseFontSize,r=e["data-lgid"],o=void 0===r?Q.description:r,i=e.darkMode,l=e.disabled,s=void 0!==l&&l,c=e.children,d=e.className,u=M(e,ne),p=a.useDarkMode(i).theme,f=H(n);return v.default.createElement("p",D({"data-lgid":o,className:t.cx(V,X[p],ee[f],w({},Z[p],s),d)},u),c)};te.displayName="Description";var ae,re,oe,ie,le,se=w(w({},i.Theme.Light,t.css(Y||(Y=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),i.Theme.Dark,t.css($||($=T(["\n    color: ",";\n  "])),l.palette.gray.light1)),ce=t.css(J||(J=T(["\n  display: block;\n  font-size: 11px;\n  line-height: 16px;\n  letter-spacing: 0.2px;\n"]))),de=["darkMode","children","className"];function ue(e){var n=e.darkMode,r=e.children,o=e.className,i=M(e,de),l=a.useDarkMode(n).theme;return v.default.createElement("small",D({},i,{className:t.cx(O,ce,se[l],o)}),r)}ue.displayName="Disclaimer";var pe,fe,he,me,ge,ye,be=t.css(ae||(ae=T(["\n  font-family: ",";\n  font-weight: ",";\n  font-size: inherit;\n  line-height: inherit;\n\n  // Unsets browser default margins\n  margin-block-start: 0;\n  margin-block-end: 0;\n"])),o.fontFamilies.default,o.fontWeights.regular),xe=w(w({},i.Theme.Light,t.css(re||(re=T(["\n    color: ",";\n  "])),l.palette.red.base)),i.Theme.Dark,t.css(oe||(oe=T(["\n    color: ",";\n  "])),l.palette.red.light1)),ve=w(w({},o.BaseFontSize.Body1,t.css(ie||(ie=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(le||(le=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),ke=["as","darkMode","children","className"],Se=r.Polymorphic((function(e){var n=e.as,o=void 0===n?"p":n,i=e.darkMode,l=e.children,s=e.className,c=M(e,ke),d=a.useDarkMode(i).theme,u=H(),p=r.usePolymorphic(o).Component;return v.default.createElement(p,D({},c,{className:t.cx(be,xe[d],ve[u],s)}),l)})),Ne=t.css(pe||(pe=T(["\n  font-weight: ",";\n  font-size: 48px;\n  line-height: 62px;\n  font-family: ",";\n"])),o.fontWeights.regular,o.fontFamilies.serif),Fe=w(w({},i.Theme.Light,t.css(fe||(fe=T(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(he||(he=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),ze=["darkMode","className","as"],we=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h1":i,s=M(e,ze),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Ne,Fe[c],o)},s))}));we.displayName="H1";var De,Me=t.css(me||(me=T(["\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: ",";\n  font-family: ",";\n"])),o.fontWeights.regular,o.fontFamilies.serif),Te=w(w({},i.Theme.Light,t.css(ge||(ge=T(["\n    color: ",";\n  "])),l.palette.green.dark2)),i.Theme.Dark,t.css(ye||(ye=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),Be=["darkMode","className","as"],Ee=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h2":i,s=M(e,Be),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Me,Te[c],o)},s))}));Ee.displayName="H2";var Pe,Oe,Le,Ce,je,He,Ie,We,Ae,qe,Re=t.css(De||(De=T(["\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: ",";\n"])),o.fontWeights.medium),Ue=["darkMode","className","as"],_e=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h3":i,s=M(e,Ue),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Re,j[c],o)},s))}));_e.displayName="H3";var Ge,Ke,Ye,$e=i.createUniqueClassName(),Je=t.css(Pe||(Pe=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"])),o.fontFamilies.code,$e),Qe=w(w({},i.Theme.Light,t.css(Oe||(Oe=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  "])),l.palette.gray.light3,l.palette.gray.light2,l.palette.gray.dark3,$e,l.palette.gray.light2,l.palette.gray.light1)),i.Theme.Dark,t.css(Le||(Le=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  "])),l.palette.gray.dark2,l.palette.gray.light1,$e,l.palette.gray.dark2,l.palette.gray.dark1)),Ve=w(w({},i.Theme.Light,t.css(Ce||(Ce=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),$e,o.focusRing[i.Theme.Light].default,l.palette.blue.base)),i.Theme.Dark,t.css(je||(je=T(["\n    .",":focus-visible > & {\n      box-shadow: ",";\n      border: 1px solid ",";\n    }\n  "])),$e,o.focusRing[i.Theme.Dark].default,l.palette.blue.base)),Xe=w(w({},i.Theme.Light,t.css(He||(He=T(["\n    color: ",";\n  "])),l.palette.blue.base)),i.Theme.Dark,t.css(Ie||(Ie=T(["\n    color: ",";\n  "])),l.palette.blue.light1)),Ze=t.css(We||(We=T(["\n  text-decoration: none;\n  margin: 0;\n  padding: 0;\n  line-height: 20px;\n\n  &:focus {\n    outline: none;\n  }\n"]))),en=t.css(Ae||(Ae=T(["\n  white-space: nowrap;\n"]))),nn=t.css(qe||(qe=T(["\n  white-space: normal;\n"]))),tn=["children","className","darkMode","baseFontSize","as"],an=r.InferredPolymorphic((function(e,n){var o,i,l=e.children,s=e.className,c=e.darkMode,d=e.baseFontSize,u=e.as,p=M(e,tn),f=a.useDarkMode(c).theme,h=H(d),m=r.useInferredPolymorphic(u,p,"code").Component,g=(null!==(o="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!==o?o:0)<=30?en:nn,y="code"!==m,b=v.default.createElement("code",{ref:n,className:t.cx(C[h],Je,Qe[f],Ve[f],g,w({},Xe[f],y),s)},l);return y?v.default.createElement(m,D({className:t.cx($e,Ze,s)},p),b):v.default.cloneElement(b,p)}));an.displayName="InlineCode",an.propTypes={children:k.default.node,className:k.default.string,darkMode:k.default.bool,baseFontSize:k.default.oneOf(Object.values(o.BaseFontSize))};var rn,on,ln,sn,cn,dn,un,pn=t.css(Ge||(Ge=T(["\n  font-family: ",";\n  border: 1px solid;\n  border-radius: 3px;\n  padding-left: 5px;\n  padding-right: 5px;\n"])),o.fontFamilies.code),fn=w(w({},i.Theme.Light,t.css(Ke||(Ke=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),l.palette.black,l.palette.gray.dark3,l.palette.white)),i.Theme.Dark,t.css(Ye||(Ye=T(["\n    color: ",";\n    border-color: ",";\n    background-color: ",";\n  "])),l.palette.gray.light2,l.palette.gray.base,l.palette.gray.dark3)),hn=["baseFontSize","darkMode","children","className"];function mn(e){var n=e.baseFontSize,r=e.darkMode,o=e.children,i=e.className,l=M(e,hn),s=H(n),c=a.useDarkMode(r).theme;return v.default.createElement("code",D({className:t.cx(pn,fn[c],C[s],i)},l),o)}mn.displayName="InlineKeyCode";var gn,yn,bn,xn=t.css(rn||(rn=T(["\n  font-family: ",";\n  font-weight: ",";\n"])),o.fontFamilies.default,o.fontWeights.bold),vn=w(w({},i.Theme.Light,t.css(on||(on=T(["\n    color: ",";\n  "])),l.palette.black)),i.Theme.Dark,t.css(ln||(ln=T(["\n    color: ",";\n  "])),l.palette.gray.light2)),kn=w(w({},i.Theme.Light,t.css(sn||(sn=T(["\n    color: ",";\n  "])),l.palette.gray.base)),i.Theme.Dark,t.css(cn||(cn=T(["\n    color: ",";\n  "])),l.palette.gray.dark1)),Sn=w(w({},o.BaseFontSize.Body1,t.css(dn||(dn=T(["\n    font-size: ","px;\n    line-height: ","px;\n  "])),o.typeScales.body1.fontSize,o.typeScales.body1.lineHeight)),o.BaseFontSize.Body2,t.css(un||(un=T(["\n    font-size: ","px;\n    line-height: 20px; // Hardcoding because it does not match body2 lineHeight\n  "])),o.typeScales.body2.fontSize)),Nn=["baseFontSize","darkMode","className","children","disabled","as","data-lgid"],Fn=r.Polymorphic((function(e){var n=e.baseFontSize,o=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,p=e["data-lgid"],f=void 0===p?Q.label:p,h=M(e,Nn),m=a.useDarkMode(o).theme,g=H(n),y=r.usePolymorphic(u).Component;return v.default.createElement(y,D({"data-lgid":f,className:t.cx(xn,vn[m],Sn[g],w({},kn[m],c),i)},h),l)}));Fn.displayName="Label";var zn,wn,Dn,Mn,Tn,Bn,En=i.createUniqueClassName(),Pn=t.css(gn||(gn=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,\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"])),o.fontFamilies.default,o.transitionDuration.default),On=w(w({},i.Theme.Light,t.css(yn||(yn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.base,o.fontWeights.regular,l.palette.gray.light2,l.palette.blue.base)),i.Theme.Dark,t.css(bn||(bn=T(["\n    color: ",";\n    font-weight: ",";\n\n    &:hover,\n    &[data-hover='true'] {\n      text-decoration-color: ",";\n    }\n\n    &:focus,\n    &[data-focus='true'] {\n      text-decoration-color: ",";\n    }\n  "])),l.palette.blue.light1,o.fontWeights.bold,l.palette.gray.dark2,l.palette.blue.base)),Ln=function(e){if(e)return L[e]},Cn=t.css(zn||(zn=T(["\n  gap: ","px;\n  display: inline-flex;\n"])),o.spacing[100]),jn=["children","className","baseFontSize","darkMode","as"],Hn=r.InferredPolymorphic((function(e,n){var o=e.children,i=e.className,l=e.baseFontSize,s=e.darkMode,c=e.as,d=M(e,jn),u=a.useDarkMode(s).theme,p=H(l),f=r.useInferredPolymorphic(c,d,"span").Component;return v.default.createElement(f,D({className:t.cx(En,Pn,Ln(p),On[u],Cn,i),ref:n},d),v.default.createElement(S.default,{role:"presentation"}),o)})),In=t.css(wn||(wn=T(["\n  transform: translate3d(3px, 0, 0);\n  top: 1px;\n  position: relative;\n"]))),Wn=t.css(Dn||(Dn=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"])),En,En),An=t.css(Mn||(Mn=T(["\n  position: relative;\n  bottom: 2px;\n  left: -1px;\n  height: 12px;\n"]))),qn="hover",Rn="persist",Un="none",_n=["children","className","arrowAppearance","hideExternalIcon","baseFontSize","darkMode","as"],Gn=r.InferredPolymorphic((function(e,o){var i=e.children,l=e.className,s=e.arrowAppearance,c=void 0===s?Un:s,d=e.hideExternalIcon,u=void 0!==d&&d,p=e.baseFontSize,f=e.darkMode,h=e.as,m=M(e,_n),g=B(n.useState(""),2),y=g[0],b=g[1];n.useEffect((function(){b(window.location.hostname)}),[]);var x,k=a.useDarkMode(f).theme,S=H(p),z=r.useInferredPolymorphic(h,m,"span").Component,T=n.useMemo((function(){if(void 0!==m.href){return/^http(s)?:\/\//.test(m.href)?new URL(m.href).hostname:y}}),[m,y]),E={target:void 0,rel:void 0};return m.target||m.rel?(E.target=m.target,E.rel=m.rel):"a"===z&&(T===y?E.target="_self":(E.target="_blank",E.rel="noopener noreferrer")),"_blank"!==E.target||u?c!==Un&&(x=v.default.createElement(N.default,{role:"presentation",size:12,className:t.cx(w(w({},Wn,c===qn),In,c===Rn))})):x=v.default.createElement(F.default,{role:"presentation",className:An}),v.default.createElement(z,D({className:t.cx(En,Pn,Ln(S),On[k],l),ref:o},E,m),v.default.createElement("span",null,i),x)})),Kn=t.css(Tn||(Tn=T(["\n  font-size: 12px;\n  font-weight: ",";\n  text-transform: uppercase;\n  line-height: 20px;\n  letter-spacing: 0.4px;\n"])),o.fontWeights.bold),Yn=["darkMode","className","as"],$n=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"div":i,s=M(e,Yn),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Kn,j[c],o)},s))}));$n.displayName="Overline";var Jn=t.css(Bn||(Bn=T(["\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: ",";\n"])),o.fontWeights.bold),Qn=["darkMode","className","as"],Vn=r.Polymorphic((function(e){var n=e.darkMode,o=e.className,i=e.as,l=void 0===i?"h6":i,s=M(e,Qn),c=a.useDarkMode(n).theme,d=r.usePolymorphic(l).Component;return v.default.createElement(d,D({className:t.cx(O,Jn,j[c],o)},s))}));Vn.displayName="Subtitle";var Xn,Zn,et=["as","children","maxFontWeight","pseudoElement","className"],nt=function(e){var n=e.pseudoElement,a=e.maxFontWeight,r="&:".concat(n);return t.css(Xn||(Xn=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,a)},tt=t.css(Zn||(Zn=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"])));e.BackLink=Hn,e.Body=W,e.Description=te,e.Disclaimer=ue,e.Error=Se,e.H1=we,e.H2=Ee,e.H3=_e,e.InlineCode=an,e.InlineKeyCode=mn,e.LGIDS_TYPOGRAPHY=Q,e.Label=Fn,e.Link=Gn,e.Overline=$n,e.StaticWidthText=function(e){var n=e.as,a=e.children,o=e.maxFontWeight,l=void 0===o?700:o,s=e.pseudoElement,c=void 0===s?"after":s,d=e.className,u=M(e,et),p=i.getNodeTextContent(a);return v.default.createElement(r.Polymorph,D({className:t.cx(nt({pseudoElement:c,maxFontWeight:l}),d),as:null!=n?n:"span","data-text":p},u),v.default.createElement("span",{className:tt},a))},e.Subtitle=Vn,e.anchorClassName=En,e.bodyTypeScaleStyles=L,e.labelTypeScaleStyles=Sn,e.useUpdatedBaseFontSize=H}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/typography",
-  "version": "18.4.0",
+  "version": "19.0.0",
   "description": "leafyGreen UI Kit Typography",
@@ -44,4 +44,4 @@ "main": "./dist/index.js",
   "devDependencies": {
-    "@lg-tools/storybook-utils": "^0.1.0"
+    "@lg-tools/storybook-utils": "^0.1.1"
   }
 }

src/Link/BackLink/BackLink.styles.ts

@@ -6,2 +6,3 @@ import { css } from '@leafygreen-ui/emotion';
   gap: ${spacing[100]}px;
+  display: inline-flex;
 `;

src/Link/Link/Link.styles.ts

@@ -7,2 +7,4 @@ import { css } from '@leafygreen-ui/emotion';
   transform: translate3d(3px, 0, 0);
+  top: 1px;
+  position: relative;
 `;
@@ -15,4 +17,6 @@
   transition-property: opacity, transform;
+  top: 1px;
+  position: relative;
 
-  .${anchorClassName}:hover & {
+  .${anchorClassName}:hover &, .${anchorClassName}[data-hover='true'] & {
     opacity: 1;
@@ -25,5 +29,5 @@ transform: translate3d(3px, 0, 0);
   position: relative;
-  bottom: 4px;
+  bottom: 2px;
   left: -1px;
   height: 12px;
 `;

src/Link/shared.styles.ts

@@ -17,3 +17,3 @@ import { css } from '@leafygreen-ui/emotion';
   font-family: ${fontFamilies.default};
-  display: inline-flex;
+  display: inline;
   align-items: center;
@@ -31,3 +31,5 @@ text-decoration: none;
   &:hover,
-  &:focus {
+  &[data-hover='true'],
+  &:focus,
+  &[data-focus='true'] {
     text-decoration: underline;
@@ -49,7 +51,9 @@ transition: text-decoration ${transitionDuration.default}ms ease-in-out;
 
-    &:hover {
+    &:hover,
+    &[data-hover='true'] {
       text-decoration-color: ${palette.gray.light2};
     }
 
-    &:focus {
+    &:focus,
+    &[data-focus='true'] {
       text-decoration-color: ${palette.blue.base};
@@ -62,7 +66,9 @@ }
 
-    &:hover {
+    &:hover,
+    &[data-hover='true'] {
       text-decoration-color: ${palette.gray.dark2};
     }
 
-    &:focus {
+    &:focus,
+    &[data-focus='true'] {
       text-decoration-color: ${palette.blue.base};
@@ -69,0 +75,0 @@ }

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

494166

increased by2.96%

Number of package files

181

increased by8.38%

Lines of code

10170

increased by4.52%

No dependency changes