@skbkontur/react-ui 0.0.0-9216939ede → 0.0.0-95a1dbe516

package/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","root","spinner","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","corners","active","borderless","checked","error","warning","narrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","trueDisabled","cx","styles","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","activeStyles","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"4eAAA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA,wD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8KO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB;AAE5BC,EAAAA,OAAO,EAAE,iBAFmB,EAAvB,C;;;;;;AAQMC,M,OADZC,kB;;;;;;;;;;AAWSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;AAEZC,IAAAA,K,GAAQ;AACbC,MAAAA,YAAY,EAAE,KADD,E;;;;AAKPC,IAAAA,I,GAAiC,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8UjCC,IAAAA,W,GAAc,UAACC,CAAD,EAA4C;AAChE,UAAI,CAAC,MAAKC,KAAL,CAAWC,QAAZ,IAAwB,CAAC,MAAKD,KAAL,CAAWE,YAAxC,EAAsD;AACpD;AACA;AACAC,mCAAaC,qBAAb,+CAAaA,qBAAb,CAAqC,YAAM;AACzC,cAAIC,yBAAYC,YAAhB,EAA8B;AAC5B,kBAAKC,QAAL,CAAc,EAAEX,YAAY,EAAE,IAAhB,EAAd;AACD;AACF,SAJD;AAKA,cAAKI,KAAL,CAAWQ,OAAX,0BAAKR,KAAL,CAAWQ,OAAX,CAAqBT,CAArB;AACD;AACF,K;;AAEOU,IAAAA,U,GAAa,UAACV,CAAD,EAA4C;AAC/D,YAAKQ,QAAL,CAAc,EAAEX,YAAY,EAAE,KAAhB,EAAd;AACA,UAAI,CAAC,MAAKI,KAAL,CAAWC,QAAZ,IAAwB,CAAC,MAAKD,KAAL,CAAWE,YAAxC,EAAsD;AACpD,cAAKF,KAAL,CAAWU,MAAX,0BAAKV,KAAL,CAAWU,MAAX,CAAoBX,CAApB;AACD;AACF,K;;AAEOY,IAAAA,I,GAAO,UAACd,IAAD,EAAoC;AACjD,YAAKA,IAAL,GAAYA,IAAZ;AACD,K,oDAjWMe,iB,GAAP,6BAA2B,CACzB,IAAI,KAAKZ,KAAL,CAAWa,SAAf,EAA0B,CACxBR,yBAAYC,YAAZ,GAA2B,IAA3B,CACA,KAAKQ,KAAL,GACD,CACF,C,QAEaC,wB,GAAd,kCAAuCf,KAAvC,EAA2D,CACzD,IAAIA,KAAK,CAACgB,OAAN,IAAiBhB,KAAK,CAACC,QAA3B,EAAqC,CACnC,OAAO,EAAEL,YAAY,EAAE,KAAhB,EAAP,CACD,CACD,OAAO,IAAP,CACD,C,CAED;AACF;AACA,K,QACSkB,K,GAAP,iBAAe,gBACb,mBAAKjB,IAAL,gCAAWiB,KAAX,GACD,C,CAED;AACF;AACA,K,QACSG,I,GAAP,gBAAc,iBACZ,oBAAKpB,IAAL,iCAAWoB,IAAX,GACD,C,QAEMC,M,GAAP,kBAA6B,mBAC3B,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAa,MAAI,CAACnB,KAAL,CAAWmB,KAAX,GAAmBC,2BAAaC,MAAb,CAAoB,MAAI,CAACrB,KAAL,CAAWmB,KAA/B,EAA+CA,KAA/C,CAAnB,GAA2EA,KAAxF,CACA,OAAO,MAAI,CAACG,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOC,6B,GAAR,uCAAsCvB,KAAtC,EAAwD,CACtD,IAAQwB,OAAR,GAAwDxB,KAAxD,CAAQwB,OAAR,CAAiBhB,OAAjB,GAAwDR,KAAxD,CAAiBQ,OAAjB,CAA0BE,MAA1B,GAAwDV,KAAxD,CAA0BU,MAA1B,CAAkCe,QAAlC,GAAwDzB,KAAxD,CAAkCyB,QAAlC,CAA+CC,IAA/C,+CAAwD1B,KAAxD,aACA,oBAAO,qCAAU0B,IAAV,EAAiBD,QAAjB,CAAP,CACD,C,QAEOH,U,GAAR,sBAAqB,sBACnB,kBAkCI,KAAKtB,KAlCT,CACE2B,OADF,eACEA,OADF,CAEEC,MAFF,eAEEA,MAFF,CAGE3B,QAHF,eAGEA,QAHF,CAIE4B,UAJF,eAIEA,UAJF,CAKEC,OALF,eAKEA,OALF,CAMEC,KANF,eAMEA,KANF,CAOEC,OAPF,eAOEA,OAPF,CAQEhB,OARF,eAQEA,OARF,CASEiB,MATF,eASEA,MATF,CAUEC,IAVF,eAUEA,IAVF,CAWEC,SAXF,eAWEA,SAXF,CAYEC,UAZF,eAYEA,UAZF,CAaEC,eAbF,eAaEA,eAbF,CAcEC,eAdF,eAcEA,eAdF,CAeEC,KAfF,eAeEA,KAfF,CAgBErC,YAhBF,eAgBEA,YAhBF,CAiBEsC,YAjBF,eAiBEA,YAjBF,CAkBEC,YAlBF,eAkBEA,YAlBF,CAmBEC,WAnBF,eAmBEA,WAnBF,CAoBEC,WApBF,eAoBEA,WApBF,CAqBEC,SArBF,eAqBEA,SArBF,CAsBEC,SAtBF,eAsBEA,SAtBF,CAuBErB,OAvBF,eAuBEA,OAvBF,CAwBEsB,cAxBF,eAwBEA,cAxBF,CAyBEC,KAzBF,eAyBEA,KAzBF,CA0BEtB,QA1BF,eA0BEA,QA1BF,CA2BsBuB,eA3BtB,eA2BE,kBA3BF,EA4BmBC,YA5BnB,eA4BE,eA5BF,EA6BmBC,YA7BnB,eA6BE,eA7BF,EA8BgBC,SA9BhB,eA8BE,YA9BF,EA+BkBC,WA/BlB,eA+BE,cA/BF,EAgCmBC,YAhCnB,eAgCE,eAhCF,EAiCEC,IAjCF,eAiCEA,IAjCF,CAmCA,qBAA4B,KAAK7D,QAAL,EAA5B,CAAQ8D,GAAR,kBAAQA,GAAR,CAAaC,IAAb,kBAAaA,IAAb,CAAmBC,IAAnB,kBAAmBA,IAAnB,CACA,IAAMC,SAAS,GAAG,KAAKC,gBAAL,EAAlB,CAEA,IAAMC,SAAS,GAAG,KAAKjE,KAAL,CAAWC,YAAX,IAA2B0C,eAA7C,CACA,IAAMuB,MAAM,GAAGN,GAAG,KAAK,MAAvB,CACA,IAAMO,YAAY,GAAG,+BAAY,KAAK3C,KAAjB,CAArB,CAzCmB,CA2CnB;AACA,0BAAoE,4DAC7D,KAAKnB,KADwD,IACjD4D,SAAS,EAAEG,OAAO,CAACH,SAAD,CAD+B,KAElE,KAAKzC,KAF6D,CAApE,CAAO6C,sBAAP,sBAA+BC,sBAA/B,sBAAuDC,SAAvD,sBAIA,IAAMC,uCAAuC,GAAG,CAAC,CAAC,SAAD,EAAY,UAAZ,EAAwBC,QAAxB,CAAiCb,GAAjC,CAAjD,CACA,IAAIc,aAAa,GAAG,EAApB,CACA,IAAIP,YAAJ,EAAkB,CAChB,IAAMQ,YAAY,GAAGrE,QAAQ,IAAIe,OAAjC,CACAqD,aAAa,GAAGE,2BACdC,eAAOnF,IAAP,CAAY,KAAK8B,KAAjB,CADc,EAEdqD,eAAOjB,GAAP,EAAY,KAAKpC,KAAjB,CAFc,EAGduC,SAHc,EAIdzB,MAAM,IAAIuC,eAAOvC,MAAP,EAJI,EAKdG,UAAU,IAAIoC,eAAOC,SAAP,EALA,EAMdpC,eAAe,IAAImC,eAAOE,cAAP,EANL,EAOdT,sBAPc,SAQVK,YAAY,GACZ,CACEE,eAAOvE,QAAP,CAAgB,KAAKkB,KAArB,CADF,EAEEgD,uCAAuC,IAAIK,eAAOG,sBAAP,CAA8B,KAAKxD,KAAnC,CAF7C,EAGEW,OAAO,IAAI0C,eAAOI,eAAP,CAAuB,KAAKzD,KAA5B,CAHb,EAIEW,OAAO,IAAI0C,eAAOK,mBAAP,CAA2B,KAAK1D,KAAhC,CAJb,EAKEU,UAAU,IAAI2C,eAAOM,cAAP,EALhB,EAMEvB,GAAG,KAAK,UAAR,IAAsB,CAACzB,OAAvB,IAAkC0C,eAAOO,oBAAP,CAA4B,KAAK5D,KAAjC,CANpC,CADY,GASZ,CACES,MAAM,IAAI,CAACE,OAAX,IAAsBkD,qBAAazB,GAAb,EAAkB,KAAKpC,KAAvB,CADxB,EAEEyC,SAAS,IAAIY,eAAO1D,KAAP,CAAa,KAAKK,KAAlB,CAFf,EAGEW,OAAO,IAAI0C,eAAOS,WAAP,CAAmB,KAAK9D,KAAxB,CAHb,EAIEW,OAAO,IAAI8B,SAAX,IAAwBY,eAAOU,cAAP,CAAsB,KAAK/D,KAA3B,CAJ1B,EAKEU,UAAU,IAAI,CAACC,OAAf,IAA0B,CAAC8B,SAA3B,IAAwCY,eAAOM,cAAP,EAL1C,CAjBU,EAAhB,CAyBD,CA3BD,MA2BO,SACLT,aAAa,GAAG,gCACbG,eAAOnF,IAAP,CAAY,KAAK8B,KAAjB,CADa,IACa,IADb,MAEbqD,eAAOW,cAAP,EAFa,IAEa,IAFb,MAGbX,eAAOjB,GAAP,EAAY,KAAKpC,KAAjB,CAHa,IAGa,IAHb,MAIb6D,qBAAazB,GAAb,EAAkB,KAAKpC,KAAvB,CAJa,IAImBS,MAJnB,MAKb8B,SALa,IAKD,IALC,MAMbc,eAAO1D,KAAP,CAAa,KAAKK,KAAlB,CANa,IAMcyC,SANd,MAObY,eAAO1C,OAAP,CAAe,KAAKX,KAApB,CAPa,IAOgBW,OAPhB,MAQb0C,eAAOU,cAAP,CAAsB,KAAK/D,KAA3B,CARa,IAQuBW,OAAO,IAAI8B,SARlC,MASbY,eAAOvE,QAAP,CAAgB,KAAKkB,KAArB,CATa,IASiBlB,QAAQ,IAAIe,OAT7B,MAUbwD,eAAOI,eAAP,CAAuB,KAAKzD,KAA5B,CAVa,IAUwBW,OAAO,IAAI7B,QAVnC,MAWbuE,eAAO3C,UAAP,EAXa,IAWSA,UAAU,IAAI,CAAC5B,QAAf,IAA2B,CAACe,OAA5B,IAAuC,CAACc,OAAxC,IAAmD,CAAC8B,SAApD,IAAiE,CAAChC,MAX3E,MAYb4C,eAAOvC,MAAP,EAZa,IAYKA,MAZL,MAabuC,eAAOC,SAAP,EAba,IAaQrC,UAbR,MAcboC,eAAOE,cAAP,EAda,IAcarC,eAdb,OAAhB,CAgBD,CAED,IAAM+C,SAAS,GAAG,EAChB;AACA;AACA;AACA5B,MAAAA,IAAI,EAAJA,IAJgB,EAKhBF,IAAI,EAAJA,IALgB,EAMhB,oBAAoBN,eANJ,EAOhB,iBAAiBC,YAPD,EAQhB,iBAAiBC,YARD,EAShB,cAAcC,SATE,EAUhB,gBAAgBC,WAVA,EAWhB,iBAAiBC,YAXD,EAYhBgC,SAAS,EAAEhB,aAZK,EAahBiB,KAAK,2BACHC,SAAS,EAAEhD,KADR,IAEAZ,OAFA,CAbW,EAiBhB1B,QAAQ,EAAEA,QAAQ,IAAIe,OAjBN,EAkBhBQ,OAAO,EAAPA,OAlBgB,EAmBhBhB,OAAO,EAAE,KAAKV,WAnBE,EAoBhBY,MAAM,EAAE,KAAKD,UApBG,EAqBhBoC,SAAS,EAATA,SArBgB,EAsBhBL,YAAY,EAAZA,YAtBgB,EAuBhBC,YAAY,EAAZA,YAvBgB,EAwBhBC,WAAW,EAAXA,WAxBgB,EAyBhBC,WAAW,EAAXA,WAzBgB,EA0BhBC,SAAS,EAATA,SA1BgB,EA2BhBE,cAAc,EAAdA,cA3BgB,EA4BhB0C,QAAQ,EAAEtF,YAAY,GAAG,CAAC,CAAJ,GAAQ,CA5Bd,EA6BhBuF,KAAK,EAAE,KAAKzF,KAAL,CAAWyF,KA7BF,EAAlB,CAgCA,IAAMC,SAAS,GAAG,EAChBL,SAAS,EAAE,iBAAGM,sBAActG,IAAjB,mBACRmF,eAAOoB,IAAP,CAAY,KAAKzE,KAAjB,CADQ,IACkB,IADlB,OAER6C,sBAFQ,IAEiB,IAFjB,OAGR,KAAK6B,oBAAL,EAHQ,IAGsB,IAHtB,QADK,EAMhBP,KAAK,EAAE,EACLvC,KAAK,EAALA,KADK,EANS,EAAlB,CAWA,IAAM+C,eAAe,GAAGhC,YAAY,GAAG,IAAH,gBAAU,sCAAK,SAAS,EAAE6B,sBAAcI,WAA9B,GAA9C,CAEA,IAAIC,WAAW,GAAG,IAAlB,CACA,IAAMC,cAAc,GAAGnC,YAAY,KAAK7D,QAAQ,IAAIe,OAAjB,CAAnC,CACA,IAAI,CAAC,CAAC4C,SAAD,IAAcC,MAAf,KAA0B,CAACoC,cAA/B,EAA+C,UAC7CD,WAAW,gBACT,sCACE,KAAK,EAAE,EAAEE,MAAM,EAAEpC,YAAY,IAAID,MAAhB,GAAyB,CAAC,CAA1B,GAA8BsC,SAAxC,EADT,EAEE,SAAS,EAAE,iBAAG3B,eAAO4B,OAAP,EAAH,mBACR5B,eAAO6B,cAAP,CAAsB,KAAKlF,KAA3B,CADQ,IAC4Ba,OAD5B,OAERwC,eAAO8B,YAAP,CAAoB,KAAKnF,KAAzB,CAFQ,IAE0BY,KAF1B,OAGRyC,eAAO+B,WAAP,EAHQ,IAGe1C,MAHf,OAIRW,eAAOgC,kBAAP,CAA0B,KAAKrF,KAA/B,CAJQ,IAIgC0C,MAAM,IAAI7B,OAJ1C,OAKRwC,eAAOiC,gBAAP,CAAwB,KAAKtF,KAA7B,CALQ,IAK8B0C,MAAM,IAAI9B,KALxC,QAFb,GADF,CAYD,CAED,IAAM2E,SAA4C,GAAG,EACnDnD,GAAG,EAAHA,GADmD,EAEnDE,IAAI,EAAE,KAAKhE,QAAL,GAAgBgE,IAF6B,EAGnDkD,WAAW,EAAE,CAAC,CAAClF,QAHoC,EAInDT,OAAO,EAAEA,OAAO,IAAI,KAJ+B,EAArD,CAMA,IAAM4F,YAAY,GAAG1E,IAAI,iBAAI,6BAAC,sBAAD,6BAAgBwE,SAAhB,IAA2B,QAAQ,EAAC,MAApC,EAA2C,IAAI,EAAExE,IAAjD,IAA7B,CACA,IAAM2E,aAAa,GAAG1E,SAAS,iBAC7B,6BAAC,sBAAD,6BAAgBuE,SAAhB,IAA2B,YAAY,EAAE,CAAC,CAACxE,IAAF,IAAU,CAAC,CAACC,SAArD,EAAgE,QAAQ,EAAC,OAAzE,EAAiF,IAAI,EAAEA,SAAvF,IADF,CArKmB,CAyKnB;AACA,QAAI0B,MAAJ,EAAY,UACVuB,SAAS,CAACC,SAAV,GAAsB,kCACnBb,eAAOnF,IAAP,CAAY,KAAK8B,KAAjB,CADmB,IACO,IADP,OAEnBuC,SAFmB,IAEP,IAFO,OAGnBc,eAAOsC,IAAP,CAAY,KAAK3F,KAAjB,CAHmB,IAGO,IAHP,OAInBqD,eAAOuC,cAAP,EAJmB,IAIO,CAACC,gBAAD,IAAcA,oBAAY,CAAClD,YAJlC,OAKnBU,eAAOyC,4BAAP,EALmB,IAKqBD,oBAAYlD,YALjC,OAMnBU,eAAO0C,SAAP,CAAiB,KAAK/F,KAAtB,CANmB,IAMYyC,SANZ,OAOnBY,eAAO2C,YAAP,CAAoB,KAAKhG,KAAzB,CAPmB,IAOelB,QAAQ,IAAIe,OAP3B,QAAtB,CASAoG,MAAM,CAACC,MAAP,CAAc3B,SAAd,EAAyB,EACvBL,SAAS,EAAE,iBAAGb,eAAOoB,IAAP,CAAY,KAAKzE,KAAjB,CAAH,EAA4BqD,eAAO8C,QAAP,EAA5B,CADY,EAEvBhC,KAAK,EAAE,EAAEvC,KAAK,EAAE2C,SAAS,CAACJ,KAAV,CAAgBvC,KAAzB,EAFgB,EAAzB,EAIAqC,SAAS,CAACE,KAAV,CAAgBC,SAAhB,GAA4BY,SAA5B,CACD,CAED,IAAMoB,cAAc,GAAGvG,OAAO,IAAI,CAACkB,IAAZ,IAAoB,CAACC,SAA5C,CACA,IAAMqF,WAAW,GAAGD,cAAc,iBAAI,6BAAC,oCAAD,IAAmB,IAAI,EAAE9D,IAAzB,GAAtC,CAEA,IAAIgE,WAAW,gBACb,sCACE,SAAS,EAAE,iBAAGjD,eAAOkD,OAAP,EAAH,EAAqB/B,sBAAc+B,OAAnC,mBACRlD,eAAOmD,iBAAP,EADQ,IACqB,CAAC/F,MAAM,IAAIE,OAAX,KAAuB,CAACd,OAAxB,IAAmC,CAAC8C,YADzD,OAERU,eAAOoD,WAAP,EAFQ,IAEe/D,MAFf,OAGRW,eAAOqD,eAAP,EAHQ,IAGmB,CAAC/F,OAAD,IAAY7B,QAH/B,QADb,IAOGuH,WAPH,EAQGZ,YARH,eASE,uCACE,SAAS,EAAE,iBAAGjB,sBAAcmC,IAAjB,mBACRtD,eAAOuD,gBAAP,EADQ,IACoBR,cADpB,QADb,IAKG9F,QALH,CATF,EAgBGoF,aAhBH,CADF,CAoBA,IAAI/C,YAAY,IAAID,MAAhB,IAA0B,CAAC7C,OAA/B,EAAwC,CACtCyG,WAAW,gBACT,6BAAC,0BAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,0CAAkB,KAAKtG,KAAvB,CAA9B,iBACE,6BAAC,UAAD,IACE,OAAO,EAAEyC,SADX,EAEE,QAAQ,EAAE3D,QAFZ,EAGE,IAAI,EAAE,KAAK+H,cAAL,CAAoB9F,IAApB,CAHR,EAIE,SAAS,EAAE,KAAK8F,cAAL,CAAoB7F,SAApB,CAJb,EAKE,EAAE,EAAE,KAAKZ,6BALX,EAME,QAAQ,EAAE,CAAC,CANb,IAQGE,QARH,CADF,CADF,CAcD,CAED,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKwG,WAAjC,IAAkD,KAAKjI,KAAvD,gBACE,qCAAU0F,SAAV,eACE,gEAAQ,YAAUtG,cAAc,CAACC,IAAjC,EAAuC,GAAG,EAAE,KAAKsB,IAAjD,IAA2DyE,SAA3D,GACGU,eADH,EAEGE,WAFH,EAGG9B,SAHH,EAIGuD,WAJH,CADF,CADF,CADF,CAYD,C,QAEOO,c,GAAR,wBAAuB9F,IAAvB,EAA6D,CAC3D,IAAIA,IAAI,IAAI,yBAAaA,IAAb,CAAZ,EAAgC,sBAC9B,IAAMgG,KAAK,GAAG,oCAAmB,KAAK/G,KAAxB,CAAd,CACA,oBAAOgH,eAAMC,YAAN,CAAmBlG,IAAnB,EAAyB,EAAEuB,IAAI,sBAAEvB,IAAI,CAAClC,KAAL,CAAWyD,IAAb,+BAAqByE,KAAK,CAAC,KAAKzI,QAAL,GAAgBgE,IAAjB,CAAhC,EAAzB,CAAP,CACD,CAED,OAAOvB,IAAP,CACD,C,QAEOyB,gB,GAAR,4BAA2B,sBACzB,IAAMG,YAAY,GAAG,+BAAY,KAAK3C,KAAjB,CAArB,CACA,QAAQ,KAAK1B,QAAL,GAAgBgE,IAAxB,GACE,KAAK,OAAL,CACE,OAAO,iBAAGe,eAAO6D,SAAP,CAAiB,KAAKlH,KAAtB,CAAH,mBACJqD,eAAO8D,aAAP,CAAqB,KAAKnH,KAA1B,CADI,IAC+BoH,kBAAUC,cADzC,OAEJhE,eAAOiE,iBAAP,CAAyB,KAAKtH,KAA9B,CAFI,IAEmC,CAAC,CAAC,KAAKnB,KAAL,CAAWkC,IAFhD,OAGJsC,eAAOkE,4BAAP,CAAoC,KAAKvH,KAAzC,CAHI,IAG8C2C,YAAY,IAAI,CAAC,CAAC,KAAK9D,KAAL,CAAWkC,IAA7B,IAAqC,CAAC,KAAKlC,KAAL,CAAWyB,QAH/F,QAAP,CAKF,KAAK,QAAL,CACE,OAAO,iBAAG+C,eAAOmE,UAAP,CAAkB,KAAKxH,KAAvB,CAAH,mBACJqD,eAAOoE,cAAP,CAAsB,KAAKzH,KAA3B,CADI,IACgCoH,kBAAUC,cAD1C,OAEJhE,eAAOqE,kBAAP,CAA0B,KAAK1H,KAA/B,CAFI,IAEoC,CAAC,CAAC,KAAKnB,KAAL,CAAWkC,IAFjD,OAGJsC,eAAOsE,6BAAP,CAAqC,KAAK3H,KAA1C,CAHI,IAG+C2C,YAAY,IAAI,CAAC,CAAC,KAAK9D,KAAL,CAAWkC,IAA7B,IAAqC,CAAC,KAAKlC,KAAL,CAAWyB,QAHhG,QAAP,CAKF,KAAK,OAAL,CACA,QACE,OAAO,iBAAG+C,eAAOuE,SAAP,CAAiB,KAAK5H,KAAtB,CAAH,mBACJqD,eAAOwE,aAAP,CAAqB,KAAK7H,KAA1B,CADI,IAC+BoH,kBAAUC,cADzC,OAEJhE,eAAOyE,iBAAP,CAAyB,KAAK9H,KAA9B,CAFI,IAEmC,CAAC,CAAC,KAAKnB,KAAL,CAAWkC,IAFhD,OAGJsC,eAAO0E,4BAAP,CAAoC,KAAK/H,KAAzC,CAHI,IAG8C2C,YAAY,IAAI,CAAC,CAAC,KAAK9D,KAAL,CAAWkC,IAA7B,IAAqC,CAAC,KAAKlC,KAAL,CAAWyB,QAH/F,QAAP,CAfJ,CAqBD,C,QAEOoE,oB,GAAR,gCAA+B,CAC7B,QAAQ,KAAKpG,QAAL,GAAgBgE,IAAxB,GACE,KAAK,OAAL,CACE,OAAOe,eAAO2E,SAAP,CAAiB,KAAKhI,KAAtB,CAAP,CACF,KAAK,QAAL,CACE,OAAOqD,eAAO4E,UAAP,CAAkB,KAAKjI,KAAvB,CAAP,CACF,KAAK,OAAL,CACA,QACE,OAAOqD,eAAO6E,SAAP,CAAiB,KAAKlI,KAAtB,CAAP,CAPJ,CASD,C,iBA7VyBgH,eAAMmB,S,WAClBC,mB,GAAsB,Q,UACtBC,U,GAAa,I,UAEb9J,Y,GAA6B,EACzC6D,GAAG,EAAE,SADoC,EAEzCE,IAAI,EAAE,OAFmC,EAGzCD,IAAI,EAAE,QAHmC,E,4CAoXtC,IAAMiG,QAAQ,GAAG,+BAAgC,QAAhC,CAAjB,C","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/**\n * @deprecated use SizeProp\n */\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n  extends CommonProps,\n    Pick<\n      AriaAttributes,\n      'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked' | 'aria-expanded'\n    >,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<HTMLProps['button'], 'onClickCapture' | 'onMouseUp' | 'onMouseDown'> {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * Применяет к кнопке стили псевдокласса `:active`.\n   */\n  active?: boolean;\n\n  /**\n   * CSS-свойство `text-align`.\n   */\n  align?: React.CSSProperties['textAlign'];\n\n  /**\n   * Превращает обычную кнопку в кнопку со стрелкой.\n   */\n  arrow?: boolean | 'left';\n\n  /**\n   * Даёт кнопке фокус после окончания загрузки страницы.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Убирает обводку у кнопки.\n   */\n  borderless?: boolean;\n\n  /**\n   * @ignore\n   */\n  checked?: boolean;\n\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /**\n   * Отключенное состояние кнопки.\n   */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Иконка слева от текста кнопки.\n   */\n  icon?: React.ReactElement;\n\n  /**\n   * Иконка справа от текста кнопки.\n   */\n  rightIcon?: React.ReactElement;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * HTML-событие `onblur`.\n   */\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onfocus`.\n   */\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `keydown`.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseover`.\n   */\n  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\n\n  /**\n   * HTML-атрибут `type`.\n   */\n  type?: ButtonType;\n\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: string;\n\n  /**\n   * Стиль кнопки.\n   *\n   * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * CSS-свойство `width`.\n   */\n  width?: number | string;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    type: 'button',\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLButtonElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderLinkRootWithoutHandlers(props: LinkProps) {\n    const { onClick, onFocus, onBlur, children, ...rest } = props;\n    return <span {...rest}>{children}</span>;\n  }\n\n  private renderMain() {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onKeyDown,\n      onClick,\n      onClickCapture,\n      width,\n      children,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      role,\n    } = this.props;\n    const { use, type, size } = this.getProps();\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n    let rootClassName = '';\n    if (_isTheme2022) {\n      const trueDisabled = disabled || loading;\n      rootClassName = cx(\n        styles.root(this.theme),\n        styles[use](this.theme),\n        sizeClass,\n        narrow && styles.narrow(),\n        _noPadding && styles.noPadding(),\n        _noRightPadding && styles.noRightPadding(),\n        rootClassNameWithArrow,\n        ...(trueDisabled\n          ? [\n              styles.disabled(this.theme),\n              isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n              checked && styles.checkedDisabled(this.theme),\n              checked && styles.checkedDisabled2022(this.theme),\n              borderless && styles.borderless2022(),\n              use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n            ]\n          : [\n              active && !checked && activeStyles[use](this.theme),\n              isFocused && styles.focus(this.theme),\n              checked && styles.checked2022(this.theme),\n              checked && isFocused && styles.checkedFocused(this.theme),\n              borderless && !checked && !isFocused && styles.borderless2022(),\n            ]),\n      );\n    } else {\n      rootClassName = cx({\n        [styles.root(this.theme)]: true,\n        [styles.simulatedPress()]: true,\n        [styles[use](this.theme)]: true,\n        [activeStyles[use](this.theme)]: active,\n        [sizeClass]: true,\n        [styles.focus(this.theme)]: isFocused,\n        [styles.checked(this.theme)]: checked,\n        [styles.checkedFocused(this.theme)]: checked && isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n        [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n        [styles.narrow()]: narrow,\n        [styles.noPadding()]: _noPadding,\n        [styles.noRightPadding()]: _noRightPadding,\n      });\n    }\n\n    const rootProps = {\n      // By default the type attribute is 'submit'. IE8 will fire a click event\n      // on this button if somewhere on the page user presses Enter while some\n      // input is focused. So we set type to 'button' by default.\n      type,\n      role,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: disabled || loading,\n      onClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onKeyDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onClickCapture,\n      tabIndex: disableFocus ? -1 : 0,\n      title: this.props.title,\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [wrapClassNameWithArrow]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n    let outlineNode = null;\n    const isDisabled2022 = _isTheme2022 && (disabled || loading);\n    if ((!isFocused || isLink) && !isDisabled2022) {\n      outlineNode = (\n        <div\n          style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n        [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: disabled || loading,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (_isTheme2022 && isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          <Link\n            focused={isFocused}\n            disabled={disabled}\n            icon={this.renderIcon2022(icon)}\n            rightIcon={this.renderIcon2022(rightIcon)}\n            as={this.renderLinkRootWithoutHandlers}\n            tabIndex={-1}\n          >\n            {children}\n          </Link>\n        </ThemeContext.Provider>\n      );\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span {...wrapProps}>\n          <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n            {innerShadowNode}\n            {outlineNode}\n            {arrowNode}\n            {captionNode}\n          </button>\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const _isTheme2022 = isTheme2022(this.theme);\n    switch (this.getProps().size) {\n      case 'large':\n        return cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLButtonElement | null) => {\n    this.node = node;\n  };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
+{"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","rootElement","root","spinner","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","emotion","theme","ThemeFactory","create","renderMain","renderLinkRootWithoutHandlers","onClick","children","rest","corners","active","borderless","checked","error","warning","narrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onMouseDown","onMouseUp","onKeyDown","onClickCapture","width","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","ariaExpanded","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","rootClassName","styles","activeStyles","trueDisabled","cx","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","checkedDisabled2022","borderless2022","backlessDisabled2022","textDisabled2022","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","globalClasses","wrap","getSizeWrapClassName","innerShadowNode","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","rightIconNode","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","hasLoadingNode","loadingNode","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { HTMLProps } from '../../typings/html';\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isEdge, isIE11, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link, LinkProps } from '../Link';\nimport { SizeProp } from '../../lib/types/props';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, ButtonIconProps, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\n/**\n * @deprecated use SizeProp\n */\nexport type ButtonSize = SizeProp;\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonProps\n  extends CommonProps,\n    Pick<\n      AriaAttributes,\n      'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked' | 'aria-expanded'\n    >,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<HTMLProps['button'], 'onClickCapture' | 'onMouseUp' | 'onMouseDown'> {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * Применяет к кнопке стили псевдокласса `:active`.\n   */\n  active?: boolean;\n\n  /**\n   * CSS-свойство `text-align`.\n   */\n  align?: React.CSSProperties['textAlign'];\n\n  /**\n   * Превращает обычную кнопку в кнопку со стрелкой.\n   */\n  arrow?: boolean | 'left';\n\n  /**\n   * Даёт кнопке фокус после окончания загрузки страницы.\n   */\n  autoFocus?: boolean;\n\n  /**\n   * Убирает обводку у кнопки.\n   */\n  borderless?: boolean;\n\n  /**\n   * @ignore\n   */\n  checked?: boolean;\n\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /**\n   * Отключенное состояние кнопки.\n   */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Иконка слева от текста кнопки.\n   */\n  icon?: React.ReactElement;\n\n  /**\n   * Иконка справа от текста кнопки.\n   */\n  rightIcon?: React.ReactElement;\n\n  /**\n   * Переводит кнопку в состояние загрузки.\n   */\n  loading?: boolean;\n\n  /**\n   * Сужает кнопку.\n   */\n  narrow?: boolean;\n\n  /**\n   * HTML-событие `onblur`.\n   */\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onfocus`.\n   */\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `keydown`.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * HTML-событие `onmouseover`.\n   */\n  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * Задаёт размер кнопки.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\n\n  /**\n   * HTML-атрибут `type`.\n   */\n  type?: ButtonType;\n\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: string;\n\n  /**\n   * Стиль кнопки.\n   *\n   * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * CSS-свойство `width`.\n   */\n  width?: number | string;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' | 'size' | 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    size: 'small',\n    type: 'button',\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private node: HTMLButtonElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderLinkRootWithoutHandlers(props: LinkProps) {\n    const { onClick, onFocus, onBlur, children, ...rest } = props;\n    return <span {...rest}>{children}</span>;\n  }\n\n  private renderMain() {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onKeyDown,\n      onClick,\n      onClickCapture,\n      width,\n      children,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      role,\n    } = this.props;\n    const { use, type, size } = this.getProps();\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused) },\n      this.theme,\n      this.emotion,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n    let rootClassName = '';\n    const styles = getStyles(this.emotion);\n    const activeStyles = getActiveStyles(this.emotion);\n    if (_isTheme2022) {\n      const trueDisabled = disabled || loading;\n      rootClassName = this.emotion.cx(\n        styles.root(this.theme),\n        styles[use](this.theme),\n        sizeClass,\n        narrow && styles.narrow(),\n        _noPadding && styles.noPadding(),\n        _noRightPadding && styles.noRightPadding(),\n        rootClassNameWithArrow,\n        ...(trueDisabled\n          ? [\n              styles.disabled(this.theme),\n              isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n              checked && styles.checkedDisabled(this.theme),\n              checked && styles.checkedDisabled2022(this.theme),\n              borderless && styles.borderless2022(),\n              use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),\n              use === 'text' && styles.textDisabled2022(),\n            ]\n          : [\n              active && !checked && activeStyles[use](this.theme),\n              isFocused && styles.focus(this.theme),\n              checked && styles.checked2022(this.theme),\n              checked && isFocused && styles.checkedFocused(this.theme),\n              borderless && !checked && !isFocused && styles.borderless2022(),\n            ]),\n      );\n    } else {\n      rootClassName = this.emotion.cx({\n        [styles.root(this.theme)]: true,\n        [styles.simulatedPress()]: true,\n        [styles[use](this.theme)]: true,\n        [activeStyles[use](this.theme)]: active,\n        [sizeClass]: true,\n        [styles.focus(this.theme)]: isFocused,\n        [styles.checked(this.theme)]: checked,\n        [styles.checkedFocused(this.theme)]: checked && isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [styles.checkedDisabled(this.theme)]: checked && disabled,\n        [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n        [styles.narrow()]: narrow,\n        [styles.noPadding()]: _noPadding,\n        [styles.noRightPadding()]: _noRightPadding,\n      });\n    }\n\n    const rootProps = {\n      // By default the type attribute is 'submit'. IE8 will fire a click event\n      // on this button if somewhere on the page user presses Enter while some\n      // input is focused. So we set type to 'button' by default.\n      type,\n      role,\n      'aria-describedby': ariaDescribedby,\n      'aria-haspopup': ariaHasPopup,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-checked': ariaChecked,\n      'aria-expanded': ariaExpanded,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      disabled: disabled || loading,\n      onClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onKeyDown,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onMouseDown,\n      onMouseUp,\n      onClickCapture,\n      tabIndex: disableFocus ? -1 : 0,\n      title: this.props.title,\n    };\n\n    const wrapProps = {\n      className: this.emotion.cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [wrapClassNameWithArrow]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n    let outlineNode = null;\n    const isDisabled2022 = _isTheme2022 && (disabled || loading);\n    if ((!isFocused || isLink) && !isDisabled2022) {\n      outlineNode = (\n        <div\n          style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n          className={this.emotion.cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.getProps().size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = this.emotion.cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari || (isSafari && !_isTheme2022),\n        [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: disabled || loading,\n      });\n      Object.assign(wrapProps, {\n        className: this.emotion.cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={size} />;\n\n    let captionNode = (\n      <div\n        className={this.emotion.cx(styles.caption(), globalClasses.caption, {\n          [styles.captionTranslated()]: (active || checked) && !loading && !_isTheme2022,\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={this.emotion.cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (_isTheme2022 && isLink && !loading) {\n      captionNode = (\n        <ThemeProvider value={getInnerLinkTheme(this.theme)}>\n          <Link\n            focused={isFocused}\n            disabled={disabled}\n            icon={this.renderIcon2022(icon)}\n            rightIcon={this.renderIcon2022(rightIcon)}\n            as={this.renderLinkRootWithoutHandlers}\n            tabIndex={-1}\n          >\n            {children}\n          </Link>\n        </ThemeProvider>\n      );\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span {...wrapProps} data-tid={ButtonDataTids.rootElement}>\n          <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n            {innerShadowNode}\n            {outlineNode}\n            {arrowNode}\n            {captionNode}\n          </button>\n        </span>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const styles = getStyles(this.emotion);\n    const _isTheme2022 = isTheme2022(this.theme);\n    switch (this.getProps().size) {\n      case 'large':\n        return this.emotion.cx(styles.sizeLarge(this.theme), {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'medium':\n        return this.emotion.cx(styles.sizeMedium(this.theme), {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n      case 'small':\n      default:\n        return this.emotion.cx(styles.sizeSmall(this.theme), {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n        });\n    }\n  }\n\n  private getSizeWrapClassName() {\n    const styles = getStyles(this.emotion);\n\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLButtonElement | null) => {\n    this.node = node;\n  };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}

package/cjs/components/Button/Button.mixins.d.ts

@@ -1,6 +1,7 @@
-export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderTopColor: string, borderWidth: string, arrowBgImage: string) => string;
-export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const buttonSizeMixinIE11: (fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
-export declare const arrowOutlineMixin: (insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: string) => string;
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const buttonUseMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
+export declare const buttonHoverMixin: (emotion: Emotion) => (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderBottomColor: string, borderWidth: string) => string;
+export declare const buttonActiveMixin: (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderTopColor: string, borderWidth: string, arrowBgImage: string) => string;
+export declare const buttonSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
+export declare const buttonSizeMixinIE11: (emotion: Emotion) => (fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => string;
+export declare const arrowOutlineMixin: (emotion: Emotion) => (insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: string) => string;

package/cjs/components/Button/Button.mixins.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = exports.arrowOutlineMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = exports.arrowOutlineMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
 var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
 
 var _Button = require("./Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -28,141 +29,140 @@ additionalOffset)
   return paddingTop + " " + paddingX + " " + paddingBottom;
 };
 
-var buttonUseMixin = function buttonUseMixin(
-btnBackground,
-btnBackgroundStart,
-btnBackgroundEnd,
-color,
-borderColor,
-borderBottomColor,
-borderWidth)
-{
-  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n\n    :enabled:hover,\n    :enabled {\n      .", " svg,\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
-  hasGradient ? "initial" : btnBackground,
-  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-  color,
-  borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
+var buttonUseMixin =
+function buttonUseMixin(emotion) {return (
+    function (
+    btnBackground,
+    btnBackgroundStart,
+    btnBackgroundEnd,
+    color,
+    borderColor,
+    borderBottomColor,
+    borderWidth)
+    {
+      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+      hasGradient ? "initial" : btnBackground,
+      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+      color,
+      borderWidth, borderColor,
+      borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
 
-  _Button.globalClasses.arrowHelper,
-  borderWidth, borderColor,
 
+      _Button.globalClasses.arrowHelper,
+      borderWidth, borderColor,
 
 
 
-  _Button.globalClasses.icon,
-  _Button.globalClasses.arrow,
-  color);
 
+      _Button.globalClasses.arrow,
+      color);
 
 
-};exports.buttonUseMixin = buttonUseMixin;
 
-var buttonHoverMixin = function buttonHoverMixin(
-btnBackground,
-btnBackgroundStart,
-btnBackgroundEnd,
-color,
-borderColor,
-borderBottomColor,
-borderWidth)
-{
-  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n    color: ", ";\n\n    .", " {\n      box-shadow: ", " 0 0 ", ";\n    }\n  "])),
-  hasGradient ? "initial" : btnBackground,
-  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-  borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
-  color,
+    });};exports.buttonUseMixin = buttonUseMixin;
 
-  _Button.globalClasses.arrowHelper,
-  borderWidth, borderColor);
+var buttonHoverMixin =
+function buttonHoverMixin(emotion) {return (
+    function (
+    btnBackground,
+    btnBackgroundStart,
+    btnBackgroundEnd,
+    color,
+    borderColor,
+    borderBottomColor,
+    borderWidth)
+    {
+      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n    color: ", ";\n\n    .", " {\n      box-shadow: ", " 0 0 ", ";\n    }\n  "])),
+      hasGradient ? "initial" : btnBackground,
+      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+      borderWidth, borderColor,
+      borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "",
 
+      color,
 
-};exports.buttonHoverMixin = buttonHoverMixin;
+      _Button.globalClasses.arrowHelper,
+      borderWidth, borderColor);
 
-var buttonActiveMixin = function buttonActiveMixin(
-btnBackground,
-btnShadow,
-borderColor,
-borderTopColor,
-borderWidth,
-arrowBgImage)
-{
-  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", "", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n\n      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: ", ";\n        }\n      }\n    }\n  "])),
 
+    });};exports.buttonHoverMixin = buttonHoverMixin;
 
+var buttonActiveMixin =
+function buttonActiveMixin(emotion) {return (
+    function (
+    btnBackground,
+    btnShadow,
+    borderColor,
+    borderTopColor,
+    borderWidth,
+    arrowBgImage)
+    {
+      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", "", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n\n      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: ", ";\n        }\n      }\n    }\n  "])),
 
-  btnBackground,
-  borderWidth, borderColor, borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "",
 
-  _Button.globalClasses.innerShadow,
-  btnShadow,
 
+      btnBackground,
+      borderWidth, borderColor,
+      borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "",
 
-  _Button.globalClasses.arrowHelper,
-  borderWidth, borderColor,
 
-  _Button.globalClasses.arrowHelperTop,
-  arrowBgImage);
+      _Button.globalClasses.innerShadow,
+      btnShadow,
 
 
+      _Button.globalClasses.arrowHelper,
+      borderWidth, borderColor,
 
+      _Button.globalClasses.arrowHelperTop,
+      arrowBgImage);
 
-};exports.buttonActiveMixin = buttonActiveMixin;
 
-var buttonSizeMixin = function buttonSizeMixin(
-fontSize,
-lineHeight,
-paddingX,
-paddingY,
-fontFamilyCompensation)
-{
-  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
-  fontSize,
 
-  getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation),
-  lineHeight);
 
-};exports.buttonSizeMixin = buttonSizeMixin;
+    });};exports.buttonActiveMixin = buttonActiveMixin;
 
-var buttonSizeMixinIE11 = function buttonSizeMixinIE11(
-fontSize,
-paddingX,
-paddingY,
-fontFamilyCompensation)
-{
-  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
-  getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
+var buttonSizeMixin =
+function buttonSizeMixin(emotion) {return (
+    function (fontSize, lineHeight, paddingX, paddingY, fontFamilyCompensation) {
+      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
+      fontSize,
+
+      getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation),
+      lineHeight);
+
+    });};exports.buttonSizeMixin = buttonSizeMixin;
+
+var buttonSizeMixinIE11 =
+function buttonSizeMixinIE11(emotion) {return function (fontSize, paddingX, paddingY, fontFamilyCompensation) {
+    return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
+    getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1));
 
 
-};exports.buttonSizeMixinIE11 = buttonSizeMixinIE11;
+  };};exports.buttonSizeMixinIE11 = buttonSizeMixinIE11;
 
-var arrowOutlineMixin = function arrowOutlineMixin(
-insetWidth,
-outlineColor,
-outlineWidth,
-insetColor)
-{
-  return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    .", " {\n      &.", " {\n        box-shadow: inset -", " ", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow: inset -", " -", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ", ";\n        right: ", ";\n        left: ", ";\n      }\n      &.", ":before {\n        bottom: ", ";\n      }\n    }\n  "])),
-  _Button.globalClasses.arrowHelper,
-  _Button.globalClasses.arrowHelperTop,
-  insetWidth, insetWidth, insetColor, outlineWidth, outlineColor,
+var arrowOutlineMixin =
+function arrowOutlineMixin(emotion) {return function (insetWidth, outlineColor, outlineWidth, insetColor) {
+    return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    .", " {\n      &.", " {\n        box-shadow: inset -", " ", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      &.", " {\n        box-shadow: inset -", " -", " 0 0 ", ", ", " 0 0 0 ", " !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ", ";\n        right: ", ";\n        left: ", ";\n      }\n      &.", ":before {\n        bottom: ", ";\n      }\n    }\n  "])),
+    _Button.globalClasses.arrowHelper,
+    _Button.globalClasses.arrowHelperTop,
+    insetWidth, insetWidth, insetColor, outlineWidth, outlineColor,
 
 
-  _Button.globalClasses.arrowHelperBottom,
-  insetWidth, insetWidth, insetColor, outlineWidth, outlineColor,
+    _Button.globalClasses.arrowHelperBottom,
+    insetWidth, insetWidth, insetColor, outlineWidth, outlineColor,
 
 
 
 
 
-  insetWidth,
-  insetWidth,
-  insetWidth,
+    insetWidth,
+    insetWidth,
+    insetWidth,
 
-  _Button.globalClasses.arrowHelperBottom,
-  insetWidth);
+    _Button.globalClasses.arrowHelperBottom,
+    insetWidth);
 
 
 
-};exports.arrowOutlineMixin = arrowOutlineMixin;
+  };};exports.arrowOutlineMixin = arrowOutlineMixin;

package/cjs/components/Button/Button.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Button.mixins.ts"],"names":["getBtnPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","css","globalClasses","arrowHelper","icon","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","borderTopColor","arrowBgImage","innerShadow","arrowHelperTop","buttonSizeMixin","lineHeight","buttonSizeMixinIE11","arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"],"mappings":"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","sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (\n  fontSize: string,\n  paddingY: string,\n  paddingX: string,\n  fontFamilyCompensation: string,\n  additionalOffset = 0,\n): string => {\n  let paddingTop = paddingY;\n  let paddingBottom = paddingY;\n  const offset = parseInt(fontFamilyCompensation) || 0;\n\n  const shiftUp = (top: string, bottom: string, offset: number) => {\n    return [shift(top, `${-offset}`), shift(bottom, `${offset}`)];\n  };\n\n  if (fontSize === '16px' && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, offset);\n  }\n  if (additionalOffset && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, additionalOffset);\n  }\n\n  return `${paddingTop} ${paddingX} ${paddingBottom}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderBottomColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 0 ${borderColor};\n    }\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.icon} svg,\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderBottomColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n    color: ${color};\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 ${borderColor};\n    }\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderTopColor: string,\n  borderWidth: string,\n  arrowBgImage: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor}${borderTopColor ? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ``} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${borderWidth} 0 0 ${borderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${arrowBgImage};\n        }\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingX: string,\n  paddingY: string,\n  fontFamilyCompensation: string,\n) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (\n  fontSize: string,\n  paddingX: string,\n  paddingY: string,\n  fontFamilyCompensation: string,\n) => {\n  return css`\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1)};\n    line-height: normal;\n  `;\n};\n\nexport const arrowOutlineMixin = (\n  insetWidth: string,\n  outlineColor: string,\n  outlineWidth: string,\n  insetColor: string,\n) => {\n  return css`\n    .${globalClasses.arrowHelper} {\n      &.${globalClasses.arrowHelperTop} {\n        box-shadow: inset -${insetWidth} ${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      &.${globalClasses.arrowHelperBottom} {\n        box-shadow: inset -${insetWidth} -${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ${insetWidth};\n        right: ${insetWidth};\n        left: ${insetWidth};\n      }\n      &.${globalClasses.arrowHelperBottom}:before {\n        bottom: ${insetWidth};\n      }\n    }\n  `;\n};\n"]}
+{"version":3,"sources":["Button.mixins.ts"],"names":["getBtnPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","emotion","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","css","globalClasses","arrowHelper","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","borderTopColor","arrowBgImage","innerShadow","arrowHelperTop","buttonSizeMixin","lineHeight","buttonSizeMixinIE11","arrowOutlineMixin","insetWidth","outlineColor","outlineWidth","insetColor","arrowHelperBottom"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { shift } from '../../lib/styles/DimensionFunctions';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (\n  fontSize: string,\n  paddingY: string,\n  paddingX: string,\n  fontFamilyCompensation: string,\n  additionalOffset = 0,\n): string => {\n  let paddingTop = paddingY;\n  let paddingBottom = paddingY;\n  const offset = parseInt(fontFamilyCompensation) || 0;\n\n  const shiftUp = (top: string, bottom: string, offset: number) => {\n    return [shift(top, `${-offset}`), shift(bottom, `${offset}`)];\n  };\n\n  if (fontSize === '16px' && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, offset);\n  }\n  if (additionalOffset && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, additionalOffset);\n  }\n\n  return `${paddingTop} ${paddingX} ${paddingBottom}`;\n};\n\nexport const buttonUseMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderBottomColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${\n      borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``\n    };\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 0 ${borderColor};\n    }\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n  };\n\nexport const buttonHoverMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderBottomColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${\n      borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``\n    };\n    color: ${color};\n\n    .${globalClasses.arrowHelper} {\n      box-shadow: ${borderWidth} 0 0 ${borderColor};\n    }\n  `;\n  };\n\nexport const buttonActiveMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnShadow: string,\n    borderColor: string,\n    borderTopColor: string,\n    borderWidth: string,\n    arrowBgImage: string,\n  ) => {\n    return emotion.css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor}${\n      borderTopColor ? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ``\n    } !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${borderWidth} 0 0 ${borderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${arrowBgImage};\n        }\n      }\n    }\n  `;\n  };\n\nexport const buttonSizeMixin =\n  (emotion: Emotion) =>\n  (fontSize: string, lineHeight: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => {\n    return emotion.css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation)};\n    line-height: ${lineHeight};\n  `;\n  };\n\nexport const buttonSizeMixinIE11 =\n  (emotion: Emotion) => (fontSize: string, paddingX: string, paddingY: string, fontFamilyCompensation: string) => {\n    return emotion.css`\n    padding: ${getBtnPadding(fontSize, paddingY, paddingX, fontFamilyCompensation, 1)};\n    line-height: normal;\n  `;\n  };\n\nexport const arrowOutlineMixin =\n  (emotion: Emotion) => (insetWidth: string, outlineColor: string, outlineWidth: string, insetColor: string) => {\n    return emotion.css`\n    .${globalClasses.arrowHelper} {\n      &.${globalClasses.arrowHelperTop} {\n        box-shadow: inset -${insetWidth} ${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      &.${globalClasses.arrowHelperBottom} {\n        box-shadow: inset -${insetWidth} -${insetWidth} 0 0 ${insetColor}, ${outlineWidth} 0 0 0 ${outlineColor} !important; // override :active styles\n      }\n\n      // don't hide inner outline\n      // and keep the middle-line fix\n      &:before {\n        top: ${insetWidth};\n        right: ${insetWidth};\n        left: ${insetWidth};\n      }\n      &.${globalClasses.arrowHelperBottom}:before {\n        bottom: ${insetWidth};\n      }\n    }\n  `;\n  };\n"]}

package/cjs/components/Button/Button.styles.d.ts

@@ -1,3 +1,4 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     root: string;
@@ -8,9 +9,8 @@ export declare const globalClasses: {
     caption: string;
     text: string;
     innerShadow: string;
-    icon: string;
 };
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     root(t: Theme): string;
     withArrowIconRightSmall(t: Theme): string;
     withArrowIconRightMedium(t: Theme): string;
@@ -84,10 +84,11 @@ export declare const styles: {
     borderless(): string;
     borderless2022(): string;
     backlessDisabled2022(t: Theme): string;
+    textDisabled2022(): string;
     loading(): string;
     visibilityHidden(): string;
 };
-export declare const activeStyles: {
+export declare const getActiveStyles: (emotion: Emotion) => {
     default(t: Theme): string;
     primary(t: Theme): string;
     success(t: Theme): string;