npm - @skbkontur/react-ui - Versions diffs - 0.0.0-942b5aade9 → 0.0.0-95a1dbe516 - Mend

@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2430) hide show

package/cjs/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"2TAAA;;AAEA;AACA;;AAEA,yC;;;;;;;;;AASO,IAAMA,aAAa,GAAG,qBAAO,QAAP,EAAiB;AAC5CC,EAAAA,WAAW,EAAE,cAD+B;AAE5CC,EAAAA,cAAc,EAAE,kBAF4B;AAG5CC,EAAAA,iBAAiB,EAAE,qBAHyB;AAI5CC,EAAAA,KAAK,EAAE,OAJqC;AAK5CC,EAAAA,OAAO,EAAE,SALmC;AAM5CC,EAAAA,IAAI,EAAE,MANsC;AAO5CC,EAAAA,WAAW,EAAE,cAP+B;AAQ5CC,EAAAA,IAAI,EAAE,MARsC,EAAjB,CAAtB,C;;;AAWA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;AAEI,4BAFJ;;AAIiCD,IAAAA,CAAC,CAACE,kBAJnC,EAIyDF,CAAC,CAACG,wBAJ3D;AAKMH,IAAAA,CAAC,CAACI,wBAAF,UAAkCJ,CAAC,CAACI,wBAApC,GAAiE,EALvE;;AAOqBJ,IAAAA,CAAC,CAACK,iBAPvB;;;;;;;;;;;AAkBKhB,IAAAA,aAAa,CAACO,WAlBnB;;;;;;;;;;;;;;;;;;;;;;AAwCaI,IAAAA,CAAC,CAACM,iBAxCf;;;AA2CaN,IAAAA,CAAC,CAACO,oBA3Cf;;;AA8CaP,IAAAA,CAAC,CAACQ,YA9Cf;;;AAiDD,GAnDgC;;AAqDjCC,EAAAA,uBArDiC,mCAqDTT,CArDS,EAqDC;AAChC,eAAOC,YAAP;AACwBD,IAAAA,CAAC,CAACU,gBAD1B,EACgDV,CAAC,CAACW,2BADlD,EACmFX,CAAC,CAACW,2BADrF;;AAGD,GAzDgC;;AA2DjCC,EAAAA,wBA3DiC,oCA2DRZ,CA3DQ,EA2DE;AACjC,eAAOC,YAAP;;AAEMD,IAAAA,CAAC,CAACa,iBAFR,EAE+Bb,CAAC,CAACc,4BAFjC,EAEmEd,CAAC,CAACc,4BAFrE;;;AAKD,GAjEgC;;AAmEjCC,EAAAA,uBAnEiC,mCAmETf,CAnES,EAmEC;AAChC,eAAOC,YAAP;AACwBD,IAAAA,CAAC,CAACgB,gBAD1B,EACgDhB,CAAC,CAACiB,2BADlD,EACmFjB,CAAC,CAACiB,2BADrF;;AAGD,GAvEgC;;AAyEjCC,EAAAA,sBAzEiC,kCAyEVlB,CAzEU,EAyEA;AAC/B,eAAOC,YAAP;AACuBD,IAAAA,CAAC,CAACU,gBADzB,EAC+CV,CAAC,CAACW,2BADjD,EACkFX,CAAC,CAACW,2BADpF;;AAGD,GA7EgC;;AA+EjCQ,EAAAA,uBA/EiC,mCA+ETnB,CA/ES,EA+EC;AAChC,eAAOC,YAAP;;AAEMD,IAAAA,CAAC,CAACa,iBAFR,EAE+Bb,CAAC,CAACc,4BAFjC,EAEmEd,CAAC,CAACc,4BAFrE;;;AAKD,GArFgC;;AAuFjCM,EAAAA,sBAvFiC,kCAuFVpB,CAvFU,EAuFA;AAC/B,eAAOC,YAAP;AACuBD,IAAAA,CAAC,CAACgB,gBADzB,EAC+ChB,CAAC,CAACiB,2BADjD,EACkFjB,CAAC,CAACiB,2BADpF;;AAGD,GA3FgC;;AA6FjCI,EAAAA,cA7FiC,4BA6FhB;AACf,eAAOpB,YAAP;AACcZ,IAAAA,aAAa,CAACK,OAD5B;;;;AAKD,GAnGgC;;AAqGjC4B,EAAAA,OArGiC,qBAqGvB;AACR,eAAOrB,YAAP;;;;;;;;AAQD,GA9GgC;;AAgHjCsB,EAAAA,cAhHiC,0BAgHlBvB,CAhHkB,EAgHR;AACvB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACwB,eADxB,EAC2CxB,CAAC,CAACyB,qBAD7C;AAEkBzB,IAAAA,CAAC,CAAC0B,aAFpB,EAEqC1B,CAAC,CAAC2B,aAFvC;;AAID,GArHgC;;AAuHjCC,EAAAA,YAvHiC,wBAuHpB5B,CAvHoB,EAuHV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACwB,eADxB,EAC2CxB,CAAC,CAAC6B,mBAD7C,EACiF7B,CAAC,CAAC0B,aADnF,EACoG1B,CAAC,CAAC2B,aADtG;;AAGD,GA3HgC;;AA6HjCG,EAAAA,WA7HiC,yBA6HnB;AACZ,eAAO7B,YAAP;;;;;;;AAOD,GArIgC;;AAuIjC8B,EAAAA,kBAvIiC,8BAuId/B,CAvIc,EAuIJ;AAC3B,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACgC,mBADxB;;AAGD,GA3IgC;;AA6IjCC,EAAAA,gBA7IiC,4BA6IhBjC,CA7IgB,EA6IN;AACzB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACkC,iBADxB;;AAGD,GAjJgC;;AAmJjCC,EAAAA,SAnJiC,qBAmJvBnC,CAnJuB,EAmJb;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACoC,oBADrB;;AAGI;AACApC,IAAAA,CAAC,CAACqC,gBADF;AAEArC,IAAAA,CAAC,CAACsC,kBAFF;AAGAtC,IAAAA,CAAC,CAACuC,gBAHF;AAIAvC,IAAAA,CAAC,CAACwC,gBAJF;AAKAxC,IAAAA,CAAC,CAACyC,8BALF,CAHJ;;;AAWD,GA/JgC;;AAiKjCC,EAAAA,aAjKiC,yBAiKnB1C,CAjKmB,EAiKT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACqC,gBADF;AAEArC,IAAAA,CAAC,CAACuC,gBAFF;AAGAvC,IAAAA,CAAC,CAACwC,gBAHF;AAIAxC,IAAAA,CAAC,CAACyC,8BAJF,CADJ;;;AAQD,GA1KgC;;AA4KjCE,EAAAA,UA5KiC,sBA4KtB3C,CA5KsB,EA4KZ;AACnB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAAC4C,qBADrB;;AAGI;AACA5C,IAAAA,CAAC,CAAC6C,iBADF;AAEA7C,IAAAA,CAAC,CAAC8C,mBAFF;AAGA9C,IAAAA,CAAC,CAAC+C,iBAHF;AAIA/C,IAAAA,CAAC,CAACgD,iBAJF;AAKAhD,IAAAA,CAAC,CAACyC,8BALF,CAHJ;;;AAWD,GAxLgC;;AA0LjCQ,EAAAA,cA1LiC,0BA0LlBjD,CA1LkB,EA0LR;AACvB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC6C,iBADF;AAEA7C,IAAAA,CAAC,CAAC+C,iBAFF;AAGA/C,IAAAA,CAAC,CAACgD,iBAHF;AAIAhD,IAAAA,CAAC,CAACyC,8BAJF,CADJ;;;AAQD,GAnMgC;;AAqMjCS,EAAAA,SArMiC,qBAqMvBlD,CArMuB,EAqMb;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACmD,oBADrB;;AAGI;AACAnD,IAAAA,CAAC,CAACoD,gBADF;AAEApD,IAAAA,CAAC,CAACqD,kBAFF;AAGArD,IAAAA,CAAC,CAACsD,gBAHF;AAIAtD,IAAAA,CAAC,CAACuD,gBAJF;AAKAvD,IAAAA,CAAC,CAACyC,8BALF,CAHJ;;;AAWD,GAjNgC;;AAmNjCe,EAAAA,aAnNiC,yBAmNnBxD,CAnNmB,EAmNT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACoD,gBADF;AAEApD,IAAAA,CAAC,CAACsD,gBAFF;AAGAtD,IAAAA,CAAC,CAACuD,gBAHF;AAIAvD,IAAAA,CAAC,CAACyC,8BAJF,CADJ;;;AAQD,GA5NgC;;AA8NjCgB,EAAAA,iBA9NiC,6BA8NfzD,CA9Ne,EA8NL;AAC1B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACW,2BADpB;;AAGD,GAlOgC;;AAoOjC+C,EAAAA,kBApOiC,8BAoOd1D,CApOc,EAoOJ;AAC3B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACc,4BADpB;;AAGD,GAxOgC;;AA0OjC6C,EAAAA,iBA1OiC,6BA0Of3D,CA1Oe,EA0OL;AAC1B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACiB,2BADpB;;AAGD,GA9OgC;;AAgPjC2C,EAAAA,4BAhPiC,wCAgPJ5D,CAhPI,EAgPM;AACrC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACW,2BADrB;;AAGD,GApPgC;;AAsPjCkD,EAAAA,6BAtPiC,yCAsPH7D,CAtPG,EAsPO;AACtC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACc,4BADrB;;AAGD,GA1PgC;;AA4PjCgD,EAAAA,4BA5PiC,wCA4PJ9D,CA5PI,EA4PM;AACrC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACiB,2BADrB;;AAGD,GAhQgC;;AAkQjC8C,EAAAA,IAlQiC,gBAkQ5B/D,CAlQ4B,EAkQlB;AACb,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAACgE,mBAFrB;;;;AAMWhE,IAAAA,CAAC,CAACiE,YANb;;;;;;;;AAcajE,IAAAA,CAAC,CAACkE,iBAdf;AAeuBlE,IAAAA,CAAC,CAACmE,0BAfzB;;;;AAmBMC,IAAAA,YAAY,CAACL,IAAb,CAAkB/D,CAAlB,CAnBN;;;AAsBD,GAzRgC;;AA2RjCqE,EAAAA,cA3RiC,4BA2RhB;AACf,eAAOpE,YAAP;;;AAGD,GA/RgC;;AAiSjCqE,EAAAA,4BAjSiC,0CAiSF;AAC7B,eAAOrE,YAAP;;;;AAID,GAtSgC;;AAwSjCsE,EAAAA,SAxSiC,qBAwSvBvE,CAxSuB,EAwSb;AAClB,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACiE,YAFf;AAGuBjE,IAAAA,CAAC,CAACmE,0BAHzB;;;AAMD,GA/SgC;;AAiTjCK,EAAAA,YAjTiC,wBAiTpBxE,CAjToB,EAiTV;AACrB,eAAOC,YAAP;;;;;;;AAOaD,IAAAA,CAAC,CAACyE,oBAPf;;;AAUD,GA5TgC;;AA8TjCC,EAAAA,KA9TiC,iBA8T3B1E,CA9T2B,EA8TjB;AACd,eAAOC,YAAP;;;;;;;;AAQ8BD,IAAAA,CAAC,CAAC0B,aARhC,EAQiD1B,CAAC,CAAC2E,oBARnD;AASc3E,IAAAA,CAAC,CAAC4E,mBAThB,EASuC5E,CAAC,CAAC6E,mBATzC;;;AAYD,GA3UgC;;AA6UjCC,EAAAA,QA7UiC,oBA6UxB9E,CA7UwB,EA6Ud;AACjB,eAAOC,YAAP;;;AAGsBD,IAAAA,CAAC,CAAC+E,cAHxB,EAG0C/E,CAAC,CAACgF,sBAH5C;;;AAMsBhF,IAAAA,CAAC,CAACiF,aANxB;AAOWjF,IAAAA,CAAC,CAACkF,oBAPb;;AASK7F,IAAAA,aAAa,CAACC,WATnB;AAUkBU,IAAAA,CAAC,CAAC+E,cAVpB,EAU4C/E,CAAC,CAACgF,sBAV9C;;;AAaD,GA3VgC;;AA6VjCG,EAAAA,YA7ViC,wBA6VpBnF,CA7VoB,EA6VV;AACrB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAAC0B,aAD9B,EAC+C1B,CAAC,CAAC2B,aADjD;;AAGI,mCAAkB3B,CAAC,CAAC0B,aAApB,EAAmC1B,CAAC,CAACyB,qBAArC,EAA4DzB,CAAC,CAACwB,eAA9D,EAA+ExB,CAAC,CAAC2B,aAAjF,CAHJ;;AAKD,GAnWgC;;AAqWjCyD,EAAAA,UArWiC,sBAqWtBpF,CArWsB,EAqWZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAAC0B,aAD9B,EAC+C1B,CAAC,CAAC2B,aADjD;;AAGI,mCAAkB3B,CAAC,CAAC0B,aAApB,EAAmC1B,CAAC,CAAC6B,mBAArC,EAA0D7B,CAAC,CAACwB,eAA5D,EAA6ExB,CAAC,CAAC2B,aAA/E,CAHJ;;AAKD,GA3WgC;;AA6WjC0D,EAAAA,UA7WiC,sBA6WtBrF,CA7WsB,EA6WZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAAC0B,aAD9B,EAC+C1B,CAAC,CAAC2E,oBADjD;;AAGI,mCAAkB3E,CAAC,CAAC0B,aAApB,EAAmC1B,CAAC,CAAC6E,mBAArC,EAA0D7E,CAAC,CAACwB,eAA5D,EAA6ExB,CAAC,CAAC2E,oBAA/E,CAHJ;;AAKD,GAnXgC;;AAqXjClF,EAAAA,KArXiC,mBAqXzB;AACN,eAAOQ,YAAP;;;;;;;;;AASKZ,IAAAA,aAAa,CAACC,WATnB;;;;;;;;;;;;;;;;;;;;;AA8B8BgG,yCA9B9B;;;;AAkCKjG,IAAAA,aAAa,CAACE,cAlCnB;;;;;;;;;;;;;;AAgDKF,IAAAA,aAAa,CAACG,iBAhDnB;;;;;;;;;;;;;;AA8DD,GApbgC;;AAsbjC+F,EAAAA,SAtbiC,uBAsbrB;AACV,eAAOtF,YAAP;;;AAGD,GA1bgC;;AA4bjCuF,EAAAA,aA5biC,2BA4bjB;AACd,eAAOvF,YAAP;;;;;;;;;;AAUD,GAvcgC;;AAycjCwF,EAAAA,kBAzciC,8BAycdzF,CAzcc,EAycJ;AAC3B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACW,2BADjB,EACkDX,CAAC,CAACW,2BADpD;AAEWX,IAAAA,CAAC,CAACU,gBAFb;;AAID,GA9cgC;;AAgdjCgF,EAAAA,mBAhdiC,+BAgdb1F,CAhda,EAgdH;AAC5B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACc,4BADjB,EACmDd,CAAC,CAACc,4BADrD;AAEWd,IAAAA,CAAC,CAACa,iBAFb;;AAID,GArdgC;;AAudjC8E,EAAAA,kBAvdiC,8BAudd3F,CAvdc,EAudJ;AAC3B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACiB,2BADjB,EACkDjB,CAAC,CAACiB,2BADpD;AAEWjB,IAAAA,CAAC,CAACgB,gBAFb;;AAID,GA5dgC;;AA8djC4E,EAAAA,aA9diC,2BA8djB;AACd,eAAO3F,YAAP;;;AAGD,GAlegC;;AAoejC4F,EAAAA,OApeiC,oBAoezB7F,CApeyB,EAoef;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC8F,YADF;AAEA9F,IAAAA,CAAC,CAAC+F,iBAFF;AAGA/F,IAAAA,CAAC,CAACgG,eAHF;AAIAhG,IAAAA,CAAC,CAACiG,mBAJF;AAKAjG,IAAAA,CAAC,CAACkG,qBALF;AAMAlG,IAAAA,CAAC,CAACmG,2BANF;AAOAnG,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;;AAYM;AACA/E,IAAAA,CAAC,CAACoG,iBADF;AAEApG,IAAAA,CAAC,CAACqG,sBAFF;AAGArG,IAAAA,CAAC,CAACsG,oBAHF;AAIAtG,IAAAA,CAAC,CAACuG,0BAJF;AAKAvG,IAAAA,CAAC,CAACwG,gCALF;AAMAxG,IAAAA,CAAC,CAAC+E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACyB,OAAb,CAAqB7F,CAArB,CAvBN;;;AA0BD,GA/fgC;;AAigBjCyG,EAAAA,OAjgBiC,mBAigBzBzG,CAjgByB,EAigBf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC0G,YADF;AAEA1G,IAAAA,CAAC,CAAC2G,iBAFF;AAGA3G,IAAAA,CAAC,CAAC4G,eAHF;AAIA5G,IAAAA,CAAC,CAAC6G,mBAJF;AAKA7G,IAAAA,CAAC,CAAC8G,qBALF;AAMA9G,IAAAA,CAAC,CAAC+G,2BANF;AAOA/G,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;;AAYM;AACA/E,IAAAA,CAAC,CAACgH,iBADF;AAEAhH,IAAAA,CAAC,CAACiH,sBAFF;AAGAjH,IAAAA,CAAC,CAACkH,oBAHF;AAIAlH,IAAAA,CAAC,CAACmH,0BAJF;AAKAnH,IAAAA,CAAC,CAACoH,gCALF;AAMApH,IAAAA,CAAC,CAAC+E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACqC,OAAb,CAAqBzG,CAArB,CAvBN;;;AA0BD,GA5hBgC;;AA8hBjCqH,EAAAA,OA9hBiC,mBA8hBzBrH,CA9hByB,EA8hBf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACsH,YADF;AAEAtH,IAAAA,CAAC,CAACuH,iBAFF;AAGAvH,IAAAA,CAAC,CAACwH,eAHF;AAIAxH,IAAAA,CAAC,CAACyH,mBAJF;AAKAzH,IAAAA,CAAC,CAAC0H,qBALF;AAMA1H,IAAAA,CAAC,CAAC2H,2BANF;AAOA3H,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;;AAYM;AACA/E,IAAAA,CAAC,CAAC4H,iBADF;AAEA5H,IAAAA,CAAC,CAAC6H,sBAFF;AAGA7H,IAAAA,CAAC,CAAC8H,oBAHF;AAIA9H,IAAAA,CAAC,CAAC+H,0BAJF;AAKA/H,IAAAA,CAAC,CAACgI,gCALF;AAMAhI,IAAAA,CAAC,CAAC+E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACiD,OAAb,CAAqBrH,CAArB,CAvBN;;;AA0BD,GAzjBgC;;AA2jBjCiI,EAAAA,MA3jBiC,kBA2jB1BjI,CA3jB0B,EA2jBhB;AACf,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACkI,WADF;AAEAlI,IAAAA,CAAC,CAACmI,gBAFF;AAGAnI,IAAAA,CAAC,CAACoI,cAHF;AAIApI,IAAAA,CAAC,CAACqI,kBAJF;AAKArI,IAAAA,CAAC,CAACsI,oBALF;AAMAtI,IAAAA,CAAC,CAACuI,0BANF;AAOAvI,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;;AAYM;AACA/E,IAAAA,CAAC,CAACwI,gBADF;AAEAxI,IAAAA,CAAC,CAACyI,qBAFF;AAGAzI,IAAAA,CAAC,CAAC0I,mBAHF;AAIA1I,IAAAA,CAAC,CAAC2I,yBAJF;AAKA3I,IAAAA,CAAC,CAAC4I,+BALF;AAMA5I,IAAAA,CAAC,CAAC+E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAAC6D,MAAb,CAAoBjI,CAApB,CAvBN;;;AA0BD,GAtlBgC;;AAwlBjC6I,EAAAA,GAxlBiC,eAwlB7B7I,CAxlB6B,EAwlBnB;AACZ,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC8I,QADF;AAEA9I,IAAAA,CAAC,CAAC+I,aAFF;AAGA/I,IAAAA,CAAC,CAACgJ,WAHF;AAIAhJ,IAAAA,CAAC,CAACiJ,eAJF;AAKAjJ,IAAAA,CAAC,CAACkJ,iBALF;AAMAlJ,IAAAA,CAAC,CAACmJ,uBANF;AAOAnJ,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;;AAYM;AACA/E,IAAAA,CAAC,CAACoJ,aADF;AAEApJ,IAAAA,CAAC,CAACqJ,kBAFF;AAGArJ,IAAAA,CAAC,CAACsJ,gBAHF;AAIAtJ,IAAAA,CAAC,CAACuJ,sBAJF;AAKAvJ,IAAAA,CAAC,CAACwJ,4BALF;AAMAxJ,IAAAA,CAAC,CAAC+E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACyE,GAAb,CAAiB7I,CAAjB,CAvBN;;;AA0BD,GAnnBgC;;AAqnBjCL,EAAAA,IArnBiC,gBAqnB5BK,CArnB4B,EAqnBlB;AACb,eAAOC,YAAP;;;;;AAKOZ,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUI,gCAAeQ,CAAC,CAACyJ,SAAjB,EAA4B,EAA5B,EAAgC,EAAhC,EAAoCzJ,CAAC,CAAC0J,gBAAtC,EAAwD1J,CAAC,CAAC2J,kBAA1D,EAA8E,EAA9E,EAAkF3J,CAAC,CAAC+E,cAApF,CAVJ;;;AAaM,kCAAiB/E,CAAC,CAAC4J,cAAnB,EAAmC,EAAnC,EAAuC,EAAvC,EAA2C5J,CAAC,CAAC6J,uBAA7C,EAAsE,EAAtE,EAA0E7J,CAAC,CAAC+E,cAA5E,CAbN;;;;AAiBMX,IAAAA,YAAY,CAACzE,IAAb,CAAkBK,CAAlB,CAjBN;;;AAoBD,GA1oBgC;;AA4oBjC8J,EAAAA,QA5oBiC,oBA4oBxB9J,CA5oBwB,EA4oBd;AACjB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC+J,aADF;AAEA,MAFA;AAGA,MAHA;AAIA/J,IAAAA,CAAC,CAACgK,oBAJF;AAKAhK,IAAAA,CAAC,CAACiK,sBALF;AAMA,MANA;AAOAjK,IAAAA,CAAC,CAAC+E,cAPF,CADJ;;;AAWW/E,IAAAA,CAAC,CAACiG,mBAXb;;;;AAeM,kCAAiBjG,CAAC,CAACkK,kBAAnB,EAAuC,EAAvC,EAA2C,EAA3C,EAA+ClK,CAAC,CAACmK,2BAAjD,EAA8E,EAA9E,EAAkFnK,CAAC,CAAC+E,cAApF,CAfN;;;;AAmBMX,IAAAA,YAAY,CAAC0F,QAAb,CAAsB9J,CAAtB,CAnBN;;;AAsBD,GAnqBgC;;AAqqBjCoK,EAAAA,OArqBiC,mBAqqBzBpK,CArqByB,EAqqBf;AAChB,QAAMqK,aAAa;;AAEGrK,IAAAA,CAAC,CAAC+E,cAFL,SAEuB/E,CAAC,CAACsK,4BAFzB;AAGGtK,IAAAA,CAAC,CAACuK,YAHL;AAIRvK,IAAAA,CAAC,CAACwK,mBAJM;;AAMdnL,IAAAA,aAAa,CAACO,WANA;AAODI,IAAAA,CAAC,CAACyK,gBAPD;;;AAUdpL,IAAAA,aAAa,CAACC,WAVA;AAWDU,IAAAA,CAAC,CAAC+E,cAXD,aAWuB/E,CAAC,CAACsK,4BAXzB;;AAaXjL,IAAAA,aAAa,CAACE,cAbH;AAcOS,IAAAA,CAAC,CAAC0K,sBAdT,gCAAnB;;;;;AAmBA,eAAOzK,YAAP;AACIoK,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GAlsBgC;;AAosBjCM,EAAAA,WApsBiC,uBAosBrB3K,CApsBqB,EAosBX;AACpB,QAAMqK,aAAa;;AAEGrK,IAAAA,CAAC,CAAC+E,cAFL,SAEuB/E,CAAC,CAACsK,4BAFzB;AAGGtK,IAAAA,CAAC,CAACuK,YAHL;AAIRvK,IAAAA,CAAC,CAACwK,mBAJM;;AAMdnL,IAAAA,aAAa,CAACO,WANA;AAODI,IAAAA,CAAC,CAACyK,gBAPD;;;AAUdpL,IAAAA,aAAa,CAACC,WAVA;AAWDU,IAAAA,CAAC,CAAC+E,cAXD,aAWuB/E,CAAC,CAACsK,4BAXzB;;AAaXjL,IAAAA,aAAa,CAACE,cAbH;AAcOS,IAAAA,CAAC,CAAC0K,sBAdT;;;;;AAmBN1K,IAAAA,CAAC,CAACwK,mBAnBI;;;AAsBNxK,IAAAA,CAAC,CAACwK,mBAtBI,gCAAnB;;;;AA0BA,eAAOvK,YAAP;AACIoK,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GAxuBgC;;AA0uBjCO,EAAAA,cA1uBiC,0BA0uBlB5K,CA1uBkB,EA0uBR;AACvB,eAAOC,YAAP;;;AAG8BD,IAAAA,CAAC,CAAC0B,aAHhC,EAGiD1B,CAAC,CAAC2E,oBAHnD;AAIc3E,IAAAA,CAAC,CAAC4E,mBAJhB,EAIuC5E,CAAC,CAAC6E,mBAJzC;AAKoB7E,IAAAA,CAAC,CAAC6E,mBALtB;;;AAQD,GAnvBgC;;AAqvBjCgG,EAAAA,eArvBiC,2BAqvBjB7K,CArvBiB,EAqvBP;AACxB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAAC+E,cADxB,EAC0C/E,CAAC,CAAC8K,6BAD5C;AAEsB9K,IAAAA,CAAC,CAAC+K,oBAFxB;AAGW/K,IAAAA,CAAC,CAACgL,uBAHb;;AAKK3L,IAAAA,aAAa,CAACO,WALnB;AAMkBI,IAAAA,CAAC,CAACiL,wBANpB;;;AASK5L,IAAAA,aAAa,CAACC,WATnB;AAUkBU,IAAAA,CAAC,CAAC+E,cAVpB,EAU0C/E,CAAC,CAAC8K,6BAV5C;;AAYQzL,IAAAA,aAAa,CAACE,cAZtB;;;;;AAiBD,GAvwBgC;;AAywBjC2L,EAAAA,mBAzwBiC,+BAywBblL,CAzwBa,EAywBH;AAC5B,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACgL,uBAFf;;;AAKD,GA/wBgC;;AAixBjCtL,EAAAA,OAjxBiC,qBAixBvB;AACR,eAAOO,YAAP;;;;;;;AAOD,GAzxBgC;;AA2xBjCkL,EAAAA,WA3xBiC,yBA2xBnB;AACZ,eAAOlL,YAAP;;;;AAID,GAhyBgC;;AAkyBjCmL,EAAAA,iBAlyBiC,+BAkyBb;AAClB,eAAOnL,YAAP;;;AAGD,GAtyBgC;;AAwyBjCoL,EAAAA,eAxyBiC,6BAwyBf;AAChB,eAAOpL,YAAP;;;AAGD,GA5yBgC;;AA8yBjCqL,EAAAA,IA9yBiC,gBA8yB5BtL,CA9yB4B,EA8yBlB;AACb,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAAC+E,cAJf;;AAMD,GArzBgC;;AAuzBjCwG,EAAAA,SAvzBiC,qBAuzBvBvL,CAvzBuB,EAuzBb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACwL,cADd;;AAGD,GA3zBgC;;AA6zBjCC,EAAAA,UA7zBiC,sBA6zBtBzL,CA7zBsB,EA6zBZ;AACnB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAAC0L,eADd;;AAGD,GAj0BgC;;AAm0BjCC,EAAAA,SAn0BiC,qBAm0BvB3L,CAn0BuB,EAm0Bb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAAC4L,cADd;;AAGD,GAv0BgC;;AAy0BjCC,EAAAA,MAz0BiC,oBAy0BxB;AACP,eAAO5L,YAAP;;;;AAID,GA90BgC;;AAg1BjC6L,EAAAA,SAh1BiC,uBAg1BrB;AACV,eAAO7L,YAAP;;;;AAID,GAr1BgC;;AAu1BjC8L,EAAAA,cAv1BiC,4BAu1BhB;AACf,eAAO9L,YAAP;;;AAGD,GA31BgC;;AA61BjC+L,EAAAA,iBA71BiC,+BA61Bb;AAClB,eAAO/L,YAAP;;;AAGD,GAj2BgC;;AAm2BjCgM,EAAAA,QAn2BiC,oBAm2BxBjM,CAn2BwB,EAm2Bd;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACkM,sBADpB;;AAGD,GAv2BgC;;AAy2BjCC,EAAAA,QAz2BiC,sBAy2BtB;AACT,eAAOlM,YAAP;;;AAGD,GA72BgC;;AA+2BjCmM,EAAAA,SA/2BiC,uBA+2BrB;AACV,eAAOnM,YAAP;;;AAGD,GAn3BgC;;AAq3BjCoM,EAAAA,aAr3BiC,2BAq3BjB;AACd,eAAOpM,YAAP;;;;AAID,GA13BgC;;AA43BjCJ,EAAAA,IA53BiC,kBA43B1B;AACL,eAAOI,YAAP;;;AAGD,GAh4BgC;AAi4BjCqM,EAAAA,SAj4BiC,qBAi4BvBtM,CAj4BuB,EAi4Bb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACU,gBADb;AAEkBV,IAAAA,CAAC,CAACuM,eAFpB;;AAID,GAt4BgC;AAu4BjCC,EAAAA,UAv4BiC,sBAu4BtBxM,CAv4BsB,EAu4BZ;AACnB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACa,iBADb;AAEkBb,IAAAA,CAAC,CAACyM,gBAFpB;;AAID,GA54BgC;AA64BjCC,EAAAA,SA74BiC,qBA64BvB1M,CA74BuB,EA64Bb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACgB,gBADb;AAEkBhB,IAAAA,CAAC,CAAC2M,eAFpB;;AAID,GAl5BgC;;AAo5BjCC,EAAAA,UAp5BiC,wBAo5BpB;AACX,eAAO3M,YAAP;;;;;AAKOZ,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUD,GA/5BgC;;AAi6BjCqN,EAAAA,cAj6BiC,4BAi6BhB;AACf,eAAO5M,YAAP;;;;;;;AAOD,GAz6BgC;;AA26BjC6M,EAAAA,OA36BiC,qBA26BvB;AACR,eAAO7M,YAAP;;;;;;;;;;;;AAYD,GAx7BgC;;AA07BjC8M,EAAAA,gBA17BiC,8BA07Bd;AACjB,eAAO9M,YAAP;;;AAGD,GA97BgC,EAAb,CAAf,C;;;AAi8BA,IAAMmE,YAAY,GAAG,2BAAa;AACvCyB,EAAAA,OADuC,oBAC/B7F,CAD+B,EACrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACgN,kBADF;AAEAhN,IAAAA,CAAC,CAACiN,sBAFF;AAGAjN,IAAAA,CAAC,CAACkN,2BAHF;AAIAlN,IAAAA,CAAC,CAACmN,8BAJF;AAKAnN,IAAAA,CAAC,CAAC+E,cALF;AAMA/E,IAAAA,CAAC,CAACoN,qBANF,CAFN;;;;AAYD,GAdsC;;AAgBvC3G,EAAAA,OAhBuC,mBAgB/BzG,CAhB+B,EAgBrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACqN,kBADF;AAEArN,IAAAA,CAAC,CAACsN,sBAFF;AAGAtN,IAAAA,CAAC,CAACuN,2BAHF;AAIAvN,IAAAA,CAAC,CAACwN,8BAJF;AAKAxN,IAAAA,CAAC,CAAC+E,cALF;AAMA/E,IAAAA,CAAC,CAACoN,qBANF,CAFN;;;;AAYD,GA7BsC;;AA+BvC/F,EAAAA,OA/BuC,mBA+B/BrH,CA/B+B,EA+BrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACyN,kBADF;AAEAzN,IAAAA,CAAC,CAAC0N,sBAFF;AAGA1N,IAAAA,CAAC,CAAC2N,2BAHF;AAIA3N,IAAAA,CAAC,CAAC4N,8BAJF;AAKA5N,IAAAA,CAAC,CAAC+E,cALF;AAMA/E,IAAAA,CAAC,CAACoN,qBANF,CAFN;;;;AAYD,GA5CsC;;AA8CvCnF,EAAAA,MA9CuC,kBA8ChCjI,CA9CgC,EA8CtB;AACf,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAAC6N,iBADF;AAEA7N,IAAAA,CAAC,CAAC8N,qBAFF;AAGA9N,IAAAA,CAAC,CAAC+N,0BAHF;AAIA/N,IAAAA,CAAC,CAACgO,6BAJF;AAKAhO,IAAAA,CAAC,CAAC+E,cALF;AAMA/E,IAAAA,CAAC,CAACoN,qBANF,CAFN;;;;AAYD,GA3DsC;;AA6DvCvE,EAAAA,GA7DuC,eA6DnC7I,CA7DmC,EA6DzB;AACZ,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACiO,cADF;AAEAjO,IAAAA,CAAC,CAACkO,kBAFF;AAGAlO,IAAAA,CAAC,CAACmO,uBAHF;AAIAnO,IAAAA,CAAC,CAACoO,0BAJF;AAKApO,IAAAA,CAAC,CAAC+E,cALF;AAMA/E,IAAAA,CAAC,CAACoN,qBANF,CAFN;;;;AAYD,GA1EsC;;AA4EvCrJ,EAAAA,IA5EuC,gBA4ElC/D,CA5EkC,EA4ExB;AACb,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACqO,kBAFf;;;AAKD,GAlFsC;;AAoFvC1O,EAAAA,IApFuC,gBAoFlCK,CApFkC,EAoFxB;AACb,eAAOC,YAAP;;AAEM,mCAAkBD,CAAC,CAACsO,eAApB,EAAqC,EAArC,EAAyCtO,CAAC,CAACsO,eAA3C,EAA4D,EAA5D,EAAgEtO,CAAC,CAAC+E,cAAlE,EAAkF/E,CAAC,CAACoN,qBAApF,CAFN;;;AAKD,GA1FsC;;AA4FvCtD,EAAAA,QA5FuC,oBA4F9B9J,CA5F8B,EA4FpB;AACjB,eAAOC,YAAP;;;AAGkBD,IAAAA,CAAC,CAACuO,mBAHpB;;;AAMD,GAnGsC,EAAb,CAArB,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","getStyles","emotion","t","css","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","getActiveStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","borderless","borderless2022","backlessDisabled2022","btnBacklessDisabledBorderColor","textDisabled2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n arrowOutlineMixin,\n buttonActiveMixin,\n buttonHoverMixin,\n buttonSizeMixin,\n buttonSizeMixinIE11,\n buttonUseMixin,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n root: 'root',\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.css`\n ${resetButton(emotion)};\n ${resetText(emotion)};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return emotion.css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return emotion.css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return emotion.css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return emotion.css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return emotion.css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(emotion)(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(emotion)(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(emotion)(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return emotion.css`\n ${buttonSizeMixinIE11(emotion)(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return emotion.css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return emotion.css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return emotion.css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return emotion.css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return emotion.css`\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n cursor: default;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n disabledWithoutOutline(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n `;\n },\n\n arrowWarning(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return emotion.css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return emotion.css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return emotion.css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return emotion.css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important;\n }\n }\n\n ${buttonUseMixin(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(emotion)(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(emotion)(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${getActiveStyles(emotion).backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return emotion.css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return emotion.css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return emotion.css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return emotion.css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return emotion.css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return emotion.css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return emotion.css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return emotion.css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return emotion.css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return emotion.css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return emotion.css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return emotion.css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return emotion.css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return emotion.css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n borderless() {\n return emotion.css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return emotion.css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled2022(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n `;\n },\n\n textDisabled2022() {\n return emotion.css`\n background-color: transparent;\n `;\n },\n\n loading() {\n return emotion.css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return emotion.css`\n visibility: hidden;\n `;\n },\n });\n\nexport const getActiveStyles = (emotion: Emotion) =>\n memoizeStyle({\n default(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return emotion.css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.css`\n & {\n ${buttonActiveMixin(emotion)(\n t.btnTextActiveBg,\n '',\n t.btnTextActiveBg,\n '',\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n backless(t: Theme) {\n return emotion.css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n });\n"]}

package/cjs/components/Button/ButtonArrow.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 import { ButtonProps } from './Button';
 declare type ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
     isFocused: boolean;
 };
-export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode];
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme, emotion: Emotion): [string, string, React.ReactNode];
 export {};

package/cjs/components/Button/ButtonArrow.js CHANGED Viewed

@@ -1,14 +1,15 @@
-"use strict";exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireDefault(require("react"));
 var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _useTheme = require("../../lib/theming/useTheme");
 var _ArrowRightIcon = require("./ArrowRightIcon");
 var _ArrowLeftIcon = require("./ArrowLeftIcon");
 var _Button = require("./Button");
-var _Button2 = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+var _Button2 = require("./Button.styles");
@@ -23,15 +24,17 @@ var ButtonArrow = function ButtonArrow(_ref)
 {var arrow = _ref.arrow,_ref$size = _ref.size,size = _ref$size === void 0 ? _Button.Button.defaultProps.size : _ref$size,disabled = _ref.disabled,checked = _ref.checked,error = _ref.error,warning = _ref.warning,isFocused = _ref.isFocused;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var emotion = (0, _Emotion.useEmotion)();
+  var theme = (0, _useTheme.useTheme)();
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+  var styles = (0, _Button2.getStyles)(emotion);
-  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _cx;
-    return (0, _Emotion.cx)(_Button2.styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_cx = {}, _cx[
-    _Button2.styles.arrowIconRootSmall(theme)] = size === 'small', _cx[
-    _Button2.styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[
-    _Button2.styles.arrowIconRootLarge(theme)] = size === 'large', _cx[
-    _Button2.styles.arrowIconLeft()] = arrow === 'left', _cx));
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _emotion$cx;
+    return emotion.cx(styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_emotion$cx = {}, _emotion$cx[
+    styles.arrowIconRootSmall(theme)] = size === 'small', _emotion$cx[
+    styles.arrowIconRootMedium(theme)] = size === 'medium', _emotion$cx[
+    styles.arrowIconRootLarge(theme)] = size === 'large', _emotion$cx[
+    styles.arrowIconLeft()] = arrow === 'left', _emotion$cx));
   };
@@ -49,19 +52,19 @@ var ButtonArrow = function ButtonArrow(_ref)
     _react.default.createElement(ArrowIcon, { size: size }));
-  } else {var _cx2;
+  } else {var _emotion$cx2;
     arrowNode = /*#__PURE__*/
     _react.default.createElement("div", {
-      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Button2.styles.arrow()] = true, _cx2[
-      _Button2.styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[
-      _Button2.styles.arrowError(theme)] = !checked && error && !disabled, _cx2[
-      _Button2.styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[
-      _Button2.styles.arrowLeft()] = arrow === 'left', _cx2)) }, /*#__PURE__*/
+      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[
+      styles.arrow()] = true, _emotion$cx2[
+      styles.arrowWarning(theme)] = !checked && warning && !disabled, _emotion$cx2[
+      styles.arrowError(theme)] = !checked && error && !disabled, _emotion$cx2[
+      styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _emotion$cx2[
+      styles.arrowLeft()] = arrow === 'left', _emotion$cx2)) }, /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
   }
@@ -69,29 +72,35 @@ var ButtonArrow = function ButtonArrow(_ref)
   return arrowNode;
 };
-function useButtonArrow(props, theme) {var _cx3;
+function useButtonArrow(
+props,
+theme,
+emotion)
+{var _emotion$cx3;
+  var styles = (0, _Button2.getStyles)(emotion);
   var arrow = props.arrow,size = props.size,use = props.use;
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
   var rootClassName =
   !_isTheme2022 && canRender ?
   '' :
-  (0, _Emotion.cx)(
-  arrow === true && size === 'small' && _Button2.styles.withArrowIconRightSmall(theme),
-  arrow === true && size === 'medium' && _Button2.styles.withArrowIconRightMedium(theme),
-  arrow === true && size === 'large' && _Button2.styles.withArrowIconRightLarge(theme),
-  arrow === 'left' && size === 'small' && _Button2.styles.withArrowIconLeftSmall(theme),
-  arrow === 'left' && size === 'medium' && _Button2.styles.withArrowIconLeftMedium(theme),
-  arrow === 'left' && size === 'large' && _Button2.styles.withArrowIconLeftLarge(theme));
+  emotion.cx(
+  arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),
+  arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),
+  arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),
+  arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),
+  arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),
+  arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme));
   var wrapClassName =
   _isTheme2022 && canRender ?
   '' :
-  (0, _Emotion.cx)((_cx3 = {}, _cx3[
-  _Button2.styles.wrapArrow()] = arrow === true, _cx3[
-  _Button2.styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+  emotion.cx((_emotion$cx3 = {}, _emotion$cx3[
+  styles.wrapArrow()] = arrow === true, _emotion$cx3[
+  styles.wrapArrowLeft()] = arrow === 'left', _emotion$cx3));
   var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;

package/cjs/components/Button/ButtonArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","~~theme~~","~~ThemeContext~~","_isTheme2022","getArrowIconRootClassName","~~styles~~","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"~~+EAAA~~;;AAEA;AACA;AACA~~;;;AAGA~~;AACA~~;AACA;AACA,0C~~;;;;;;AAMA,IAAMA,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGC,eAAOC,YAAP,CAAoBF,IAMvB,aALJG,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,~~KAAK~~,GAAG,~~uBAAWC~~,~~0BAAX~~,~~CAAd~~;AACA,MAAMC,YAAY,GAAG,+~~BAAYF~~,KAAZ,CAArB;;AAEA,~~MAAMG~~,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,~~WAAO~~,~~iBAAGC~~,~~gBAAOC~~,aAAP,~~EAAH~~,~~EAA2BC~~,~~uBAAcf~~,~~KAAzC~~;~~AACJa~~,~~oBAAOG~~,kBAAP,CAA0BP,KAA1B,CADI,IAC+BR,IAAI,KAAK,OADxC;~~AAEJY~~,~~oBAAOI~~,mBAAP,CAA2BR,KAA3B,CAFI,~~IAEgCR~~,IAAI,KAAK,QAFzC;~~AAGJY~~,~~oBAAOK~~,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BR,IAAI,KAAK,OAHxC;~~AAIJY~~,~~oBAAOM~~,aAAP,EAJI,~~IAIqBnB~~,KAAK,KAAK,MAJ/B,~~OAAP~~;;AAMD,GAPD;;AASA,~~MAAIoB~~,SAAS,GAAG,IAAhB;;AAEA,~~MAAIT~~,YAAJ,EAAkB;AAChB,~~QAAMU~~,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,~~GAAG1B~~,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,~~QAAM2B~~,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,~~EAAEX~~,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;~~AACLmB~~,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,~~EAAE~~;~~AACRP~~,~~sBAAOb~~,KAAP,EADQ,IACS,IADT;~~AAERa~~,~~sBAAOe~~,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,~~CAACJ~~,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;~~AAGRS~~,~~sBAAOgB~~,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,~~CAACJ~~,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;~~AAIRS~~,~~sBAAOiB~~,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,~~CAACJ~~,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;~~AAKRS~~,~~sBAAOkB~~,SAAP,EALQ,~~IAKa/B~~,KAAK,KAAK,MALvB,~~QADb~~;;;AASE,0CAAK,SAAS,~~EAAE~~,~~iBAAGe~~,uBAAciB,~~WAAjB~~,~~EAA8BjB~~,uBAAckB,~~cAA5C~~,CAAhB,GATF;AAUE,0CAAK,SAAS,~~EAAE~~,~~iBAAGlB~~,uBAAciB,~~WAAjB~~,~~EAA8BjB~~,uBAAcmB,~~iBAA5C~~,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,~~CArDD~~;;~~AAuDO~~,SAASe,cAAT,~~CAAwBC~~,~~KAAxB~~,~~EAAiD3B~~,~~KAAjD~~,~~EAAkG;AACvG~~,MAAQT,KAAR,~~GAA6BoC~~,KAA7B,~~CAAQpC~~,KAAR,CAAeC,IAAf,~~GAA6BmC~~,KAA7B,~~CAAenC~~,IAAf,~~CAAqBoC~~,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,~~MAAM1B~~,YAAY,GAAG,+~~BAAYF~~,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,~~IAAkB~~,~~OAAOrC~~,~~KAAP~~,~~KAAiB~~,~~WAArD~~;;AAEA,~~MAAMuC~~,aAAa;AACjB,~~GAAC5B~~,YAAD,~~IAAiB2B~~,SAAjB;AACI,IADJ;~~AAEI~~;~~AACEtC~~,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,~~IAAsCY~~,~~gBAAO2B~~,uBAAP,CAA+B/B,KAA/B,CADxC;~~AAEET~~,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,~~IAAuCY~~,~~gBAAO4B~~,wBAAP,CAAgChC,KAAhC,CAFzC;~~AAGET~~,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,~~IAAsCY~~,~~gBAAO6B~~,uBAAP,CAA+BjC,KAA/B,CAHxC;~~AAIET~~,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,~~IAAwCY~~,~~gBAAO8B~~,sBAAP,CAA8BlC,KAA9B,CAJ1C;~~AAKET~~,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,~~IAAyCY~~,~~gBAAO+B~~,uBAAP,CAA+BnC,KAA/B,CAL3C;~~AAMET~~,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,~~IAAwCY~~,~~gBAAOgC~~,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;~~AACjBnC~~,EAAAA,YAAY,~~IAAI2B~~,SAAhB;AACI,IADJ;~~AAEI~~;~~AACGzB~~,~~kBAAOkC~~,SAAP,EADH,~~IACwB/C~~,KAAK,KAAK,IADlC;~~AAEGa~~,~~kBAAOmC~~,aAAP,EAFH,~~IAE4BhD~~,KAAK,KAAK,MAFtC,~~QAHN~~;;;AAQA,~~MAAMoB~~,SAAS,GAAGkB,SAAS,gBAAG,6BAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BnB,SAA/B,CAAP;AACD","sourcesContent":["import React, { ~~useContext~~ } from '~~react~~';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ~~ThemeContext~~ } from '../../lib/theming/~~ThemeContext~~';\nimport { ~~isTheme2022~~ } from '../../lib/theming/~~ThemeHelpers~~';\nimport { ~~Theme~~ } from '../../lib/theming/~~Theme~~';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { ~~globalClasses~~, ~~styles~~ } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' \| 'arrow' \| 'checked' \| 'disabled' \| 'error' \| 'use' \| 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const theme = ~~useContext~~(~~ThemeContext~~);\n const _isTheme2022 = isTheme2022(theme);\n\n const getArrowIconRootClassName = () => {\n return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && ~~typeof~~ arrow ~~!==~~ '~~undefined~~';\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}
1	+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","emotion","theme","_isTheme2022","styles","getArrowIconRootClassName","cx","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"4KAAA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;;;;;AAMA,IAAMA,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGC,eAAOC,YAAP,CAAoBF,IAMvB,aALJG,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAME,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAOJ,OAAO,CAACK,EAAR,CAAWF,MAAM,CAACG,aAAP,EAAX,EAAmCC,uBAAchB,KAAjD;AACJY,IAAAA,MAAM,CAACK,kBAAP,CAA0BP,KAA1B,CADI,IAC+BT,IAAI,KAAK,OADxC;AAEJW,IAAAA,MAAM,CAACM,mBAAP,CAA2BR,KAA3B,CAFI,IAEgCT,IAAI,KAAK,QAFzC;AAGJW,IAAAA,MAAM,CAACO,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BT,IAAI,KAAK,OAHxC;AAIJW,IAAAA,MAAM,CAACQ,aAAP,EAJI,IAIqBpB,KAAK,KAAK,MAJ/B,eAAP;;AAMD,GAPD;;AASA,MAAIqB,SAAS,GAAG,IAAhB;;AAEA,MAAIV,YAAJ,EAAkB;AAChB,QAAMW,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,GAAG3B,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAM4B,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,EAAEZ,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLoB,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAEZ,OAAO,CAACK,EAAR;AACRF,MAAAA,MAAM,CAACZ,KAAP,EADQ,IACS,IADT;AAERY,MAAAA,MAAM,CAACiB,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,CAACL,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;AAGRQ,MAAAA,MAAM,CAACkB,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,CAACL,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;AAIRQ,MAAAA,MAAM,CAACmB,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,CAACL,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;AAKRQ,MAAAA,MAAM,CAACoB,SAAP,EALQ,IAKahC,KAAK,KAAK,MALvB,gBADb;;;AASE,0CAAK,SAAS,EAAES,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAckB,cAApD,CAAhB,GATF;AAUE,0CAAK,SAAS,EAAEzB,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAcmB,iBAApD,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,CAvDD;;AAyDO,SAASe,cAAT;AACLC,KADK;AAEL3B,KAFK;AAGLD,OAHK;AAI8B;AACnC,MAAMG,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAQT,KAAR,GAA6BqC,KAA7B,CAAQrC,KAAR,CAAeC,IAAf,GAA6BoC,KAA7B,CAAepC,IAAf,CAAqBqC,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAM3B,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,KAAmBtC,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,MAA/C,CAAlB;;AAEA,MAAMwC,aAAa;AACjB,GAAC7B,YAAD,IAAiB4B,SAAjB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACEd,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC6B,uBAAP,CAA+B/B,KAA/B,CADxC;AAEEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCW,MAAM,CAAC8B,wBAAP,CAAgChC,KAAhC,CAFzC;AAGEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC+B,uBAAP,CAA+BjC,KAA/B,CAHxC;AAIEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACgC,sBAAP,CAA8BlC,KAA9B,CAJ1C;AAKEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCW,MAAM,CAACiC,uBAAP,CAA+BnC,KAA/B,CAL3C;AAMEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACkC,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;AACjBpC,EAAAA,YAAY,IAAI4B,SAAhB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACGF,EAAAA,MAAM,CAACoC,SAAP,EADH,IACwBhD,KAAK,KAAK,IADlC;AAEGY,EAAAA,MAAM,CAACqC,aAAP,EAFH,IAE4BjD,KAAK,KAAK,MAFtC,gBAHN;;;AAQA,MAAMqB,SAAS,GAAGkB,SAAS,gBAAG,6BAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BnB,SAA/B,CAAP;AACD","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { getStyles, globalClasses } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' \| 'arrow' \| 'checked' \| 'disabled' \| 'error' \| 'use' \| 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const emotion = useEmotion();\n const theme = useTheme();\n const _isTheme2022 = isTheme2022(theme);\n const styles = getStyles(emotion);\n\n const getArrowIconRootClassName = () => {\n return emotion.cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={emotion.cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(\n props: ButtonArrowProps,\n theme: Theme,\n emotion: Emotion,\n): [string, string, React.ReactNode] {\n const styles = getStyles(emotion);\n\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && (arrow === true \|\| arrow === 'left');\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : emotion.cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : emotion.cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

package/cjs/components/Button/ButtonIcon.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Theme } from '../../lib/theming/Theme';
-import { ButtonProps, ButtonSize } from './Button';
-declare type ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {
+import { SizeProp } from '../../lib/types/props';
+import { ButtonProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {
+    position: 'right' | 'left';
     hasChildren: boolean;
-};
-export declare const getButtonIconSizes: (theme: Theme) => Record<ButtonSize, number>;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
 export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
-export {};

package/cjs/components/Button/ButtonIcon.js CHANGED Viewed

@@ -1,15 +1,17 @@
-"use strict";exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireDefault(require("react"));
 var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _chars = require("../../lib/chars");
-var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
+var _useTheme = require("../../lib/theming/useTheme");
+var _ButtonIcon = require("./ButtonIcon.styles");
+var _LoadingButtonIcon = require("./LoadingButtonIcon");
-var _Button = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
@@ -23,29 +25,52 @@ var getButtonIconSizes = function getButtonIconSizes(theme) {
 };exports.getButtonIconSizes = getButtonIconSizes;
+var useIcon = function useIcon(icon, size) {
+  var theme = (0, _useTheme.useTheme)();
+  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
+  }
+  return icon;
+};
 var ButtonIcon = function ButtonIcon(_ref)
-{var _cx;var icon = _ref.icon,hasChildren = _ref.hasChildren,use = _ref.use,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+{var _emotion$cx;var icon = _ref.icon,use = _ref.use,position = _ref.position,hasChildren = _ref.hasChildren,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$hasBothIcons = _ref.hasBothIcons,hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _ButtonIcon.getStyles)(emotion);
   var isLink = use === 'link';
   var getSizeIconClassName = function getSizeIconClassName() {
     switch (size) {
       case 'large':
-        return _Button.styles.iconLarge(theme);
+        return [
+        styles.iconLarge(theme),
+        position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
       case 'medium':
-        return _Button.styles.iconMedium(theme);
+        return [
+        styles.iconMedium(theme),
+        position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
       case 'small':
       default:
-        return _Button.styles.iconSmall(theme);}
+        return [
+        styles.iconSmall(theme),
+        position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];}
   };
-  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
   var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
   {
     display: 'inline-flex',
@@ -53,22 +78,18 @@ var ButtonIcon = function ButtonIcon(_ref)
   {};
-  var _icon = icon;
-  var sizes = getButtonIconSizes(theme);
-  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
-    _icon = /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
-  }
+  var _icon = useIcon(icon, size);
   return /*#__PURE__*/(
     _react.default.createElement("span", {
       style: style,
-      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
-      _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
-      _Button.styles.iconLink(theme)] = isLink, _cx)) },
+      className: emotion.cx(styles.icon(theme), getSizeIconClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.iconNoMargin()] = !hasChildren, _emotion$cx[
+      styles.iconLeftLink(theme)] = isLink && position === 'left', _emotion$cx[
+      styles.iconRightLink(theme)] = isLink && position === 'right', _emotion$cx)) },
-    space,
-    loading ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : _icon));
+    loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { isCentered: false, size: size }) : _icon));
 };exports.ButtonIcon = ButtonIcon;

package/cjs/components/Button/ButtonIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","~~ButtonIcon~~","icon","~~hasChildren~~","use","loading","~~size~~","~~ThemeContext~~","isLink","getSizeIconClassName","~~styles~~","~~iconLarge~~","~~iconMedium~~","~~iconSmall~~","~~space~~","~~ZERO_WIDTH_SPACE~~","~~style~~","~~display~~","~~alignItems~~","~~_icon~~","~~sizes~~","~~React~~","~~cloneElement~~","~~props~~","~~globalClasses~~","~~iconNoRightMargin~~","~~iconLink~~"],"mappings":"~~gGAAA~~;;;AAGA;AACA;AACA;AACA~~;AACA;AACA;;;AAGA~~,~~yC;;;;;;AAMO,~~IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,~~EAA8C~~;~~AAC9E~~,SAAO;AACLC,IAAAA,KAAK,EAAEC,QAAQ,CAACF,KAAK,CAACG,gBAAP,CADV;AAELC,IAAAA,MAAM,EAAEF,QAAQ,CAACF,KAAK,CAACK,iBAAP,CAFX;AAGLC,IAAAA,KAAK,EAAEJ,QAAQ,CAACF,KAAK,CAACO,gBAAP,CAHV,EAAP;;AAKD,CANM,C;;~~AAQA~~,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD~~;;;;;;AAM9D~~,~~aALJC~~,~~IAKI~~,QALJA,~~IAKI~~,CAJJC,WAII,QAJJA,WAII,~~CAHJC~~,~~GAGI~~,~~QAHJA~~,~~GAGI~~,~~qBAFJC~~,~~OAEI~~,CAFJA,~~OAEI~~,~~6BAFM~~,~~KAEN~~,~~iCADJC~~,IACI,CADJA,IACI,0BADG,OACH;AACJ,~~MAAMb~~,KAAK,GAAG,~~uBAAWc~~,~~0BAAX~~,~~CAAd~~;AACA,MAAMC,MAAM,~~GAAGJ~~,GAAG,KAAK,MAAvB;;AAEA,~~MAAMK~~,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,~~YAAQH~~,IAAR;AACE,WAAK,OAAL;AACE,~~eAAOI~~,~~eAAOC~~,SAAP,~~CAAiBlB~~,KAAjB,~~CAAP~~;~~AACF~~,WAAK,QAAL;AACE,~~eAAOiB~~,~~eAAOE~~,UAAP,~~CAAkBnB~~,KAAlB,~~CAAP~~;~~AACF~~,WAAK,OAAL;AACA;AACE,~~eAAOiB~~,~~eAAOG~~,SAAP,~~CAAiBpB~~,KAAjB,~~CAAP~~,~~CAPJ;;AASD~~,~~GAVD;;AAYA~~,~~MAAMqB,~~KAAK,~~GAAG,+BAAYrB~~,~~KAAZ~~,~~IAAqBsB~~,~~uBAArB~~,~~GAAwC~~,~~EAAtD;AACA~~,~~MAAMC~~,KAA0B,GAAG,+~~BAAYvB~~,KAAZ;AAC/B;~~AACEwB~~,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,~~MAAIC~~,KAAK,~~GAAGjB~~,~~IAAZ;AACA~~,~~MAAMkB~~,~~KAAK~~,~~GAAG5B~~,~~kBAAkB~~,~~CAACC,KAAD,CAAhC~~;~~AACA~~,~~MAAIS~~,~~IAAI~~,~~IAAI,+BAAYT~~,~~KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD~~;~~AACpDiB~~,~~IAAAA~~,~~KAAK~~,~~gBAAGE~~,~~eAAMC~~,~~YAAN~~,~~CAAmBpB~~,~~IAAnB~~,~~EAAyB~~,~~EAAEI~~,~~IAAI~~,~~sBAAEJ~~,~~IAAI~~,~~CAACqB~~,~~KAAL~~,~~CAAWjB~~,~~IAAb,+BAAqBc~~,~~KAAK~~,~~CAACd~~,~~IAAD~~,~~CAAhC~~,~~EAAzB~~,~~CAAR;AACD;;AAED;AACE;AACE~~,~~MAAA~~,~~KAAK,EAAEU,KADT~~;~~AAEE~~,~~MAAA~~,~~SAAS~~,~~EAAE~~,~~iBAAGQ~~,~~sBAActB~~,~~IAAjB~~,~~EAAuBQ~~,~~eAAOR~~,~~IAAP~~,~~EAAvB~~,~~EAAsCO~~,~~oBAAoB~~,~~EAA1D~~;~~AACRC~~,~~qBAAOe~~,~~iBAAP~~,~~EADQ~~,~~IACqB~~,~~CAACtB~~,~~WADtB;AAERO~~,~~qBAAOgB~~,~~QAAP~~,~~CAAgBjC~~,~~KAAhB~~,~~CAFQ~~,~~IAEiBe~~,~~MAFjB~~,~~OAFb~~;;;~~AAOGM~~,IAAAA,~~KAPH;AAQGT~~,~~IAAAA~~,~~OAAO~~,~~gBAAG~~,6BAAC,~~wBAAD~~,~~IAAa~~,IAAI,~~EAAEC~~,~~IAAnB~~,~~GAAH~~,~~GAAiCa~~,~~KAR3C~~,CADF;;;AAYD,~~CAhDM~~,C","sourcesContent":["import React, ~~{ useContext }~~ from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ~~ThemeContext~~ } from '../../lib/theming/~~ThemeContext~~';\nimport { ~~isTheme2022~~ } from '../../lib/~~theming~~/~~ThemeHelpers~~';\nimport { ~~ZERO_WIDTH_SPACE~~ } from '../../lib/~~chars~~';\nimport { ~~LoadingIcon~~ } from '~~../../internal/icons2022/LoadingIcon~~';\n\nimport { ~~ButtonProps,~~ ~~ButtonSize~~ } from './~~Button~~';\nimport { ~~globalClasses,~~ ~~styles~~ } from './~~Button.styles~~';\n\~~ntype~~ ButtonIconProps = Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| '~~disabled~~' \| '~~use~~'> & {\n hasChildren: boolean;\n};\n\nexport const getButtonIconSizes = (theme: Theme): Record<~~ButtonSize~~, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n ~~hasChildren~~,\n ~~use~~,\n loading = false,\n size = 'small',\n}) => {\n const theme = ~~useContext~~(~~ThemeContext~~);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return styles.iconLarge(theme);\n case 'medium':\n return styles.iconMedium(theme);\n case 'small':\n default:\n return styles.iconSmall(theme);\n }\n };\n\n const ~~space = isTheme2022(theme) ? ZERO_WIDTH_SPACE : '';\n const~~ style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n ~~let _icon = icon;\n~~ const ~~sizes = getButtonIconSizes(theme);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n~~ _icon = ~~React.cloneElement~~(icon, { size~~: icon.props.size ?? sizes[size] }~~);\n }\n\n return (\n <span\n style={style}\n className={cx(~~globalClasses.icon,~~ styles.icon(), getSizeIconClassName(), {\n [styles.~~iconNoRightMargin~~()]: !hasChildren,\n [styles.~~iconLink~~(theme)]: isLink,\n })}\n >\n {~~space}\n {~~loading ? <~~LoadingIcon~~ size={size} /> : _icon}\n </span>\n );\n};\n"]}
1	+ {"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","sizes","React","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","emotion","styles","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","cx","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ButtonProps } from './Button';\nimport { getStyles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonProps, 'size' \| 'icon' \| 'loading' \| 'use'> {\n position: 'right' \| 'left';\n hasChildren: boolean;\n hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n const theme = useTheme();\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n use,\n position,\n hasChildren,\n loading = false,\n hasBothIcons = false,\n size = 'small',\n}) => {\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return [\n styles.iconLarge(theme),\n position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n ];\n case 'medium':\n return [\n styles.iconMedium(theme),\n position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n ];\n case 'small':\n default:\n return [\n styles.iconSmall(theme),\n position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n ];\n }\n };\n\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const _icon = useIcon(icon, size);\n\n return (\n <span\n style={style}\n className={emotion.cx(styles.icon(theme), getSizeIconClassName(), {\n [styles.iconNoMargin()]: !hasChildren,\n [styles.iconLeftLink(theme)]: isLink && position === 'left',\n [styles.iconRightLink(theme)]: isLink && position === 'right',\n })}\n >\n {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n </span>\n );\n};\n"]}