@leafygreen-ui/text-input - npm Package Compare versions

Comparing version 12.1.14 to 12.1.15

CHANGELOG.md

 # @leafygreen-ui/text-input
 
+## 12.1.15
+
+### Patch Changes
+
+- 0efcd4e7: Updates valid state icon in dark mode to match Figma spec
+- Updated dependencies [bf5672bb]
+  - @leafygreen-ui/icon@11.18.0
+
 ## 12.1.14
@@ -4,0 +12,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e,{useState as n}from"react";import r from"prop-types";import{css as t,cx as o}from"@leafygreen-ui/emotion";import{useIdAllocator as a,useValidation as i}from"@leafygreen-ui/hooks";import l from"@leafygreen-ui/icon/dist/Checkmark";import d from"@leafygreen-ui/icon/dist/CheckmarkWithCircle";import s from"@leafygreen-ui/icon/dist/Warning";import{useDarkMode as c}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as g,Theme as p,consoleOnce as u}from"@leafygreen-ui/lib";import{BaseFontSize as b,fontFamilies as f,spacing as h,fontWeights as y,transitionDuration as m,focusRing as x,hoverRing as v,typeScales as w}from"@leafygreen-ui/tokens";import{useUpdatedBaseFontSize as k,Label as O,Description as S,Error as j}from"@leafygreen-ui/typography";import{palette as E}from"@leafygreen-ui/palette";function N(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function z(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?N(Object(r),!0).forEach((function(n){D(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function D(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},L.apply(this,arguments)}function P(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function C(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 r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,i,l=[],d=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;d=!1}else for(;!(d=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);d=!0);}catch(e){s=!0,o=e}finally{try{if(!d&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return M(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return M(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 M(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var T,V,X,A,F,B,W,H,U,q,R,$,G,J,K,Q,Y,Z,_,ee,ne,re,te,oe,ae,ie,le,de,se,ce,ge,pe,ue,be,fe,he,ye,me,xe,ve,we,ke,Oe,Se,je,Ee,Ne,ze,De,Le,Pe,Ce,Ie,Me,Te,Ve,Xe,Ae,Fe={None:"none",Valid:"valid",Error:"error"},Be={Email:"email",Password:"password",Search:"search",Text:"text",Url:"url",Tel:"tel",Number:"number"},We={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},He=z(z({},b),{},{Large:18}),Ue=function(e){return"0 0 0 100px ".concat(e," inset")},qe=g("icon-selector"),Re=t(T||(T=C(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),f.default),$e=function(e,n){switch(e){case We.XSmall:return t(V||(V=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),w.body1.fontSize,w.body1.lineHeight);case We.Small:return t(X||(X=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),w.body1.fontSize,w.body1.lineHeight);case We.Large:return t(A||(A=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),w.large.fontSize,w.large.lineHeight);default:var r=n==b.Body1?w.body1:w.body2;return t(F||(F=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),r.fontSize,r.lineHeight)}},Ge=t(B||(B=C(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Je=t(W||(W=C(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),h[1]),Ke=t(H||(H=C(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),Qe=t(U||(U=C(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),Ge,f.default,y.regular,m.default,Ge),Ye=(D($={},p.Light,t(q||(q=C(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),E.black,E.white,E.gray.base,E.black,E.white,E.gray.base,E.black,Ue(E.white),Ue(E.white),x.light.input,E.white,Ue(E.white),v.light.gray,E.gray.light1,y.regular,v.light.gray,E.gray.base,E.gray.light2,E.gray.light1,E.gray.base,E.gray.base,Ue(E.gray.light2))),D($,p.Dark,t(R||(R=C(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),E.gray.light3,E.gray.dark4,E.gray.base,E.gray.base,E.gray.light3,E.gray.dark4,E.gray.light3,Ue(E.gray.dark4),Ue(E.gray.dark4),x.dark.input,E.blue.light1,Ue(E.gray.dark4),v.dark.gray,v.dark.gray,E.gray.dark1,y.regular,E.gray.dark1,E.gray.dark3,E.gray.dark2,E.gray.dark1,E.gray.dark1,Ue(E.gray.dark2))),$),Ze=(D(K={},p.Light,t(G||(G=C(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),x.light.input,E.white)),D(K,p.Dark,t(J||(J=C(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),x.dark.input,E.gray.dark4)),K),_e=(D(ee={},We.XSmall,t(Q||(Q=C(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),D(ee,We.Small,t(Y||(Y=C(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),D(ee,We.Default,t(Z||(Z=C(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),D(ee,We.Large,t(_||(_=C(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),ee),en=(D(ae={},We.XSmall,t(ne||(ne=C(["\n    padding-right: 31px;\n  "])))),D(ae,We.Small,t(re||(re=C(["\n    padding-right: 34px;\n  "])))),D(ae,We.Default,t(te||(te=C(["\n    padding-right: 37px;\n  "])))),D(ae,We.Large,t(oe||(oe=C(["\n    padding-right: 39px;\n  "])))),ae),nn=(D(ce={},We.XSmall,t(ie||(ie=C(["\n    padding-right: 64px;\n  "])))),D(ce,We.Small,t(le||(le=C(["\n    padding-right: 69px;\n  "])))),D(ce,We.Default,t(de||(de=C(["\n    padding-right: 71px;\n  "])))),D(ce,We.Large,t(se||(se=C(["\n    padding-right: 74px;\n  "])))),ce),rn=(D(ve={},Fe.Valid,(D(ue={},p.Light,t(ge||(ge=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.green.dark1,v.light.green)),D(ue,p.Dark,t(pe||(pe=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.green.dark1,v.dark.green)),ue)),D(ve,Fe.Error,(D(he={},p.Light,t(be||(be=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.red.base,v.light.red)),D(he,p.Dark,t(fe||(fe=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.red.light1,v.dark.red)),he)),D(ve,Fe.None,(D(xe={},p.Light,t(ye||(ye=C([""])))),D(xe,p.Dark,t(me||(me=C([""])))),xe)),ve),tn=t(we||(we=C(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),h[2]),on=(D(Ee={},We.XSmall,t(ke||(ke=C(["\n    padding-right: 6px;\n  "])))),D(Ee,We.Small,t(Oe||(Oe=C(["\n    padding-right: 10px;\n  "])))),D(Ee,We.Default,t(Se||(Se=C(["\n    padding-right: 12px;\n  "])))),D(Ee,We.Large,t(je||(je=C(["\n    padding-right: 14px;\n  "])))),Ee),an=(D(Ie={},Fe.Valid,(D(De={},p.Light,t(Ne||(Ne=C(["\n      color: ",";\n    "])),E.green.dark1)),D(De,p.Dark,t(ze||(ze=C(["\n      color: ",";\n    "])),E.green.base)),De)),D(Ie,Fe.Error,(D(Ce={},p.Light,t(Le||(Le=C(["\n      color: ",";\n    "])),E.red.base)),D(Ce,p.Dark,t(Pe||(Pe=C(["\n      color: ",";\n    "])),E.red.light1)),Ce)),Ie),ln=t(Me||(Me=C(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),y.regular),dn=(D(Xe={},p.Light,t(Te||(Te=C(["\n    color: ",";\n  "])),E.gray.dark1)),D(Xe,p.Dark,t(Ve||(Ve=C(["\n    color: ",";\n  "])),E.gray.base)),Xe),sn=t(Ae||(Ae=C(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),Ge,y.regular),cn=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],gn=e.forwardRef((function(r,t){var g,p=r.label,b=r.description,f=r.onChange,h=r.onBlur,y=r.placeholder,m=r.errorMessage,x=r.optional,v=void 0!==x&&x,w=r.disabled,E=void 0!==w&&w,N=r.state,z=void 0===N?Fe.None:N,C=r.type,M=void 0===C?Be.Text:C,T=r.id,V=r.value,X=r.className,A=r.darkMode,F=r.sizeVariant,B=void 0===F?We.Default:F,W=r["aria-labelledby"],H=r.handleValidation,U=r.baseFontSize,q=P(r,cn),R=c(A),$=R.darkMode,G=R.theme,J="string"==typeof V,K=I(n(""),2),Q=K[0],Y=K[1],Z=J?V:Q,_=a({prefix:"textinput",id:T}),ee=k(U),ne=i(H);"search"===M||p||W||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===M&&(u.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),q["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===M&&u.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===M&&u.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var re=$?d:l,te=z===Fe.None&&!E&&v;return e.createElement("div",{className:o(Re,$e(B,ee),X)},(p||b)&&e.createElement("div",{className:Je},p&&e.createElement(O,{darkMode:$,htmlFor:_,disabled:E,className:Ge},p),b&&e.createElement(S,{darkMode:$,disabled:E,className:Ge},b)),e.createElement("div",{className:Ke},e.createElement("input",L({},q,{"aria-labelledby":W,type:M,className:o(Qe,Ye[G],_e[B],rn[z][G],Ze[G],(g={},D(g,en[B],z!==Fe.None),D(g,nn[B],te),g)),value:Z,required:!v,disabled:E,placeholder:y,onChange:function(e){f&&f(e),J||Y(e.target.value),ne.onChange(e)},onBlur:function(e){h&&h(e),ne.onBlur(e)},ref:t,id:_,autoComplete:E?"off":(null==q?void 0:q.autoComplete)||"on","aria-invalid":"error"===z})),e.createElement("div",{className:o(qe,tn,on[B])},z===Fe.Valid&&e.createElement(re,{role:"presentation",className:an.valid[G]}),z===Fe.Error&&e.createElement(s,{role:"presentation",className:an.error[G]}),te&&e.createElement("div",{className:o(ln,dn[G])},e.createElement("p",null,"Optional")))),z===Fe.Error&&m&&e.createElement(j,{darkMode:$,className:sn},m))}));gn.displayName="TextInput",gn.propTypes={id:r.string,label:r.string,"aria-labelledby":r.string,description:r.string,optional:r.bool,disabled:r.bool,onChange:r.func,placeholder:r.string,errorMessage:r.string,state:r.oneOf(Object.values(Fe)),value:r.string,className:r.string,sizeVariant:r.oneOf(Object.values(We)),baseFontSize:r.oneOf(Object.values(b)),darkMode:r.bool};export{We as SizeVariant,Fe as State,He as TextInputFontSize,Be as TextInputType,gn as default};
+import e,{useState as n}from"react";import r from"prop-types";import{css as t,cx as o}from"@leafygreen-ui/emotion";import{useIdAllocator as a,useValidation as i}from"@leafygreen-ui/hooks";import l from"@leafygreen-ui/icon/dist/Checkmark";import d from"@leafygreen-ui/icon/dist/Warning";import{useDarkMode as s}from"@leafygreen-ui/leafygreen-provider";import{createUniqueClassName as c,Theme as g,consoleOnce as p}from"@leafygreen-ui/lib";import{BaseFontSize as u,fontFamilies as b,spacing as f,fontWeights as h,transitionDuration as y,focusRing as m,hoverRing as x,typeScales as v}from"@leafygreen-ui/tokens";import{useUpdatedBaseFontSize as w,Label as k,Description as O,Error as S}from"@leafygreen-ui/typography";import{palette as j}from"@leafygreen-ui/palette";function E(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function N(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?E(Object(r),!0).forEach((function(n){z(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function z(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function D(){return D=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},D.apply(this,arguments)}function L(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}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 r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,i,l=[],d=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;d=!1}else for(;!(d=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);d=!0);}catch(e){s=!0,o=e}finally{try{if(!d&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return M(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return M(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 M(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var C,T,V,X,A,F,B,H,W,U,q,R,$,G,J,K,Q,Y,Z,_,ee,ne,re,te,oe,ae,ie,le,de,se,ce,ge,pe,ue,be,fe,he,ye,me,xe,ve,we,ke,Oe,Se,je,Ee,Ne,ze,De,Le,Pe,Ie,Me,Ce,Te,Ve,Xe,Ae={None:"none",Valid:"valid",Error:"error"},Fe={Email:"email",Password:"password",Search:"search",Text:"text",Url:"url",Tel:"tel",Number:"number"},Be={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},He=N(N({},u),{},{Large:18}),We=function(e){return"0 0 0 100px ".concat(e," inset")},Ue=c("icon-selector"),qe=t(C||(C=P(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),b.default),Re=function(e,n){switch(e){case Be.XSmall:return t(T||(T=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),v.body1.fontSize,v.body1.lineHeight);case Be.Small:return t(V||(V=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),v.body1.fontSize,v.body1.lineHeight);case Be.Large:return t(X||(X=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),v.large.fontSize,v.large.lineHeight);default:var r=n==u.Body1?v.body1:v.body2;return t(A||(A=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),r.fontSize,r.lineHeight)}},$e=t(F||(F=P(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Ge=t(B||(B=P(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),f[1]),Je=t(H||(H=P(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),Ke=t(W||(W=P(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),$e,b.default,h.regular,y.default,$e),Qe=(z(R={},g.Light,t(U||(U=P(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),j.black,j.white,j.gray.base,j.black,j.white,j.gray.base,j.black,We(j.white),We(j.white),m.light.input,j.white,We(j.white),x.light.gray,j.gray.light1,h.regular,x.light.gray,j.gray.base,j.gray.light2,j.gray.light1,j.gray.base,j.gray.base,We(j.gray.light2))),z(R,g.Dark,t(q||(q=P(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),j.gray.light3,j.gray.dark4,j.gray.base,j.gray.base,j.gray.light3,j.gray.dark4,j.gray.light3,We(j.gray.dark4),We(j.gray.dark4),m.dark.input,j.blue.light1,We(j.gray.dark4),x.dark.gray,x.dark.gray,j.gray.dark1,h.regular,j.gray.dark1,j.gray.dark3,j.gray.dark2,j.gray.dark1,j.gray.dark1,We(j.gray.dark2))),R),Ye=(z(J={},g.Light,t($||($=P(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),m.light.input,j.white)),z(J,g.Dark,t(G||(G=P(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),m.dark.input,j.gray.dark4)),J),Ze=(z(_={},Be.XSmall,t(K||(K=P(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),z(_,Be.Small,t(Q||(Q=P(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),z(_,Be.Default,t(Y||(Y=P(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),z(_,Be.Large,t(Z||(Z=P(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),_),_e=(z(oe={},Be.XSmall,t(ee||(ee=P(["\n    padding-right: 31px;\n  "])))),z(oe,Be.Small,t(ne||(ne=P(["\n    padding-right: 34px;\n  "])))),z(oe,Be.Default,t(re||(re=P(["\n    padding-right: 37px;\n  "])))),z(oe,Be.Large,t(te||(te=P(["\n    padding-right: 39px;\n  "])))),oe),en=(z(se={},Be.XSmall,t(ae||(ae=P(["\n    padding-right: 64px;\n  "])))),z(se,Be.Small,t(ie||(ie=P(["\n    padding-right: 69px;\n  "])))),z(se,Be.Default,t(le||(le=P(["\n    padding-right: 71px;\n  "])))),z(se,Be.Large,t(de||(de=P(["\n    padding-right: 74px;\n  "])))),se),nn=(z(xe={},Ae.Valid,(z(pe={},g.Light,t(ce||(ce=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),j.green.dark1,x.light.green)),z(pe,g.Dark,t(ge||(ge=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),j.green.dark1,x.dark.green)),pe)),z(xe,Ae.Error,(z(fe={},g.Light,t(ue||(ue=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),j.red.base,x.light.red)),z(fe,g.Dark,t(be||(be=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),j.red.light1,x.dark.red)),fe)),z(xe,Ae.None,(z(me={},g.Light,t(he||(he=P([""])))),z(me,g.Dark,t(ye||(ye=P([""])))),me)),xe),rn=t(ve||(ve=P(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),f[2]),tn=(z(je={},Be.XSmall,t(we||(we=P(["\n    padding-right: 6px;\n  "])))),z(je,Be.Small,t(ke||(ke=P(["\n    padding-right: 10px;\n  "])))),z(je,Be.Default,t(Oe||(Oe=P(["\n    padding-right: 12px;\n  "])))),z(je,Be.Large,t(Se||(Se=P(["\n    padding-right: 14px;\n  "])))),je),on=(z(Ie={},Ae.Valid,(z(ze={},g.Light,t(Ee||(Ee=P(["\n      color: ",";\n    "])),j.green.dark1)),z(ze,g.Dark,t(Ne||(Ne=P(["\n      color: ",";\n    "])),j.green.base)),ze)),z(Ie,Ae.Error,(z(Pe={},g.Light,t(De||(De=P(["\n      color: ",";\n    "])),j.red.base)),z(Pe,g.Dark,t(Le||(Le=P(["\n      color: ",";\n    "])),j.red.light1)),Pe)),Ie),an=t(Me||(Me=P(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),h.regular),ln=(z(Ve={},g.Light,t(Ce||(Ce=P(["\n    color: ",";\n  "])),j.gray.dark1)),z(Ve,g.Dark,t(Te||(Te=P(["\n    color: ",";\n  "])),j.gray.base)),Ve),dn=t(Xe||(Xe=P(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),$e,h.regular),sn=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],cn=e.forwardRef((function(r,t){var c,g=r.label,u=r.description,b=r.onChange,f=r.onBlur,h=r.placeholder,y=r.errorMessage,m=r.optional,x=void 0!==m&&m,v=r.disabled,j=void 0!==v&&v,E=r.state,N=void 0===E?Ae.None:E,P=r.type,M=void 0===P?Fe.Text:P,C=r.id,T=r.value,V=r.className,X=r.darkMode,A=r.sizeVariant,F=void 0===A?Be.Default:A,B=r["aria-labelledby"],H=r.handleValidation,W=r.baseFontSize,U=L(r,sn),q=s(X),R=q.darkMode,$=q.theme,G="string"==typeof T,J=I(n(""),2),K=J[0],Q=J[1],Y=G?T:K,Z=a({prefix:"textinput",id:C}),_=w(W),ee=i(H);"search"===M||g||B||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===M&&(p.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),U["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===M&&p.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===M&&p.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var ne=N===Ae.None&&!j&&x;return e.createElement("div",{className:o(qe,Re(F,_),V)},(g||u)&&e.createElement("div",{className:Ge},g&&e.createElement(k,{darkMode:R,htmlFor:Z,disabled:j,className:$e},g),u&&e.createElement(O,{darkMode:R,disabled:j,className:$e},u)),e.createElement("div",{className:Je},e.createElement("input",D({},U,{"aria-labelledby":B,type:M,className:o(Ke,Qe[$],Ze[F],nn[N][$],Ye[$],(c={},z(c,_e[F],N!==Ae.None),z(c,en[F],ne),c)),value:Y,required:!x,disabled:j,placeholder:h,onChange:function(e){b&&b(e),G||Q(e.target.value),ee.onChange(e)},onBlur:function(e){f&&f(e),ee.onBlur(e)},ref:t,id:Z,autoComplete:j?"off":(null==U?void 0:U.autoComplete)||"on","aria-invalid":"error"===N})),e.createElement("div",{className:o(Ue,rn,tn[F])},N===Ae.Valid&&e.createElement(l,{role:"presentation",className:on.valid[$]}),N===Ae.Error&&e.createElement(d,{role:"presentation",className:on.error[$]}),ne&&e.createElement("div",{className:o(an,ln[$])},e.createElement("p",null,"Optional")))),N===Ae.Error&&y&&e.createElement(S,{darkMode:R,className:dn},y))}));cn.displayName="TextInput",cn.propTypes={id:r.string,label:r.string,"aria-labelledby":r.string,description:r.string,optional:r.bool,disabled:r.bool,onChange:r.func,placeholder:r.string,errorMessage:r.string,state:r.oneOf(Object.values(Ae)),value:r.string,className:r.string,sizeVariant:r.oneOf(Object.values(Be)),baseFontSize:r.oneOf(Object.values(u)),darkMode:r.bool};export{Be as SizeVariant,Ae as State,He as TextInputFontSize,Fe as TextInputType,cn as default};
 //# 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("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/CheckmarkWithCircle"),require("@leafygreen-ui/icon/dist/Warning"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/CheckmarkWithCircle","@leafygreen-ui/icon/dist/Warning","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/tokens","@leafygreen-ui/typography","@leafygreen-ui/palette"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/text-input"]={},e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.Checkmark,e.CheckmarkWithCircle,e.Warning,e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/palette"])}(this,(function(e,n,t,r,a,o,l,i,s,d,c,u,p){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=g(n),h=g(t),b=g(o),y=g(l),m=g(i);function x(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 v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function k(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===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:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(){return w=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},w.apply(this,arguments)}function S(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 O(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function j(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,l,i=[],s=!0,d=!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)&&(i.push(r.value),i.length!==n);s=!0);}catch(e){d=!0,a=e}finally{try{if(!s&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(d)throw a}}return i}}(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 z,E,N,D,C,L,P,q,I,R,W,F,M,V,B,A,X,H,U,_,$,G,J,K,Q,Y,Z,ee,ne,te,re,ae,oe,le,ie,se,de,ce,ue,pe,ge,fe,he,be,ye,me,xe,ve,ke,we,Se,Oe,je,Te,ze,Ee,Ne,De,Ce={None:"none",Valid:"valid",Error:"error"},Le={Email:"email",Password:"password",Search:"search",Text:"text",Url:"url",Tel:"tel",Number:"number"},Pe={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},qe=v(v({},c.BaseFontSize),{},{Large:18}),Ie=function(e){return"0 0 0 100px ".concat(e," inset")},Re=d.createUniqueClassName("icon-selector"),We=r.css(z||(z=O(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),c.fontFamilies.default),Fe=function(e,n){switch(e){case Pe.XSmall:return r.css(E||(E=O(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),c.typeScales.body1.fontSize,c.typeScales.body1.lineHeight);case Pe.Small:return r.css(N||(N=O(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),c.typeScales.body1.fontSize,c.typeScales.body1.lineHeight);case Pe.Large:return r.css(D||(D=O(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),c.typeScales.large.fontSize,c.typeScales.large.lineHeight);default:var t=n==c.BaseFontSize.Body1?c.typeScales.body1:c.typeScales.body2;return r.css(C||(C=O(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),t.fontSize,t.lineHeight)}},Me=r.css(L||(L=O(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Ve=r.css(P||(P=O(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),c.spacing[1]),Be=r.css(q||(q=O(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),Ae=r.css(I||(I=O(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),Me,c.fontFamilies.default,c.fontWeights.regular,c.transitionDuration.default,Me),Xe=(k(F={},d.Theme.Light,r.css(R||(R=O(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),p.palette.black,p.palette.white,p.palette.gray.base,p.palette.black,p.palette.white,p.palette.gray.base,p.palette.black,Ie(p.palette.white),Ie(p.palette.white),c.focusRing.light.input,p.palette.white,Ie(p.palette.white),c.hoverRing.light.gray,p.palette.gray.light1,c.fontWeights.regular,c.hoverRing.light.gray,p.palette.gray.base,p.palette.gray.light2,p.palette.gray.light1,p.palette.gray.base,p.palette.gray.base,Ie(p.palette.gray.light2))),k(F,d.Theme.Dark,r.css(W||(W=O(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),p.palette.gray.light3,p.palette.gray.dark4,p.palette.gray.base,p.palette.gray.base,p.palette.gray.light3,p.palette.gray.dark4,p.palette.gray.light3,Ie(p.palette.gray.dark4),Ie(p.palette.gray.dark4),c.focusRing.dark.input,p.palette.blue.light1,Ie(p.palette.gray.dark4),c.hoverRing.dark.gray,c.hoverRing.dark.gray,p.palette.gray.dark1,c.fontWeights.regular,p.palette.gray.dark1,p.palette.gray.dark3,p.palette.gray.dark2,p.palette.gray.dark1,p.palette.gray.dark1,Ie(p.palette.gray.dark2))),F),He=(k(B={},d.Theme.Light,r.css(M||(M=O(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),c.focusRing.light.input,p.palette.white)),k(B,d.Theme.Dark,r.css(V||(V=O(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),c.focusRing.dark.input,p.palette.gray.dark4)),B),Ue=(k(_={},Pe.XSmall,r.css(A||(A=O(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),k(_,Pe.Small,r.css(X||(X=O(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),k(_,Pe.Default,r.css(H||(H=O(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),k(_,Pe.Large,r.css(U||(U=O(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),_),_e=(k(Q={},Pe.XSmall,r.css($||($=O(["\n    padding-right: 31px;\n  "])))),k(Q,Pe.Small,r.css(G||(G=O(["\n    padding-right: 34px;\n  "])))),k(Q,Pe.Default,r.css(J||(J=O(["\n    padding-right: 37px;\n  "])))),k(Q,Pe.Large,r.css(K||(K=O(["\n    padding-right: 39px;\n  "])))),Q),$e=(k(te={},Pe.XSmall,r.css(Y||(Y=O(["\n    padding-right: 64px;\n  "])))),k(te,Pe.Small,r.css(Z||(Z=O(["\n    padding-right: 69px;\n  "])))),k(te,Pe.Default,r.css(ee||(ee=O(["\n    padding-right: 71px;\n  "])))),k(te,Pe.Large,r.css(ne||(ne=O(["\n    padding-right: 74px;\n  "])))),te),Ge=(k(pe={},Ce.Valid,(k(oe={},d.Theme.Light,r.css(re||(re=O(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),p.palette.green.dark1,c.hoverRing.light.green)),k(oe,d.Theme.Dark,r.css(ae||(ae=O(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),p.palette.green.dark1,c.hoverRing.dark.green)),oe)),k(pe,Ce.Error,(k(se={},d.Theme.Light,r.css(le||(le=O(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),p.palette.red.base,c.hoverRing.light.red)),k(se,d.Theme.Dark,r.css(ie||(ie=O(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),p.palette.red.light1,c.hoverRing.dark.red)),se)),k(pe,Ce.None,(k(ue={},d.Theme.Light,r.css(de||(de=O([""])))),k(ue,d.Theme.Dark,r.css(ce||(ce=O([""])))),ue)),pe),Je=r.css(ge||(ge=O(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),c.spacing[2]),Ke=(k(me={},Pe.XSmall,r.css(fe||(fe=O(["\n    padding-right: 6px;\n  "])))),k(me,Pe.Small,r.css(he||(he=O(["\n    padding-right: 10px;\n  "])))),k(me,Pe.Default,r.css(be||(be=O(["\n    padding-right: 12px;\n  "])))),k(me,Pe.Large,r.css(ye||(ye=O(["\n    padding-right: 14px;\n  "])))),me),Qe=(k(je={},Ce.Valid,(k(ke={},d.Theme.Light,r.css(xe||(xe=O(["\n      color: ",";\n    "])),p.palette.green.dark1)),k(ke,d.Theme.Dark,r.css(ve||(ve=O(["\n      color: ",";\n    "])),p.palette.green.base)),ke)),k(je,Ce.Error,(k(Oe={},d.Theme.Light,r.css(we||(we=O(["\n      color: ",";\n    "])),p.palette.red.base)),k(Oe,d.Theme.Dark,r.css(Se||(Se=O(["\n      color: ",";\n    "])),p.palette.red.light1)),Oe)),je),Ye=r.css(Te||(Te=O(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),c.fontWeights.regular),Ze=(k(Ne={},d.Theme.Light,r.css(ze||(ze=O(["\n    color: ",";\n  "])),p.palette.gray.dark1)),k(Ne,d.Theme.Dark,r.css(Ee||(Ee=O(["\n    color: ",";\n  "])),p.palette.gray.base)),Ne),en=r.css(De||(De=O(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),Me,c.fontWeights.regular),nn=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],tn=f.default.forwardRef((function(e,t){var o,l=e.label,i=e.description,c=e.onChange,p=e.onBlur,g=e.placeholder,h=e.errorMessage,x=e.optional,v=void 0!==x&&x,O=e.disabled,T=void 0!==O&&O,z=e.state,E=void 0===z?Ce.None:z,N=e.type,D=void 0===N?Le.Text:N,C=e.id,L=e.value,P=e.className,q=e.darkMode,I=e.sizeVariant,R=void 0===I?Pe.Default:I,W=e["aria-labelledby"],F=e.handleValidation,M=e.baseFontSize,V=S(e,nn),B=s.useDarkMode(q),A=B.darkMode,X=B.theme,H="string"==typeof L,U=j(n.useState(""),2),_=U[0],$=U[1],G=H?L:_,J=a.useIdAllocator({prefix:"textinput",id:C}),K=u.useUpdatedBaseFontSize(M),Q=a.useValidation(F);"search"===D||l||W||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===D&&(d.consoleOnce.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),V["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===D&&d.consoleOnce.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===D&&d.consoleOnce.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var Y=A?y.default:b.default,Z=E===Ce.None&&!T&&v;return f.default.createElement("div",{className:r.cx(We,Fe(R,K),P)},(l||i)&&f.default.createElement("div",{className:Ve},l&&f.default.createElement(u.Label,{darkMode:A,htmlFor:J,disabled:T,className:Me},l),i&&f.default.createElement(u.Description,{darkMode:A,disabled:T,className:Me},i)),f.default.createElement("div",{className:Be},f.default.createElement("input",w({},V,{"aria-labelledby":W,type:D,className:r.cx(Ae,Xe[X],Ue[R],Ge[E][X],He[X],(o={},k(o,_e[R],E!==Ce.None),k(o,$e[R],Z),o)),value:G,required:!v,disabled:T,placeholder:g,onChange:function(e){c&&c(e),H||$(e.target.value),Q.onChange(e)},onBlur:function(e){p&&p(e),Q.onBlur(e)},ref:t,id:J,autoComplete:T?"off":(null==V?void 0:V.autoComplete)||"on","aria-invalid":"error"===E})),f.default.createElement("div",{className:r.cx(Re,Je,Ke[R])},E===Ce.Valid&&f.default.createElement(Y,{role:"presentation",className:Qe.valid[X]}),E===Ce.Error&&f.default.createElement(m.default,{role:"presentation",className:Qe.error[X]}),Z&&f.default.createElement("div",{className:r.cx(Ye,Ze[X])},f.default.createElement("p",null,"Optional")))),E===Ce.Error&&h&&f.default.createElement(u.Error,{darkMode:A,className:en},h))}));tn.displayName="TextInput",tn.propTypes={id:h.default.string,label:h.default.string,"aria-labelledby":h.default.string,description:h.default.string,optional:h.default.bool,disabled:h.default.bool,onChange:h.default.func,placeholder:h.default.string,errorMessage:h.default.string,state:h.default.oneOf(Object.values(Ce)),value:h.default.string,className:h.default.string,sizeVariant:h.default.oneOf(Object.values(Pe)),baseFontSize:h.default.oneOf(Object.values(c.BaseFontSize)),darkMode:h.default.bool},e.SizeVariant=Pe,e.State=Ce,e.TextInputFontSize=qe,e.TextInputType=Le,e.default=tn,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("prop-types"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Warning"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/emotion","@leafygreen-ui/hooks","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Warning","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/tokens","@leafygreen-ui/typography","@leafygreen-ui/palette"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/text-input"]={},e.React,e.PropTypes,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/hooks"],e.Checkmark,e.Warning,e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/typography"],e["@leafygreen-ui/palette"])}(this,(function(e,n,t,r,a,o,l,i,s,d,c,u){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=p(n),f=p(t),h=p(o),b=p(l);function y(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 m(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?y(Object(t),!0).forEach((function(n){x(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function x(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===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:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(){return v=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},v.apply(this,arguments)}function k(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 w(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function S(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,l,i=[],s=!0,d=!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)&&(i.push(r.value),i.length!==n);s=!0);}catch(e){d=!0,a=e}finally{try{if(!s&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(d)throw a}}return i}}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return O(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 O(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 O(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 j,T,z,E,N,D,L,P,I,R,q,C,F,M,V,W,B,A,X,H,U,_,$,G,J,K,Q,Y,Z,ee,ne,te,re,ae,oe,le,ie,se,de,ce,ue,pe,ge,fe,he,be,ye,me,xe,ve,ke,we,Se,Oe,je,Te,ze,Ee,Ne={None:"none",Valid:"valid",Error:"error"},De={Email:"email",Password:"password",Search:"search",Text:"text",Url:"url",Tel:"tel",Number:"number"},Le={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},Pe=m(m({},d.BaseFontSize),{},{Large:18}),Ie=function(e){return"0 0 0 100px ".concat(e," inset")},Re=s.createUniqueClassName("icon-selector"),qe=r.css(j||(j=w(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),d.fontFamilies.default),Ce=function(e,n){switch(e){case Le.XSmall:return r.css(T||(T=w(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight);case Le.Small:return r.css(z||(z=w(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),d.typeScales.body1.fontSize,d.typeScales.body1.lineHeight);case Le.Large:return r.css(E||(E=w(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),d.typeScales.large.fontSize,d.typeScales.large.lineHeight);default:var t=n==d.BaseFontSize.Body1?d.typeScales.body1:d.typeScales.body2;return r.css(N||(N=w(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),t.fontSize,t.lineHeight)}},Fe=r.css(D||(D=w(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Me=r.css(L||(L=w(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),d.spacing[1]),Ve=r.css(P||(P=w(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),We=r.css(I||(I=w(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),Fe,d.fontFamilies.default,d.fontWeights.regular,d.transitionDuration.default,Fe),Be=(x(C={},s.Theme.Light,r.css(R||(R=w(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),u.palette.black,u.palette.white,u.palette.gray.base,u.palette.black,u.palette.white,u.palette.gray.base,u.palette.black,Ie(u.palette.white),Ie(u.palette.white),d.focusRing.light.input,u.palette.white,Ie(u.palette.white),d.hoverRing.light.gray,u.palette.gray.light1,d.fontWeights.regular,d.hoverRing.light.gray,u.palette.gray.base,u.palette.gray.light2,u.palette.gray.light1,u.palette.gray.base,u.palette.gray.base,Ie(u.palette.gray.light2))),x(C,s.Theme.Dark,r.css(q||(q=w(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),u.palette.gray.light3,u.palette.gray.dark4,u.palette.gray.base,u.palette.gray.base,u.palette.gray.light3,u.palette.gray.dark4,u.palette.gray.light3,Ie(u.palette.gray.dark4),Ie(u.palette.gray.dark4),d.focusRing.dark.input,u.palette.blue.light1,Ie(u.palette.gray.dark4),d.hoverRing.dark.gray,d.hoverRing.dark.gray,u.palette.gray.dark1,d.fontWeights.regular,u.palette.gray.dark1,u.palette.gray.dark3,u.palette.gray.dark2,u.palette.gray.dark1,u.palette.gray.dark1,Ie(u.palette.gray.dark2))),C),Ae=(x(V={},s.Theme.Light,r.css(F||(F=w(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.light.input,u.palette.white)),x(V,s.Theme.Dark,r.css(M||(M=w(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),d.focusRing.dark.input,u.palette.gray.dark4)),V),Xe=(x(H={},Le.XSmall,r.css(W||(W=w(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),x(H,Le.Small,r.css(B||(B=w(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),x(H,Le.Default,r.css(A||(A=w(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),x(H,Le.Large,r.css(X||(X=w(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),H),He=(x(J={},Le.XSmall,r.css(U||(U=w(["\n    padding-right: 31px;\n  "])))),x(J,Le.Small,r.css(_||(_=w(["\n    padding-right: 34px;\n  "])))),x(J,Le.Default,r.css($||($=w(["\n    padding-right: 37px;\n  "])))),x(J,Le.Large,r.css(G||(G=w(["\n    padding-right: 39px;\n  "])))),J),Ue=(x(ee={},Le.XSmall,r.css(K||(K=w(["\n    padding-right: 64px;\n  "])))),x(ee,Le.Small,r.css(Q||(Q=w(["\n    padding-right: 69px;\n  "])))),x(ee,Le.Default,r.css(Y||(Y=w(["\n    padding-right: 71px;\n  "])))),x(ee,Le.Large,r.css(Z||(Z=w(["\n    padding-right: 74px;\n  "])))),ee),_e=(x(ce={},Ne.Valid,(x(re={},s.Theme.Light,r.css(ne||(ne=w(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),u.palette.green.dark1,d.hoverRing.light.green)),x(re,s.Theme.Dark,r.css(te||(te=w(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),u.palette.green.dark1,d.hoverRing.dark.green)),re)),x(ce,Ne.Error,(x(le={},s.Theme.Light,r.css(ae||(ae=w(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),u.palette.red.base,d.hoverRing.light.red)),x(le,s.Theme.Dark,r.css(oe||(oe=w(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),u.palette.red.light1,d.hoverRing.dark.red)),le)),x(ce,Ne.None,(x(de={},s.Theme.Light,r.css(ie||(ie=w([""])))),x(de,s.Theme.Dark,r.css(se||(se=w([""])))),de)),ce),$e=r.css(ue||(ue=w(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),d.spacing[2]),Ge=(x(be={},Le.XSmall,r.css(pe||(pe=w(["\n    padding-right: 6px;\n  "])))),x(be,Le.Small,r.css(ge||(ge=w(["\n    padding-right: 10px;\n  "])))),x(be,Le.Default,r.css(fe||(fe=w(["\n    padding-right: 12px;\n  "])))),x(be,Le.Large,r.css(he||(he=w(["\n    padding-right: 14px;\n  "])))),be),Je=(x(Se={},Ne.Valid,(x(xe={},s.Theme.Light,r.css(ye||(ye=w(["\n      color: ",";\n    "])),u.palette.green.dark1)),x(xe,s.Theme.Dark,r.css(me||(me=w(["\n      color: ",";\n    "])),u.palette.green.base)),xe)),x(Se,Ne.Error,(x(we={},s.Theme.Light,r.css(ve||(ve=w(["\n      color: ",";\n    "])),u.palette.red.base)),x(we,s.Theme.Dark,r.css(ke||(ke=w(["\n      color: ",";\n    "])),u.palette.red.light1)),we)),Se),Ke=r.css(Oe||(Oe=w(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),d.fontWeights.regular),Qe=(x(ze={},s.Theme.Light,r.css(je||(je=w(["\n    color: ",";\n  "])),u.palette.gray.dark1)),x(ze,s.Theme.Dark,r.css(Te||(Te=w(["\n    color: ",";\n  "])),u.palette.gray.base)),ze),Ye=r.css(Ee||(Ee=w(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),Fe,d.fontWeights.regular),Ze=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],en=g.default.forwardRef((function(e,t){var o,l=e.label,d=e.description,u=e.onChange,p=e.onBlur,f=e.placeholder,y=e.errorMessage,m=e.optional,w=void 0!==m&&m,O=e.disabled,j=void 0!==O&&O,T=e.state,z=void 0===T?Ne.None:T,E=e.type,N=void 0===E?De.Text:E,D=e.id,L=e.value,P=e.className,I=e.darkMode,R=e.sizeVariant,q=void 0===R?Le.Default:R,C=e["aria-labelledby"],F=e.handleValidation,M=e.baseFontSize,V=k(e,Ze),W=i.useDarkMode(I),B=W.darkMode,A=W.theme,X="string"==typeof L,H=S(n.useState(""),2),U=H[0],_=H[1],$=X?L:U,G=a.useIdAllocator({prefix:"textinput",id:D}),J=c.useUpdatedBaseFontSize(M),K=a.useValidation(F);"search"===N||l||C||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===N&&(s.consoleOnce.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),V["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===N&&s.consoleOnce.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===N&&s.consoleOnce.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var Q=z===Ne.None&&!j&&w;return g.default.createElement("div",{className:r.cx(qe,Ce(q,J),P)},(l||d)&&g.default.createElement("div",{className:Me},l&&g.default.createElement(c.Label,{darkMode:B,htmlFor:G,disabled:j,className:Fe},l),d&&g.default.createElement(c.Description,{darkMode:B,disabled:j,className:Fe},d)),g.default.createElement("div",{className:Ve},g.default.createElement("input",v({},V,{"aria-labelledby":C,type:N,className:r.cx(We,Be[A],Xe[q],_e[z][A],Ae[A],(o={},x(o,He[q],z!==Ne.None),x(o,Ue[q],Q),o)),value:$,required:!w,disabled:j,placeholder:f,onChange:function(e){u&&u(e),X||_(e.target.value),K.onChange(e)},onBlur:function(e){p&&p(e),K.onBlur(e)},ref:t,id:G,autoComplete:j?"off":(null==V?void 0:V.autoComplete)||"on","aria-invalid":"error"===z})),g.default.createElement("div",{className:r.cx(Re,$e,Ge[q])},z===Ne.Valid&&g.default.createElement(h.default,{role:"presentation",className:Je.valid[A]}),z===Ne.Error&&g.default.createElement(b.default,{role:"presentation",className:Je.error[A]}),Q&&g.default.createElement("div",{className:r.cx(Ke,Qe[A])},g.default.createElement("p",null,"Optional")))),z===Ne.Error&&y&&g.default.createElement(c.Error,{darkMode:B,className:Ye},y))}));en.displayName="TextInput",en.propTypes={id:f.default.string,label:f.default.string,"aria-labelledby":f.default.string,description:f.default.string,optional:f.default.bool,disabled:f.default.bool,onChange:f.default.func,placeholder:f.default.string,errorMessage:f.default.string,state:f.default.oneOf(Object.values(Ne)),value:f.default.string,className:f.default.string,sizeVariant:f.default.oneOf(Object.values(Le)),baseFontSize:f.default.oneOf(Object.values(d.BaseFontSize)),darkMode:f.default.bool},e.SizeVariant=Le,e.State=Ne,e.TextInputFontSize=Pe,e.TextInputType=De,e.default=en,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/text-input",
-  "version": "12.1.14",
+  "version": "12.1.15",
   "description": "leafyGreen UI Kit Text Input",
@@ -16,3 +16,4 @@ "main": "./dist/index.js",
   "scripts": {
-    "build": "../../node_modules/.bin/rollup --config ../../rollup.config.js"
+    "build": "../../node_modules/.bin/rollup --config ../../rollup.config.js",
+    "tsc": "tsc --build tsconfig.json"
   },
@@ -26,3 +27,3 @@ "license": "Apache-2.0",
     "@leafygreen-ui/hooks": "^7.7.5",
-    "@leafygreen-ui/icon": "^11.17.0",
+    "@leafygreen-ui/icon": "^11.18.0",
     "@leafygreen-ui/lib": "^10.4.0",
@@ -44,2 +45,2 @@ "@leafygreen-ui/palette": "^4.0.4",
   }
-}
+}

stories.js

@@ -1,1 +0,1 @@
-import e,{useState as n}from"react";import{createUniqueClassName as r,Theme as t,consoleOnce as o,storybookArgTypes as a,storybookExcludedControlParams as i}from"@leafygreen-ui/lib";import l from"prop-types";import{css as d,cx as s}from"@leafygreen-ui/emotion";import{useIdAllocator as c,useValidation as p}from"@leafygreen-ui/hooks";import u from"@leafygreen-ui/icon/dist/Checkmark";import b from"@leafygreen-ui/icon/dist/CheckmarkWithCircle";import g from"@leafygreen-ui/icon/dist/Warning";import{useDarkMode as f}from"@leafygreen-ui/leafygreen-provider";import{BaseFontSize as h,fontFamilies as m,spacing as y,fontWeights as x,transitionDuration as v,focusRing as w,hoverRing as k,typeScales as O}from"@leafygreen-ui/tokens";import{useUpdatedBaseFontSize as S,Label as j,Description as z,Error as E}from"@leafygreen-ui/typography";import{palette as N}from"@leafygreen-ui/palette";function L(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function D(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?L(Object(r),!0).forEach((function(n){I(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):L(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function I(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},M.apply(this,arguments)}function P(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function C(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function T(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,i,l=[],d=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;d=!1}else for(;!(d=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);d=!0);}catch(e){s=!0,o=e}finally{try{if(!d&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||V(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 V(e,n){if(e){if("string"==typeof e)return A(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,n):void 0}}function A(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var F,X,B,W,H,$,_,q,R,U,G,J,K,Q,Y,Z,ee,ne,re,te,oe,ae,ie,le,de,se,ce,pe,ue,be,ge,fe,he,me,ye,xe,ve,we,ke,Oe,Se,je,ze,Ee,Ne,Le,De,Ie,Me,Pe,Ce,Te,Ve,Ae,Fe,Xe,Be,We,He={None:"none",Valid:"valid",Error:"error"},$e="text",_e={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"};D(D({},h),{},{Large:18});var qe=function(e){return"0 0 0 100px ".concat(e," inset")},Re=r("icon-selector"),Ue=d(F||(F=C(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),m.default),Ge=function(e,n){switch(e){case _e.XSmall:return d(X||(X=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),O.body1.fontSize,O.body1.lineHeight);case _e.Small:return d(B||(B=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),O.body1.fontSize,O.body1.lineHeight);case _e.Large:return d(W||(W=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),O.large.fontSize,O.large.lineHeight);default:var r=n==h.Body1?O.body1:O.body2;return d(H||(H=C(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),r.fontSize,r.lineHeight)}},Je=d($||($=C(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Ke=d(_||(_=C(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),y[1]),Qe=d(q||(q=C(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),Ye=d(R||(R=C(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),Je,m.default,x.regular,v.default,Je),Ze=(I(J={},t.Light,d(U||(U=C(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),N.black,N.white,N.gray.base,N.black,N.white,N.gray.base,N.black,qe(N.white),qe(N.white),w.light.input,N.white,qe(N.white),k.light.gray,N.gray.light1,x.regular,k.light.gray,N.gray.base,N.gray.light2,N.gray.light1,N.gray.base,N.gray.base,qe(N.gray.light2))),I(J,t.Dark,d(G||(G=C(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),N.gray.light3,N.gray.dark4,N.gray.base,N.gray.base,N.gray.light3,N.gray.dark4,N.gray.light3,qe(N.gray.dark4),qe(N.gray.dark4),w.dark.input,N.blue.light1,qe(N.gray.dark4),k.dark.gray,k.dark.gray,N.gray.dark1,x.regular,N.gray.dark1,N.gray.dark3,N.gray.dark2,N.gray.dark1,N.gray.dark1,qe(N.gray.dark2))),J),en=(I(Y={},t.Light,d(K||(K=C(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),w.light.input,N.white)),I(Y,t.Dark,d(Q||(Q=C(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),w.dark.input,N.gray.dark4)),Y),nn=(I(te={},_e.XSmall,d(Z||(Z=C(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),I(te,_e.Small,d(ee||(ee=C(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),I(te,_e.Default,d(ne||(ne=C(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),I(te,_e.Large,d(re||(re=C(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),te),rn=(I(de={},_e.XSmall,d(oe||(oe=C(["\n    padding-right: 31px;\n  "])))),I(de,_e.Small,d(ae||(ae=C(["\n    padding-right: 34px;\n  "])))),I(de,_e.Default,d(ie||(ie=C(["\n    padding-right: 37px;\n  "])))),I(de,_e.Large,d(le||(le=C(["\n    padding-right: 39px;\n  "])))),de),tn=(I(be={},_e.XSmall,d(se||(se=C(["\n    padding-right: 64px;\n  "])))),I(be,_e.Small,d(ce||(ce=C(["\n    padding-right: 69px;\n  "])))),I(be,_e.Default,d(pe||(pe=C(["\n    padding-right: 71px;\n  "])))),I(be,_e.Large,d(ue||(ue=C(["\n    padding-right: 74px;\n  "])))),be),on=(I(Oe={},He.Valid,(I(he={},t.Light,d(ge||(ge=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),N.green.dark1,k.light.green)),I(he,t.Dark,d(fe||(fe=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),N.green.dark1,k.dark.green)),he)),I(Oe,He.Error,(I(xe={},t.Light,d(me||(me=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),N.red.base,k.light.red)),I(xe,t.Dark,d(ye||(ye=C(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),N.red.light1,k.dark.red)),xe)),I(Oe,He.None,(I(ke={},t.Light,d(ve||(ve=C([""])))),I(ke,t.Dark,d(we||(we=C([""])))),ke)),Oe),an=d(Se||(Se=C(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),y[2]),ln=(I(Le={},_e.XSmall,d(je||(je=C(["\n    padding-right: 6px;\n  "])))),I(Le,_e.Small,d(ze||(ze=C(["\n    padding-right: 10px;\n  "])))),I(Le,_e.Default,d(Ee||(Ee=C(["\n    padding-right: 12px;\n  "])))),I(Le,_e.Large,d(Ne||(Ne=C(["\n    padding-right: 14px;\n  "])))),Le),dn=(I(Ve={},He.Valid,(I(Me={},t.Light,d(De||(De=C(["\n      color: ",";\n    "])),N.green.dark1)),I(Me,t.Dark,d(Ie||(Ie=C(["\n      color: ",";\n    "])),N.green.base)),Me)),I(Ve,He.Error,(I(Te={},t.Light,d(Pe||(Pe=C(["\n      color: ",";\n    "])),N.red.base)),I(Te,t.Dark,d(Ce||(Ce=C(["\n      color: ",";\n    "])),N.red.light1)),Te)),Ve),sn=d(Ae||(Ae=C(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),x.regular),cn=(I(Be={},t.Light,d(Fe||(Fe=C(["\n    color: ",";\n  "])),N.gray.dark1)),I(Be,t.Dark,d(Xe||(Xe=C(["\n    color: ",";\n  "])),N.gray.base)),Be),pn=d(We||(We=C(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),Je,x.regular),un=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],bn=e.forwardRef((function(r,t){var a,i=r.label,l=r.description,d=r.onChange,h=r.onBlur,m=r.placeholder,y=r.errorMessage,x=r.optional,v=void 0!==x&&x,w=r.disabled,k=void 0!==w&&w,O=r.state,N=void 0===O?He.None:O,L=r.type,D=void 0===L?$e:L,C=r.id,V=r.value,A=r.className,F=r.darkMode,X=r.sizeVariant,B=void 0===X?_e.Default:X,W=r["aria-labelledby"],H=r.handleValidation,$=r.baseFontSize,_=P(r,un),q=f(F),R=q.darkMode,U=q.theme,G="string"==typeof V,J=T(n(""),2),K=J[0],Q=J[1],Y=G?V:K,Z=c({prefix:"textinput",id:C}),ee=S($),ne=p(H);"search"===D||i||W||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===D&&(o.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),_["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===D&&o.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===D&&o.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var re=R?b:u,te=N===He.None&&!k&&v;return e.createElement("div",{className:s(Ue,Ge(B,ee),A)},(i||l)&&e.createElement("div",{className:Ke},i&&e.createElement(j,{darkMode:R,htmlFor:Z,disabled:k,className:Je},i),l&&e.createElement(z,{darkMode:R,disabled:k,className:Je},l)),e.createElement("div",{className:Qe},e.createElement("input",M({},_,{"aria-labelledby":W,type:D,className:s(Ye,Ze[U],nn[B],on[N][U],en[U],(a={},I(a,rn[B],N!==He.None),I(a,tn[B],te),a)),value:Y,required:!v,disabled:k,placeholder:m,onChange:function(e){d&&d(e),G||Q(e.target.value),ne.onChange(e)},onBlur:function(e){h&&h(e),ne.onBlur(e)},ref:t,id:Z,autoComplete:k?"off":(null==_?void 0:_.autoComplete)||"on","aria-invalid":"error"===N})),e.createElement("div",{className:s(Re,an,ln[B])},N===He.Valid&&e.createElement(re,{role:"presentation",className:dn.valid[U]}),N===He.Error&&e.createElement(g,{role:"presentation",className:dn.error[U]}),te&&e.createElement("div",{className:s(sn,cn[U])},e.createElement("p",null,"Optional")))),N===He.Error&&y&&e.createElement(E,{darkMode:R,className:pn},y))}));bn.displayName="TextInput",bn.propTypes={id:l.string,label:l.string,"aria-labelledby":l.string,description:l.string,optional:l.bool,disabled:l.bool,onChange:l.func,placeholder:l.string,errorMessage:l.string,state:l.oneOf(Object.values(He)),value:l.string,className:l.string,sizeVariant:l.oneOf(Object.values(_e)),baseFontSize:l.oneOf(Object.values(h)),darkMode:l.bool};var gn,fn=/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/,hn={title:"Components/TextInput",component:bn,parameters:{default:"LiveExample",controls:{exclude:[].concat((gn=i,function(e){if(Array.isArray(e))return A(e)}(gn)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(gn)||V(gn)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["value","handleValidation"])},generate:{combineArgs:{darkMode:[!1,!0],label:[void 0,"Label"],description:[void 0,"This is a description"],state:Object.values(He),disabled:[!1,!0]},excludeCombinations:[{label:void 0,description:"This is a description"}]}},args:{label:"Label",description:"This is a description",errorMessage:"Invalid email"},argTypes:{darkMode:{control:"boolean"},disabled:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},optional:{control:"boolean"},id:{control:"text"},errorMessage:{control:"text"},state:{control:"select",options:Object.values(He)},sizeVariant:{control:"select",options:Object.values(_e)},baseFontSize:a.updatedBaseFontSize}},mn=function(n){var r=M({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(bn,r)};mn.parameters={chromatic:{disableSnapshot:!0}};var yn=function(r){var t=T(n("none"),2),o=t[0],a=t[1];return e.createElement(bn,M({placeholder:"[e-mail]",state:o,type:"email",errorMessage:"Invalid email",handleValidation:function(e){e.match(fn)?a("valid"):a("error")}},r))};yn.parameters={chromatic:{disableSnapshot:!0}};var xn=function(){};export{xn as Generated,mn as LiveExample,yn as WithValidation,hn as default};
+import e,{useState as n}from"react";import{createUniqueClassName as r,Theme as t,consoleOnce as o,storybookArgTypes as a,storybookExcludedControlParams as i}from"@leafygreen-ui/lib";import l from"prop-types";import{css as d,cx as s}from"@leafygreen-ui/emotion";import{useIdAllocator as c,useValidation as p}from"@leafygreen-ui/hooks";import u from"@leafygreen-ui/icon/dist/Checkmark";import b from"@leafygreen-ui/icon/dist/Warning";import{useDarkMode as g}from"@leafygreen-ui/leafygreen-provider";import{BaseFontSize as f,fontFamilies as h,spacing as m,fontWeights as y,transitionDuration as x,focusRing as v,hoverRing as w,typeScales as k}from"@leafygreen-ui/tokens";import{useUpdatedBaseFontSize as O,Label as S,Description as j,Error as z}from"@leafygreen-ui/typography";import{palette as E}from"@leafygreen-ui/palette";function N(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function L(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?N(Object(r),!0).forEach((function(n){D(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function D(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function I(){return I=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},I.apply(this,arguments)}function M(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function P(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function C(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,a,i,l=[],d=!0,s=!1;try{if(a=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;d=!1}else for(;!(d=(t=a.call(r)).done)&&(l.push(t.value),l.length!==n);d=!0);}catch(e){s=!0,o=e}finally{try{if(!d&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}(e,n)||T(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){if(e){if("string"==typeof e)return V(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?V(e,n):void 0}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var A,F,X,B,H,W,$,_,q,R,U,G,J,K,Q,Y,Z,ee,ne,re,te,oe,ae,ie,le,de,se,ce,pe,ue,be,ge,fe,he,me,ye,xe,ve,we,ke,Oe,Se,je,ze,Ee,Ne,Le,De,Ie,Me,Pe,Ce,Te,Ve,Ae,Fe,Xe,Be,He={None:"none",Valid:"valid",Error:"error"},We="text",$e={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"};L(L({},f),{},{Large:18});var _e=function(e){return"0 0 0 100px ".concat(e," inset")},qe=r("icon-selector"),Re=d(A||(A=P(["\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n"])),h.default),Ue=function(e,n){switch(e){case $e.XSmall:return d(F||(F=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),k.body1.fontSize,k.body1.lineHeight);case $e.Small:return d(X||(X=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),k.body1.fontSize,k.body1.lineHeight);case $e.Large:return d(B||(B=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),k.large.fontSize,k.large.lineHeight);default:var r=n==f.Body1?k.body1:k.body2;return d(H||(H=P(["\n        font-size: ","px;\n        line-height: ","px;\n      "])),r.fontSize,r.lineHeight)}},Ge=d(W||(W=P(["\n  font-size: inherit;\n  line-height: inherit;\n"]))),Je=d($||($=P(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),m[1]),Ke=d(_||(_=P(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  z-index: 0;\n"]))),Qe=d(q||(q=P(["\n  ",";\n  font-family: ",";\n  width: 100%;\n  height: 36px;\n  font-weight: ",";\n  border: 1px solid;\n  z-index: 1;\n  outline: none;\n  border-radius: 6px;\n  transition: ","ms ease-in-out;\n  transition-property: border-color, box-shadow;\n\n  &:disabled {\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  &::placeholder {\n    ",";\n  }\n\n  /* clears the ‘X’ from Internet Explorer & Chrome */\n  &[type='search'] {\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n      width: 0;\n      height: 0;\n    }\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  }\n"])),Ge,h.default,y.regular,x.default,Ge),Ye=(D(G={},t.Light,d(R||(R=P(["\n    color: ",";\n    background: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      color: ",";\n      background: ",";\n      border: 1px solid ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),E.black,E.white,E.gray.base,E.black,E.white,E.gray.base,E.black,_e(E.white),_e(E.white),v.light.input,E.white,_e(E.white),w.light.gray,E.gray.light1,y.regular,w.light.gray,E.gray.base,E.gray.light2,E.gray.light1,E.gray.base,E.gray.base,_e(E.gray.light2))),D(G,t.Dark,d(U||(U=P(["\n    color: ",";\n    background-color: ",";\n    border: 1px solid ",";\n\n    &:-webkit-autofill {\n      border: 1px solid ",";\n      color: ",";\n      background: ",";\n      -webkit-text-fill-color: ",";\n      box-shadow: ",";\n\n      &:not(:disabled):focus {\n        box-shadow: ",",\n          ",";\n        border-color: ",";\n      }\n\n      &:not(:disabled):hover:not(:focus) {\n        box-shadow: ",",\n          ",";\n      }\n    }\n\n    &:hover,\n    &:active {\n      &:not(:disabled):not(:focus) {\n        box-shadow: ",";\n      }\n    }\n\n    &::placeholder {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:disabled {\n      color: ",";\n      background-color: ",";\n      border-color: ",";\n\n      &::placeholder {\n        color: inherit;\n      }\n\n      &:-webkit-autofill {\n        &,\n        &:hover,\n        &:focus {\n          appearance: none;\n          border: 1px solid ",";\n          -webkit-text-fill-color: ",";\n          box-shadow: ",";\n        }\n      }\n    }\n  "])),E.gray.light3,E.gray.dark4,E.gray.base,E.gray.base,E.gray.light3,E.gray.dark4,E.gray.light3,_e(E.gray.dark4),_e(E.gray.dark4),v.dark.input,E.blue.light1,_e(E.gray.dark4),w.dark.gray,w.dark.gray,E.gray.dark1,y.regular,E.gray.dark1,E.gray.dark3,E.gray.dark2,E.gray.dark1,E.gray.dark1,_e(E.gray.dark2))),G),Ze=(D(Q={},t.Light,d(J||(J=P(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),v.light.input,E.white)),D(Q,t.Dark,d(K||(K=P(["\n    &:not(:disabled):focus {\n      box-shadow: ",";\n      border-color: ",";\n    }\n  "])),v.dark.input,E.gray.dark4)),Q),en=(D(re={},$e.XSmall,d(Y||(Y=P(["\n    height: 22px;\n    padding-left: 10px;\n  "])))),D(re,$e.Small,d(Z||(Z=P(["\n    height: 28px;\n    padding-left: 10px;\n  "])))),D(re,$e.Default,d(ee||(ee=P(["\n    height: 36px;\n    padding-left: 12px;\n  "])))),D(re,$e.Large,d(ne||(ne=P(["\n    height: 48px;\n    padding-left: 16px;\n  "])))),re),nn=(D(le={},$e.XSmall,d(te||(te=P(["\n    padding-right: 31px;\n  "])))),D(le,$e.Small,d(oe||(oe=P(["\n    padding-right: 34px;\n  "])))),D(le,$e.Default,d(ae||(ae=P(["\n    padding-right: 37px;\n  "])))),D(le,$e.Large,d(ie||(ie=P(["\n    padding-right: 39px;\n  "])))),le),rn=(D(ue={},$e.XSmall,d(de||(de=P(["\n    padding-right: 64px;\n  "])))),D(ue,$e.Small,d(se||(se=P(["\n    padding-right: 69px;\n  "])))),D(ue,$e.Default,d(ce||(ce=P(["\n    padding-right: 71px;\n  "])))),D(ue,$e.Large,d(pe||(pe=P(["\n    padding-right: 74px;\n  "])))),ue),tn=(D(ke={},He.Valid,(D(fe={},t.Light,d(be||(be=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.green.dark1,w.light.green)),D(fe,t.Dark,d(ge||(ge=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.green.dark1,w.dark.green)),fe)),D(ke,He.Error,(D(ye={},t.Light,d(he||(he=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.red.base,w.light.red)),D(ye,t.Dark,d(me||(me=P(["\n      &:not(:disabled) {\n        border-color: ",";\n\n        &:hover,\n        &:active {\n          &:not(:disabled):not(:focus) {\n            box-shadow: ",";\n          }\n        }\n      }\n    "])),E.red.light1,w.dark.red)),ye)),D(ke,He.None,(D(we={},t.Light,d(xe||(xe=P([""])))),D(we,t.Dark,d(ve||(ve=P([""])))),we)),ke),on=d(Oe||(Oe=P(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 1;\n  padding-left: ","px;\n  right: 2px; // account for border width\n"])),m[2]),an=(D(Ne={},$e.XSmall,d(Se||(Se=P(["\n    padding-right: 6px;\n  "])))),D(Ne,$e.Small,d(je||(je=P(["\n    padding-right: 10px;\n  "])))),D(Ne,$e.Default,d(ze||(ze=P(["\n    padding-right: 12px;\n  "])))),D(Ne,$e.Large,d(Ee||(Ee=P(["\n    padding-right: 14px;\n  "])))),Ne),ln=(D(Te={},He.Valid,(D(Ie={},t.Light,d(Le||(Le=P(["\n      color: ",";\n    "])),E.green.dark1)),D(Ie,t.Dark,d(De||(De=P(["\n      color: ",";\n    "])),E.green.base)),Ie)),D(Te,He.Error,(D(Ce={},t.Light,d(Me||(Me=P(["\n      color: ",";\n    "])),E.red.base)),D(Ce,t.Dark,d(Pe||(Pe=P(["\n      color: ",";\n    "])),E.red.light1)),Ce)),Te),dn=d(Ve||(Ve=P(["\n  font-size: 12px;\n  line-height: 12px;\n  font-style: italic;\n  font-weight: ",";\n  display: flex;\n  align-items: center;\n  > p {\n    margin: 0;\n  }\n"])),y.regular),sn=(D(Xe={},t.Light,d(Ae||(Ae=P(["\n    color: ",";\n  "])),E.gray.dark1)),D(Xe,t.Dark,d(Fe||(Fe=P(["\n    color: ",";\n  "])),E.gray.base)),Xe),cn=d(Be||(Be=P(["\n  ",";\n  min-height: 20px;\n  padding-top: 4px;\n  font-weight: ",";\n"])),Ge,y.regular),pn=["label","description","onChange","onBlur","placeholder","errorMessage","optional","disabled","state","type","id","value","className","darkMode","sizeVariant","aria-labelledby","handleValidation","baseFontSize"],un=e.forwardRef((function(r,t){var a,i=r.label,l=r.description,d=r.onChange,f=r.onBlur,h=r.placeholder,m=r.errorMessage,y=r.optional,x=void 0!==y&&y,v=r.disabled,w=void 0!==v&&v,k=r.state,E=void 0===k?He.None:k,N=r.type,L=void 0===N?We:N,P=r.id,T=r.value,V=r.className,A=r.darkMode,F=r.sizeVariant,X=void 0===F?$e.Default:F,B=r["aria-labelledby"],H=r.handleValidation,W=r.baseFontSize,$=M(r,pn),_=g(A),q=_.darkMode,R=_.theme,U="string"==typeof T,G=C(n(""),2),J=G[0],K=G[1],Q=U?T:J,Y=c({prefix:"textinput",id:P}),Z=O(W),ee=p(H);"search"===L||i||B||console.error("For screen-reader accessibility, label or aria-labelledby must be provided to TextInput."),"search"===L&&(o.warn('We recommend using the Leafygreen SearchInput for `type="search"` inputs.'),$["aria-label"]||console.error("For screen-reader accessibility, aria-label must be provided to TextInput.")),"password"===L&&o.warn('We recommend using the Leafygreen PasswordInput for `type="password"` inputs.'),"number"===L&&o.warn('We recommend using the Leafygreen NumberInput for `type="number"` inputs.');var ne=E===He.None&&!w&&x;return e.createElement("div",{className:s(Re,Ue(X,Z),V)},(i||l)&&e.createElement("div",{className:Je},i&&e.createElement(S,{darkMode:q,htmlFor:Y,disabled:w,className:Ge},i),l&&e.createElement(j,{darkMode:q,disabled:w,className:Ge},l)),e.createElement("div",{className:Ke},e.createElement("input",I({},$,{"aria-labelledby":B,type:L,className:s(Qe,Ye[R],en[X],tn[E][R],Ze[R],(a={},D(a,nn[X],E!==He.None),D(a,rn[X],ne),a)),value:Q,required:!x,disabled:w,placeholder:h,onChange:function(e){d&&d(e),U||K(e.target.value),ee.onChange(e)},onBlur:function(e){f&&f(e),ee.onBlur(e)},ref:t,id:Y,autoComplete:w?"off":(null==$?void 0:$.autoComplete)||"on","aria-invalid":"error"===E})),e.createElement("div",{className:s(qe,on,an[X])},E===He.Valid&&e.createElement(u,{role:"presentation",className:ln.valid[R]}),E===He.Error&&e.createElement(b,{role:"presentation",className:ln.error[R]}),ne&&e.createElement("div",{className:s(dn,sn[R])},e.createElement("p",null,"Optional")))),E===He.Error&&m&&e.createElement(z,{darkMode:q,className:cn},m))}));un.displayName="TextInput",un.propTypes={id:l.string,label:l.string,"aria-labelledby":l.string,description:l.string,optional:l.bool,disabled:l.bool,onChange:l.func,placeholder:l.string,errorMessage:l.string,state:l.oneOf(Object.values(He)),value:l.string,className:l.string,sizeVariant:l.oneOf(Object.values($e)),baseFontSize:l.oneOf(Object.values(f)),darkMode:l.bool};var bn,gn=/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/,fn={title:"Components/TextInput",component:un,parameters:{default:"LiveExample",controls:{exclude:[].concat((bn=i,function(e){if(Array.isArray(e))return V(e)}(bn)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(bn)||T(bn)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["value","handleValidation"])},generate:{combineArgs:{darkMode:[!1,!0],label:[void 0,"Label"],description:[void 0,"This is a description"],state:Object.values(He),disabled:[!1,!0]},excludeCombinations:[{label:void 0,description:"This is a description"}]}},args:{label:"Label",description:"This is a description",errorMessage:"Invalid email"},argTypes:{darkMode:{control:"boolean"},disabled:{control:"boolean"},label:{control:"text"},description:{control:"text"},placeholder:{control:"text"},optional:{control:"boolean"},id:{control:"text"},errorMessage:{control:"text"},state:{control:"select",options:Object.values(He)},sizeVariant:{control:"select",options:Object.values($e)},baseFontSize:a.updatedBaseFontSize}},hn=function(n){var r=I({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(n),n));return e.createElement(un,r)};hn.parameters={chromatic:{disableSnapshot:!0}};var mn=function(r){var t=C(n("none"),2),o=t[0],a=t[1];return e.createElement(un,I({placeholder:"[e-mail]",state:o,type:"email",errorMessage:"Invalid email",handleValidation:function(e){e.match(gn)?a("valid"):a("error")}},r))};mn.parameters={chromatic:{disableSnapshot:!0}};var yn=function(){};export{yn as Generated,hn as LiveExample,mn as WithValidation,fn as default};

tsconfig.json

 {
-  "extends": "../../package.tsconfig.json",
-  "compilerOptions": {
+  "extends": "@lg-tools/config/package.tsconfig.json",
+   "compilerOptions": {
     "declarationDir": "dist",
     "outDir": "dist",
-    "rootDir": "src"
+    "rootDir": "src",
+    "baseUrl": ".",
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
+      "@leafygreen-ui/*": ["../*/src"]
+    }
   },
@@ -11,2 +16,3 @@ "include": [
   ],
+  "exclude": ["**/*.spec.*", "**/*.story.*"],
   "references": [
@@ -13,0 +19,0 @@ {

No alert changes

Improved metrics

Total package byte prevSize

276041

0.01%

Number of package files

30

7.14%

Lines of code

1832

0.11%

Dependency changes

• Updated

  @leafygreen-ui/icon@^11.18.0