npm - @skbkontur/react-ui - Versions diffs - 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d - Mend

@skbkontur/react-ui 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d

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 (2451) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowFocusMixin","styles","root","t","caption","warning","btnOutlineWidth","btnBorderColorWarning","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnHeightShift","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","link","fallback","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","btnErrorSecondary","focus","disabled","btnFocusBorder","active","btnBorderWidth","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","btnDisabledShadow","arrow","btnDisabledShadowArrow","btnLinkDisabledColor","validationRoot","arrowWarning","arrowError","arrowFocus","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultTextColor","btnDefaultBorder","checked","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverBorderColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnArrowBgImageActive","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryTextColor","btnPrimaryBorder","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessTextColor","btnSuccessBorder","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerShadow","btnDangerShadowArrow","btnDangerTextColor","btnDangerBorder","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayShadow","btnPayShadowArrow","btnPayTextColor","btnPayBorder","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverBorderColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorder","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnCheckedDisabledShadowArrow","btnCheckedShadowArrow","btnArrowBgImageChecked","wrap","btnWrapPadding","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","jsStyles"],"mappings":"44ZAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;AAEA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,yBAAvC;;AAEA,SAASC,cAAT,EAAyBC,gBAAzB,EAA2CC,iBAA3C,EAA8DC,eAA9D,EAA+EC,eAA/E,QAAsG,iBAAtG;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOZ,GAAP;AACIG,IAAAA,WAAW,EADf;AAEIC,IAAAA,SAAS,EAFb;;;;;;;;;;;;;;;;;;;;;;;;AA0BMH,IAAAA,OAAO,CAACS,MAAM,CAACG,OAAP,EAAD,CA1Bb;;;;;AA+BD,GAjCY;;AAmCbC,EAAAA,OAnCa,mBAmCLF,CAnCK,EAmCK;AAChB,WAAOZ,GAAP;;;;;;;AAOsBY,IAAAA,CAAC,CAACG,eAPxB,EAO2CH,CAAC,CAACI,qBAP7C;;AASD,GA7CY;;AA+CbC,EAAAA,KA/Ca,iBA+CPL,CA/CO,EA+CG;AACd,WAAOZ,GAAP;;;;;;;AAOsBY,IAAAA,CAAC,CAACG,eAPxB,EAO2CH,CAAC,CAACM,mBAP7C;;AASD,GAzDY;;AA2DbC,EAAAA,SA3Da,qBA2DHP,CA3DG,EA2DO;AAClB,WAAOZ,GAAP;AACmBY,IAAAA,CAAC,CAACQ,oBADrB;;AAGIZ,IAAAA,eAAe;AACfI,IAAAA,CAAC,CAACS,gBADa;AAEfT,IAAAA,CAAC,CAACU,cAFa;AAGfV,IAAAA,CAAC,CAACW,cAHa;AAIfX,IAAAA,CAAC,CAACY,kBAJa;AAKfZ,IAAAA,CAAC,CAACa,gBALa;AAMfb,IAAAA,CAAC,CAACc,gBANa;AAOfzB,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAPQ;AAQfX,IAAAA,OAAO,CAACS,MAAM,CAACkB,QAAP,CAAgBhB,CAAhB,CAAD,CARQ,CAHnB;;;AAcD,GA1EY;;AA4EbiB,EAAAA,UA5Ea,sBA4EFjB,CA5EE,EA4EQ;AACnB,WAAOZ,GAAP;AACmBY,IAAAA,CAAC,CAACkB,qBADrB;;AAGItB,IAAAA,eAAe;AACfI,IAAAA,CAAC,CAACmB,iBADa;AAEfnB,IAAAA,CAAC,CAACoB,eAFa;AAGfpB,IAAAA,CAAC,CAACW,cAHa;AAIfX,IAAAA,CAAC,CAACqB,mBAJa;AAKfrB,IAAAA,CAAC,CAACsB,iBALa;AAMftB,IAAAA,CAAC,CAACuB,iBANa;AAOflC,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAPQ;AAQfX,IAAAA,OAAO,CAACS,MAAM,CAACkB,QAAP,CAAgBhB,CAAhB,CAAD,CARQ,CAHnB;;;AAcD,GA3FY;;AA6FbwB,EAAAA,SA7Fa,qBA6FHxB,CA7FG,EA6FO;AAClB,WAAOZ,GAAP;AACmBY,IAAAA,CAAC,CAACyB,oBADrB;;AAGI7B,IAAAA,eAAe;AACfI,IAAAA,CAAC,CAAC0B,gBADa;AAEf1B,IAAAA,CAAC,CAAC2B,cAFa;AAGf3B,IAAAA,CAAC,CAACW,cAHa;AAIfX,IAAAA,CAAC,CAAC4B,kBAJa;AAKf5B,IAAAA,CAAC,CAAC6B,gBALa;AAMf7B,IAAAA,CAAC,CAAC8B,gBANa;AAOfzC,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAPQ;AAQfX,IAAAA,OAAO,CAACS,MAAM,CAACkB,QAAP,CAAgBhB,CAAhB,CAAD,CARQ,CAHnB;;;AAcD,GA5GY;;AA8Gbe,EAAAA,IA9Ga,gBA8GRf,CA9GQ,EA8GE;AACb,WAAOZ,GAAP;;AAEmBY,IAAAA,CAAC,CAAC+B,mBAFrB;;;;AAMW/B,IAAAA,CAAC,CAACgC,YANb;;;;;;;AAaahC,IAAAA,CAAC,CAACiC,iBAbf;AAcuBjC,IAAAA,CAAC,CAACkC,0BAdzB;;;AAiBalC,IAAAA,CAAC,CAACmC,eAjBf;;AAmBI9C,IAAAA,OAAO,CAACS,MAAM,CAACG,OAAP,EAAD,CAnBX;;;;AAuBIZ,IAAAA,OAAO,CAACS,MAAM,CAACI,OAAP,CAAeF,CAAf,CAAD,CAvBX;AAwBIX,IAAAA,OAAO,CAACS,MAAM,CAACO,KAAP,CAAaL,CAAb,CAAD,CAxBX;;;;;;AA8BIX,IAAAA,OAAO,CAACS,MAAM,CAACO,KAAP,CAAaL,CAAb,CAAD,CA9BX;AA+BkBA,IAAAA,CAAC,CAACoC,iBA/BpB;;;AAkCD,GAjJY;;AAmJbC,EAAAA,KAnJa,iBAmJPrC,CAnJO,EAmJG;AACd,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKOX,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CALd;AAMeA,IAAAA,CAAC,CAACgC,YANjB;AAOyBhC,IAAAA,CAAC,CAACkC,0BAP3B;;;AAUY7C,IAAAA,OAAO,CAACS,MAAM,CAACwC,QAAP,CAAgBtC,CAAhB,CAAD,CAVnB,EAUgDX,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAVvD;AAWgBA,IAAAA,CAAC,CAACuC,cAXlB;;;;;AAgBQlD,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAhBf;AAiBkCA,IAAAA,CAAC,CAACyC,cAjBpC,EAiBsDzC,CAAC,CAAC0C,oBAjBxD;AAkBkB1C,IAAAA,CAAC,CAAC2C,mBAlBpB,EAkB2C3C,CAAC,CAAC4C,mBAlB7C;;AAoBWvD,IAAAA,OAAO,CAACS,MAAM,CAACI,OAAP,CAAeF,CAAf,CAAD,CApBlB,EAoB2CX,OAAO,CAACS,MAAM,CAACO,KAAP,CAAaL,CAAb,CAAD,CApBlD;AAqBoCA,IAAAA,CAAC,CAACyC,cArBtC,EAqBwDzC,CAAC,CAAC0C,oBArB1D;;;;;;AA2BD,GA/KY;;AAiLbJ,EAAAA,QAjLa,oBAiLJtC,CAjLI,EAiLM;AACjB,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;AAIoBA,IAAAA,CAAC,CAAC6C,sBAJtB;;AAMYxD,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CANnB;AAOoBA,IAAAA,CAAC,CAAC8C,aAPtB;AAQe9C,IAAAA,CAAC,CAAC+C,oBARjB;AASoB/C,IAAAA,CAAC,CAACgD,iBATtB;;AAWQ3D,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAXf;;;AAcwBjD,IAAAA,CAAC,CAACkD,sBAd1B;;;;;AAmBO7D,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAnBd;AAoBeA,IAAAA,CAAC,CAACmD,oBApBjB;;;AAuBM9D,IAAAA,OAAO,CAACS,MAAM,CAACG,OAAP,EAAD,CAvBb;;;;;AA4BD,GA9MY;;AAgNbe,EAAAA,QAhNa,oBAgNJhB,CAhNI,EAgNM;AACjB,WAAOZ,GAAP;AACKC,IAAAA,OAAO,CAACS,MAAM,CAACwC,QAAP,CAAgBtC,CAAhB,CAAD,CADZ;;;AAIUX,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAJjB;;;;AAQD,GAzNY;;AA2NboD,EAAAA,cA3Na,0BA2NEpD,CA3NF,EA2NY;AACvB,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACuC,KAAP,CAAarC,CAAb,CAAD,CADX;AAEkCA,IAAAA,CAAC,CAAC0C,oBAFpC;;;;AAMD,GAlOY;;AAoObW,EAAAA,YApOa,wBAoOArD,CApOA,EAoOU;AACrB,WAAOZ,GAAP;;;AAGkBY,IAAAA,CAAC,CAACG,eAHpB,EAG6CH,CAAC,CAACI,qBAH/C;;;AAMD,GA3OY;;AA6ObkD,EAAAA,UA7Oa,sBA6OFtD,CA7OE,EA6OQ;AACnB,WAAOZ,GAAP;;;AAGkBY,IAAAA,CAAC,CAACG,eAHpB,EAG6CH,CAAC,CAACM,mBAH/C;;;AAMD,GApPY;;AAsPbiD,EAAAA,UAtPa,sBAsPFvD,CAtPE,EAsPQ;AACnB,WAAOZ,GAAP;AACIS,IAAAA,eAAe,CAACG,CAAD,EAAIA,CAAC,CAAC4C,mBAAN,CADnB;;AAGKvD,IAAAA,OAAO,CAACS,MAAM,CAACuD,YAAP,CAAoBrD,CAApB,CAAD,CAHZ,EAG0CH,eAAe,CAACG,CAAD,EAAIA,CAAC,CAACI,qBAAN,CAHzD;;AAKKf,IAAAA,OAAO,CAACS,MAAM,CAACwD,UAAP,CAAkBtD,CAAlB,CAAD,CALZ,EAKwCH,eAAe,CAACG,CAAD,EAAIA,CAAC,CAACM,mBAAN,CALvD;;AAOD,GA9PY;;AAgQb2C,EAAAA,KAhQa,mBAgQL;AACN,WAAO7D,GAAP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCD,GAxSY;;AA0SboE,EAAAA,SA1Sa,uBA0SD;AACV,WAAOpE,GAAP;;;AAGD,GA9SY;;AAgTLY,EAAAA,CAhTK,EAgTK;AAChB,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEMP,IAAAA,cAAc;AACdO,IAAAA,CAAC,CAACyD,YADY;AAEdzD,IAAAA,CAAC,CAAC0D,iBAFY;AAGd1D,IAAAA,CAAC,CAAC2D,eAHY;AAId3D,IAAAA,CAAC,CAAC4D,gBAJY;AAKd5D,IAAAA,CAAC,CAAC6D,qBALY;AAMd7D,IAAAA,CAAC,CAAC8D,mBANY;AAOd9D,IAAAA,CAAC,CAAC+D,gBAPY;AAQd1E,IAAAA,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CARO;AASdX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CATO,CAFpB;;;AAcMvD,IAAAA,gBAAgB;AAChBM,IAAAA,CAAC,CAACiE,iBADc;AAEhBjE,IAAAA,CAAC,CAACkE,sBAFc;AAGhBlE,IAAAA,CAAC,CAACmE,oBAHc;AAIhBnE,IAAAA,CAAC,CAACoE,qBAJc;AAKhBpE,IAAAA,CAAC,CAACqE,0BALc;AAMhBrE,IAAAA,CAAC,CAACsE,0BANc;AAOhBjF,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAPS,CAdtB;;;AAwBMtD,IAAAA,iBAAiB;AACjBK,IAAAA,CAAC,CAACuE,kBADe;AAEjBvE,IAAAA,CAAC,CAACwE,sBAFe;AAGjBxE,IAAAA,CAAC,CAACyE,2BAHe;AAIjBpF,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAJU;AAKjBX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CALU;AAMjBjD,IAAAA,CAAC,CAAC0E,qBANe,CAxBvB;;;;AAkCD,GAnVY;;AAqVbC,EAAAA,OArVa,mBAqVL3E,CArVK,EAqVK;AAChB,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEMP,IAAAA,cAAc;AACdO,IAAAA,CAAC,CAAC4E,YADY;AAEd5E,IAAAA,CAAC,CAAC6E,iBAFY;AAGd7E,IAAAA,CAAC,CAAC8E,eAHY;AAId9E,IAAAA,CAAC,CAAC+E,gBAJY;AAKd/E,IAAAA,CAAC,CAACgF,qBALY;AAMdhF,IAAAA,CAAC,CAACiF,mBANY;AAOdjF,IAAAA,CAAC,CAACkF,gBAPY;AAQd7F,IAAAA,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CARO;AASdX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CATO,CAFpB;;;AAcMvD,IAAAA,gBAAgB;AAChBM,IAAAA,CAAC,CAACmF,iBADc;AAEhBnF,IAAAA,CAAC,CAACoF,sBAFc;AAGhBpF,IAAAA,CAAC,CAACqF,oBAHc;AAIhBrF,IAAAA,CAAC,CAACsF,qBAJc;AAKhBtF,IAAAA,CAAC,CAACuF,0BALc;AAMhBvF,IAAAA,CAAC,CAACwF,0BANc;AAOhBnG,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAPS,CAdtB;;;AAwBMtD,IAAAA,iBAAiB;AACjBK,IAAAA,CAAC,CAACyF,kBADe;AAEjBzF,IAAAA,CAAC,CAAC0F,sBAFe;AAGjB1F,IAAAA,CAAC,CAAC2F,2BAHe;AAIjBtG,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAJU;AAKjBX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CALU;AAMjBjD,IAAAA,CAAC,CAAC0E,qBANe,CAxBvB;;;;AAkCD,GAxXY;;AA0XbkB,EAAAA,OA1Xa,mBA0XL5F,CA1XK,EA0XK;AAChB,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEMP,IAAAA,cAAc;AACdO,IAAAA,CAAC,CAAC6F,YADY;AAEd7F,IAAAA,CAAC,CAAC8F,iBAFY;AAGd9F,IAAAA,CAAC,CAAC+F,eAHY;AAId/F,IAAAA,CAAC,CAACgG,gBAJY;AAKdhG,IAAAA,CAAC,CAACiG,qBALY;AAMdjG,IAAAA,CAAC,CAACkG,mBANY;AAOdlG,IAAAA,CAAC,CAACmG,gBAPY;AAQd9G,IAAAA,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CARO;AASdX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CATO,CAFpB;;;AAcMvD,IAAAA,gBAAgB;AAChBM,IAAAA,CAAC,CAACoG,iBADc;AAEhBpG,IAAAA,CAAC,CAACqG,sBAFc;AAGhBrG,IAAAA,CAAC,CAACsG,oBAHc;AAIhBtG,IAAAA,CAAC,CAACuG,qBAJc;AAKhBvG,IAAAA,CAAC,CAACwG,0BALc;AAMhBxG,IAAAA,CAAC,CAACyG,0BANc;AAOhBpH,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAPS,CAdtB;;;AAwBMtD,IAAAA,iBAAiB;AACjBK,IAAAA,CAAC,CAAC0G,kBADe;AAEjB1G,IAAAA,CAAC,CAAC2G,sBAFe;AAGjB3G,IAAAA,CAAC,CAAC4G,2BAHe;AAIjBvH,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAJU;AAKjBX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CALU;AAMjBjD,IAAAA,CAAC,CAAC0E,qBANe,CAxBvB;;;;AAkCD,GA7ZY;;AA+ZbmC,EAAAA,MA/Za,kBA+ZN7G,CA/ZM,EA+ZI;AACf,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEMP,IAAAA,cAAc;AACdO,IAAAA,CAAC,CAAC8G,WADY;AAEd9G,IAAAA,CAAC,CAAC+G,gBAFY;AAGd/G,IAAAA,CAAC,CAACgH,cAHY;AAIdhH,IAAAA,CAAC,CAACiH,eAJY;AAKdjH,IAAAA,CAAC,CAACkH,oBALY;AAMdlH,IAAAA,CAAC,CAACmH,kBANY;AAOdnH,IAAAA,CAAC,CAACoH,eAPY;AAQd/H,IAAAA,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CARO;AASdX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CATO,CAFpB;;;AAcMvD,IAAAA,gBAAgB;AAChBM,IAAAA,CAAC,CAACqH,gBADc;AAEhBrH,IAAAA,CAAC,CAACsH,qBAFc;AAGhBtH,IAAAA,CAAC,CAACuH,mBAHc;AAIhBvH,IAAAA,CAAC,CAACwH,oBAJc;AAKhBxH,IAAAA,CAAC,CAACyH,yBALc;AAMhBzH,IAAAA,CAAC,CAAC0H,yBANc;AAOhBrI,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAPS,CAdtB;;;AAwBMtD,IAAAA,iBAAiB;AACjBK,IAAAA,CAAC,CAAC2H,iBADe;AAEjB3H,IAAAA,CAAC,CAAC4H,qBAFe;AAGjB5H,IAAAA,CAAC,CAAC6H,0BAHe;AAIjBxI,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAJU;AAKjBX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CALU;AAMjBjD,IAAAA,CAAC,CAAC0E,qBANe,CAxBvB;;;;AAkCD,GAlcY;;AAocboD,EAAAA,GApca,eAocT9H,CApcS,EAocC;AACZ,WAAOZ,GAAP;AACIC,IAAAA,OAAO,CAACS,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;AAEMP,IAAAA,cAAc;AACdO,IAAAA,CAAC,CAAC+H,QADY;AAEd/H,IAAAA,CAAC,CAACgI,aAFY;AAGdhI,IAAAA,CAAC,CAACiI,WAHY;AAIdjI,IAAAA,CAAC,CAACkI,YAJY;AAKdlI,IAAAA,CAAC,CAACmI,iBALY;AAMdnI,IAAAA,CAAC,CAACoI,eANY;AAOdpI,IAAAA,CAAC,CAACqI,YAPY;AAQdhJ,IAAAA,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CARO;AASdX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CATO,CAFpB;;;AAcMvD,IAAAA,gBAAgB;AAChBM,IAAAA,CAAC,CAACsI,aADc;AAEhBtI,IAAAA,CAAC,CAACuI,kBAFc;AAGhBvI,IAAAA,CAAC,CAACwI,gBAHc;AAIhBxI,IAAAA,CAAC,CAACyI,iBAJc;AAKhBzI,IAAAA,CAAC,CAAC0I,sBALc;AAMhB1I,IAAAA,CAAC,CAAC2I,sBANc;AAOhBtJ,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAPS,CAdtB;;;AAwBMtD,IAAAA,iBAAiB;AACjBK,IAAAA,CAAC,CAAC4I,cADe;AAEjB5I,IAAAA,CAAC,CAAC6I,kBAFe;AAGjB7I,IAAAA,CAAC,CAAC8I,uBAHe;AAIjBzJ,IAAAA,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAJU;AAKjBX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CALU;AAMjBjD,IAAAA,CAAC,CAAC0E,qBANe,CAxBvB;;;;AAkCD,GAveY;;AAyebV,EAAAA,OAzea,mBAyeLhE,CAzeK,EAyeK;AAChB,WAAOZ,GAAP;AACgBY,IAAAA,CAAC,CAAC+I,gBADlB;AAEgB/I,IAAAA,CAAC,CAACgJ,YAFlB;AAGWhJ,IAAAA,CAAC,CAACiJ,mBAHb;AAIYjJ,IAAAA,CAAC,CAACkJ,uBAJd;;AAMU7J,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CANjB;AAOMX,IAAAA,OAAO,CAACS,MAAM,CAACG,OAAP,EAAD,CAPb;;;;;AAYUZ,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CAZjB,EAYqCX,OAAO,CAACS,MAAM,CAACwC,QAAP,CAAgBtC,CAAhB,CAAD,CAZ5C;AAakBA,IAAAA,CAAC,CAACmJ,wBAbpB;AAckBnJ,IAAAA,CAAC,CAACoJ,oBAdpB;AAeapJ,IAAAA,CAAC,CAACqJ,uBAff;AAgBoBrJ,IAAAA,CAAC,CAACsJ,6BAhBtB;;AAkBMjK,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CAlBb;;;AAqBsBjD,IAAAA,CAAC,CAACoJ,oBArBxB;AAsBsBpJ,IAAAA,CAAC,CAACuJ,6BAtBxB;;;;;;AA4BUlK,IAAAA,OAAO,CAACS,MAAM,CAACuC,KAAP,CAAarC,CAAb,CAAD,CA5BjB;AA6BMX,IAAAA,OAAO,CAACS,MAAM,CAACmD,KAAP,EAAD,CA7Bb;;;AAgCsBjD,IAAAA,CAAC,CAACgJ,YAhCxB;AAiCsBhJ,IAAAA,CAAC,CAACwJ,qBAjCxB;;;;AAqC4BxJ,IAAAA,CAAC,CAACyJ,sBArC9B;;;;;AA0CD,GAphBY;;AAshBbjH,EAAAA,MAthBa,kBAshBNxC,CAthBM,EAshBI;AACf,WAAOZ,GAAP;AACUC,IAAAA,OAAO,CAACS,MAAM,CAACiB,IAAP,CAAYf,CAAZ,CAAD,CADjB,EAC0CX,OAAO,CAACS,MAAM,CAACwC,QAAP,CAAgBtC,CAAhB,CAAD,CADjD;AAEMX,IAAAA,OAAO,CAACS,MAAM,CAACG,OAAP,EAAD,CAFb;;;;;AAOD,GA9hBY;;AAgiBbA,EAAAA,OAhiBa,qBAgiBH;AACR,WAAOb,GAAP;;;;;;;AAOD,GAxiBY;;AA0iBbsK,EAAAA,IA1iBa,gBA0iBR1J,CA1iBQ,EA0iBE;AACb,WAAOZ,GAAP;AACaY,IAAAA,CAAC,CAAC2J,cADf;;;;AAKD,GAhjBY;;AAkjBbC,EAAAA,MAljBa,oBAkjBJ;AACP,WAAOxK,GAAP;;;;AAID,GAvjBY;;AAyjBbyK,EAAAA,SAzjBa,uBAyjBD;AACV,WAAOzK,GAAP;;;;AAID,GA9jBY;;AAgkBb0K,EAAAA,cAhkBa,4BAgkBI;AACf,WAAO1K,GAAP;;;AAGD,GApkBY;;AAskBb2K,EAAAA,kBAtkBa,gCAskBQ;AACnB,WAAO3K,GAAP;;;AAGD,GA1kBY;;AA4kBb4K,EAAAA,QA5kBa,oBA4kBJhK,CA5kBI,EA4kBM;AACjB,WAAOZ,GAAP;AACmBY,IAAAA,CAAC,CAACiK,sBADrB;;AAGD,GAhlBY;;AAklBbC,EAAAA,QAllBa,oBAklBJlK,CAllBI,EAklBM;AACjB,WAAOZ,GAAP;AACIU,IAAAA,MAAM,CAAC4J,IAAP,CAAY1J,CAAZ,CADJ;;;;AAKD,GAxlBY;;AA0lBbmK,EAAAA,SA1lBa,uBA0lBD;AACV,WAAO/K,GAAP;;;AAGD,GA9lBY;;AAgmBbgL,EAAAA,aAhmBa,2BAgmBG;AACd,WAAOhL,GAAP;;;;AAID,GArmBY;;AAumBbiL,EAAAA,IAvmBa,kBAumBN;AACL,WAAOjL,GAAP;;;AAGD,GA3mBY;AA4mBbkL,EAAAA,SA5mBa,qBA4mBHtK,CA5mBG,EA4mBO;AAClB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACuK,gBADb;AAEmBvK,IAAAA,CAAC,CAACwK,eAFrB;;AAID,GAjnBY;AAknBbC,EAAAA,UAlnBa,sBAknBFzK,CAlnBE,EAknBQ;AACnB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC0K,iBADb;AAEmB1K,IAAAA,CAAC,CAAC2K,gBAFrB;;AAID,GAvnBY;AAwnBbC,EAAAA,SAxnBa,qBAwnBH5K,CAxnBG,EAwnBO;AAClB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC6K,gBADb;AAEmB7K,IAAAA,CAAC,CAAC8K,eAFrB;;AAID,GA7nBY;;AA+nBbC,EAAAA,UA/nBa,sBA+nBF/K,CA/nBE,EA+nBQ;AACnB,QAAMqC,KAAK,GAAGhD,OAAO,CAACS,MAAM,CAACuC,KAAP,CAAarC,CAAb,CAAD,CAArB;AACA,QAAMsC,QAAQ,GAAGjD,OAAO,CAACS,MAAM,CAACwC,QAAP,CAAgBtC,CAAhB,CAAD,CAAxB;AACA,QAAMgE,OAAO,GAAG3E,OAAO,CAACS,MAAM,CAACkE,OAAP,CAAehE,CAAf,CAAD,CAAvB;AACA,QAAMwC,MAAM,GAAGnD,OAAO,CAACS,MAAM,CAAC0C,MAAP,CAAcxC,CAAd,CAAD,CAAtB;;AAEA,WAAOZ,GAAP;AACUiD,IAAAA,KADV,EACwBC,QADxB,EACyCE,MADzC,EACwDwB,OADxD;;;;;;;;AASD,GA9oBY;;AAgpBbgH,EAAAA,OAhpBa,qBAgpBH;AACR,WAAO5L,GAAP;;;;;;;;;;;;AAYD,GA7pBY;;AA+pBb6L,EAAAA,gBA/pBa,8BA+pBM;AACjB,WAAO7L,GAAP;;;AAGD,GAnqBY,EAAf;;;AAsqBA,OAAO,IAAM8L,QAAQ,GAAG5L,YAAY,CAACQ,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\n\r\nimport { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin, arrowFocusMixin } from './Button.mixins';\r\n\r\nconst styles = {\r\n root(t: Theme) {\r\n return css`\r\n ${resetButton()};\r\n ${resetText()};\r\n\r\n background-clip: border-box;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n cursor: pointer;\r\n display: inline-block;\r\n position: relative;\r\n text-align: center;\r\n width: 100%;\r\n\r\n &::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n }\r\n &::after {\r\n content: '';\r\n display: inline-block;\r\n vertical-align: baseline;\r\n width: 0;\r\n }\r\n\r\n &:active {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px);\r\n }\r\n }\r\n `;\r\n },\r\n\r\n warning(t: Theme) {\r\n return css`\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning};\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError};\r\n `;\r\n },\r\n\r\n sizeSmall(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusSmall};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeSmall,\r\n t.btnHeightSmall,\r\n t.btnHeightShift,\r\n t.btnLineHeightSmall,\r\n t.btnPaddingXSmall,\r\n t.btnPaddingYSmall,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeMedium(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusMedium};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeMedium,\r\n t.btnHeightMedium,\r\n t.btnHeightShift,\r\n t.btnLineHeightMedium,\r\n t.btnPaddingXMedium,\r\n t.btnPaddingYMedium,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeLarge(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusLarge};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeLarge,\r\n t.btnHeightLarge,\r\n t.btnHeightShift,\r\n t.btnLineHeightLarge,\r\n t.btnPaddingXLarge,\r\n t.btnPaddingYLarge,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n link(t: Theme) {\r\n return css`\r\n background: none;\r\n border-radius: ${t.btnLinkBorderRadius} !important;\r\n border: none;\r\n box-shadow: none;\r\n white-space: nowrap;\r\n color: ${t.btnLinkColor} !important;\r\n display: inline;\r\n line-height: inherit !important;\r\n margin: 0;\r\n padding: 0 !important;\r\n\r\n &:hover {\r\n color: ${t.btnLinkHoverColor} !important;\r\n text-decoration: ${t.btnLinkHoverTextDecoration};\r\n }\r\n &:active {\r\n color: ${t.linkActiveColor} !important;\r\n }\r\n ${cssName(styles.caption())} {\r\n display: inline;\r\n transform: none !important;\r\n }\r\n ${cssName(styles.warning(t))} ,\r\n ${cssName(styles.error(t))} {\r\n box-shadow: none;\r\n left: -2px !important;\r\n right: -2px !important;\r\n bottom: -2px !important;\r\n }\r\n ${cssName(styles.error(t))} {\r\n background: ${t.btnErrorSecondary} !important;\r\n }\r\n `;\r\n },\r\n\r\n focus(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n position: relative;\r\n z-index: 2;\r\n\r\n &${cssName(styles.link(t))} {\r\n color: ${t.btnLinkColor};\r\n text-decoration: ${t.btnLinkHoverTextDecoration};\r\n }\r\n\r\n &:not(${cssName(styles.disabled(t))}):not(${cssName(styles.link(t))}) {\r\n border: ${t.btnFocusBorder};\r\n\r\n &,\r\n &:hover,\r\n &:active,\r\n ${cssName(styles.active(t))} {\r\n box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus},\r\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\r\n\r\n &${cssName(styles.warning(t))}, &${cssName(styles.error(t))} {\r\n box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus};\r\n border-color: transparent;\r\n }\r\n }\r\n }\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n cursor: default;\r\n pointer-events: none;\r\n border-color: ${t.btnDisabledBorderColor} !important;\r\n\r\n &:not(${cssName(styles.link(t))}) {\r\n background: ${t.btnDisabledBg} !important;\r\n color: ${t.btnDisabledTextColor} !important;\r\n box-shadow: ${t.btnDisabledShadow} !important;\r\n\r\n ${cssName(styles.arrow())} {\r\n &:before,\r\n &:after {\r\n box-shadow: ${t.btnDisabledShadowArrow} !important;\r\n }\r\n }\r\n }\r\n\r\n &${cssName(styles.link(t))} {\r\n color: ${t.btnLinkDisabledColor} !important;\r\n }\r\n\r\n ${cssName(styles.caption())} {\r\n transform: none !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n fallback(t: Theme) {\r\n return css`\r\n &${cssName(styles.disabled(t))} {\r\n outline-color: transparent;\r\n }\r\n &:not(${cssName(styles.link(t))}) {\r\n line-height: normal !important;\r\n }\r\n `;\r\n },\r\n\r\n validationRoot(t: Theme) {\r\n return css`\r\n ${cssName(styles.focus(t))}& {\r\n box-shadow: inset 0 0 0 1px ${t.btnOutlineColorFocus} !important;\r\n border-color: transparent !important;\r\n }\r\n `;\r\n },\r\n\r\n arrowWarning(t: Theme) {\r\n return css`\r\n &:before,\r\n &:after {\r\n box-shadow: ${t.btnOutlineWidth} 0 0 0 ${t.btnBorderColorWarning} !important;\r\n }\r\n `;\r\n },\r\n\r\n arrowError(t: Theme) {\r\n return css`\r\n &:before,\r\n &:after {\r\n box-shadow: ${t.btnOutlineWidth} 0 0 0 ${t.btnBorderColorError} !important;\r\n }\r\n `;\r\n },\r\n\r\n arrowFocus(t: Theme) {\r\n return css`\r\n ${arrowFocusMixin(t, t.btnBorderColorFocus)}\r\n\r\n &${cssName(styles.arrowWarning(t))} { ${arrowFocusMixin(t, t.btnBorderColorWarning)} }\r\n\r\n &${cssName(styles.arrowError(t))} { ${arrowFocusMixin(t, t.btnBorderColorError)} }\r\n `;\r\n },\r\n\r\n arrow() {\r\n return css`\r\n background: inherit;\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n\r\n &:before,\r\n &:after {\r\n content: '';\r\n display: block;\r\n width: 100%;\r\n height: calc(50% + 0.25px);\r\n position: absolute;\r\n left: 0;\r\n background: inherit;\r\n background-size: 200% 200%;\r\n border-radius: inherit;\r\n z-index: 0;\r\n }\r\n\r\n &:before {\r\n top: 0px;\r\n transform: skewX(30deg);\r\n transform-origin: top;\r\n background-position-y: top;\r\n border-bottom-right-radius: 1px;\r\n }\r\n\r\n &:after {\r\n bottom: 0px;\r\n transform: skewX(-30deg);\r\n transform-origin: bottom;\r\n background-position-y: bottom;\r\n border-top-right-radius: 1px;\r\n }\r\n `;\r\n },\r\n\r\n arrowLeft() {\r\n return css`\r\n transform: scaleX(-1);\r\n `;\r\n },\r\n\r\n default(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnDefaultBg,\r\n t.btnDefaultBgStart,\r\n t.btnDefaultBgEnd,\r\n t.btnDefaultShadow,\r\n t.btnDefaultShadowArrow,\r\n t.btnDefaultTextColor,\r\n t.btnDefaultBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDefaultHoverBg,\r\n t.btnDefaultHoverBgStart,\r\n t.btnDefaultHoverBgEnd,\r\n t.btnDefaultHoverShadow,\r\n t.btnDefaultHoverShadowArrow,\r\n t.btnDefaultHoverBorderColor,\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveShadow,\r\n t.btnDefaultActiveShadowArrow,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n primary(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnPrimaryBg,\r\n t.btnPrimaryBgStart,\r\n t.btnPrimaryBgEnd,\r\n t.btnPrimaryShadow,\r\n t.btnPrimaryShadowArrow,\r\n t.btnPrimaryTextColor,\r\n t.btnPrimaryBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPrimaryHoverBg,\r\n t.btnPrimaryHoverBgStart,\r\n t.btnPrimaryHoverBgEnd,\r\n t.btnPrimaryHoverShadow,\r\n t.btnPrimaryHoverShadowArrow,\r\n t.btnPrimaryHoverBorderColor,\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveShadow,\r\n t.btnPrimaryActiveShadowArrow,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n success(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnSuccessBg,\r\n t.btnSuccessBgStart,\r\n t.btnSuccessBgEnd,\r\n t.btnSuccessShadow,\r\n t.btnSuccessShadowArrow,\r\n t.btnSuccessTextColor,\r\n t.btnSuccessBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnSuccessHoverBg,\r\n t.btnSuccessHoverBgStart,\r\n t.btnSuccessHoverBgEnd,\r\n t.btnSuccessHoverShadow,\r\n t.btnSuccessHoverShadowArrow,\r\n t.btnSuccessHoverBorderColor,\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveShadow,\r\n t.btnSuccessActiveShadowArrow,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n danger(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnDangerBg,\r\n t.btnDangerBgStart,\r\n t.btnDangerBgEnd,\r\n t.btnDangerShadow,\r\n t.btnDangerShadowArrow,\r\n t.btnDangerTextColor,\r\n t.btnDangerBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDangerHoverBg,\r\n t.btnDangerHoverBgStart,\r\n t.btnDangerHoverBgEnd,\r\n t.btnDangerHoverShadow,\r\n t.btnDangerHoverShadowArrow,\r\n t.btnDangerHoverBorderColor,\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveShadow,\r\n t.btnDangerActiveShadowArrow,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n pay(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnPayBg,\r\n t.btnPayBgStart,\r\n t.btnPayBgEnd,\r\n t.btnPayShadow,\r\n t.btnPayShadowArrow,\r\n t.btnPayTextColor,\r\n t.btnPayBorder,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPayHoverBg,\r\n t.btnPayHoverBgStart,\r\n t.btnPayHoverBgEnd,\r\n t.btnPayHoverShadow,\r\n t.btnPayHoverShadowArrow,\r\n t.btnPayHoverBorderColor,\r\n cssName(styles.arrow()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPayActiveBg,\r\n t.btnPayActiveShadow,\r\n t.btnPayActiveShadowArrow,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrow()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n checked(t: Theme) {\r\n return css`\r\n box-shadow: ${t.btnCheckedShadow} !important;\r\n background: ${t.btnCheckedBg} !important;\r\n color: ${t.btnCheckedTextColor} !important;\r\n border: ${t.btnDefaultCheckedBorder} !important;\r\n\r\n &:not(${cssName(styles.link(t))}) {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px) !important;\r\n }\r\n }\r\n\r\n &:not(${cssName(styles.link(t))})${cssName(styles.disabled(t))} {\r\n box-shadow: ${t.btnCheckedDisabledShadow} !important;\r\n background: ${t.btnCheckedDisabledBg} !important;\r\n color: ${t.btnCheckedDisabledColor} !important;\r\n border-color: ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n ${cssName(styles.arrow())} {\r\n &:before,\r\n &:after {\r\n background: ${t.btnCheckedDisabledBg} !important;\r\n box-shadow: ${t.btnCheckedDisabledShadowArrow} !important;\r\n }\r\n }\r\n }\r\n\r\n &,\r\n &:not(${cssName(styles.focus(t))}) {\r\n ${cssName(styles.arrow())} {\r\n &:before,\r\n &:after {\r\n background: ${t.btnCheckedBg} !important;\r\n box-shadow: ${t.btnCheckedShadowArrow} !important;\r\n }\r\n\r\n &:before {\r\n background-image: ${t.btnArrowBgImageChecked} !important;\r\n }\r\n }\r\n }\r\n `;\r\n },\r\n\r\n active(t: Theme) {\r\n return css`\r\n &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px) !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n caption() {\r\n return css`\r\n position: relative;\r\n white-space: nowrap;\r\n display: inline-block;\r\n width: 100%;\r\n vertical-align: top;\r\n `;\r\n },\r\n\r\n wrap(t: Theme) {\r\n return css`\r\n padding: ${t.btnWrapPadding};\r\n box-sizing: border-box;\r\n display: inline-block;\r\n `;\r\n },\r\n\r\n narrow() {\r\n return css`\r\n padding-left: 5px !important;\r\n padding-right: 5px !important;\r\n `;\r\n },\r\n\r\n noPadding() {\r\n return css`\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n noRightPadding() {\r\n return css`\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n iconNoRightPadding() {\r\n return css`\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n iconLink(t: Theme) {\r\n return css`\r\n padding-right: ${t.btnLinkIconMarginRight} !important;\r\n `;\r\n },\r\n\r\n wrapLink(t: Theme) {\r\n return css`\r\n ${styles.wrap(t)};\r\n\r\n padding: 0;\r\n `;\r\n },\r\n\r\n wrapArrow() {\r\n return css`\r\n margin-right: 10px;\r\n `;\r\n },\r\n\r\n wrapArrowLeft() {\r\n return css`\r\n margin-right: 0;\r\n margin-left: 10px;\r\n `;\r\n },\r\n\r\n icon() {\r\n return css`\r\n display: inline-block;\r\n `;\r\n },\r\n iconSmall(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeSmall};\r\n padding-right: ${t.btnIconGapSmall};\r\n `;\r\n },\r\n iconMedium(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeMedium};\r\n padding-right: ${t.btnIconGapMedium};\r\n `;\r\n },\r\n iconLarge(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeLarge};\r\n padding-right: ${t.btnIconGapLarge};\r\n `;\r\n },\r\n\r\n borderless(t: Theme) {\r\n const focus = cssName(styles.focus(t));\r\n const disabled = cssName(styles.disabled(t));\r\n const checked = cssName(styles.checked(t));\r\n const active = cssName(styles.active(t));\r\n\r\n return css`\r\n &:not(${focus}):not(${disabled}):not(${active}):not(${checked}) {\r\n &,\r\n &:hover,\r\n &:active {\r\n box-shadow: none !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n loading() {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: inherit;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n `;\r\n },\r\n\r\n visibilityHidden() {\r\n return css`\r\n visibility: hidden;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","btnBackgroundClip","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","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","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","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"mappings":"6sCAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;AAEA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,yBAAvC;AACA,SAASC,SAAT,QAA0B,kBAA1B;;AAEA;AACEC,cADF;AAEEC,gBAFF;AAGEC,iBAHF;AAIEC,eAJF;AAKEC,iBALF;AAMEC,mBANF;AAOO,iBAPP;;AASA,OAAO,IAAMC,aAAa,GAAGV,MAAM,CAAC,QAAD,CAAN,CAAiB;AAC5CW,EAAAA,WAAW,EAAE,cAD+B;AAE5CC,EAAAA,cAAc,EAAE,kBAF4B;AAG5CC,EAAAA,iBAAiB,EAAE,qBAHyB;AAI5CC,EAAAA,OAAO,EAAE,SAJmC;AAK5CC,EAAAA,WAAW,EAAE,cAL+B,EAAjB,CAAtB;;;AAQP,OAAO,IAAMC,MAAM,GAAGjB,YAAY,CAAC;AACjCkB,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOpB,GAAP;AACIG,IAAAA,WAAW,EADf;AAEIC,IAAAA,SAAS,EAFb;;AAIqBgB,IAAAA,CAAC,CAACC,iBAJvB;;;;;;;;;;;AAeKT,IAAAA,aAAa,CAACK,WAfnB;;;;;;;;;;;;;;;;;;;;;AAoCsBL,IAAAA,aAAa,CAACI,OApCpC;;;;AAwCD,GA1CgC;;AA4CjCM,EAAAA,OA5CiC,qBA4CvB;AACR,WAAOtB,GAAP;;;;;;;;AAQD,GArDgC;;AAuDjCuB,EAAAA,cAvDiC,0BAuDlBH,CAvDkB,EAuDR;AACvB,WAAOpB,GAAP;AACsBoB,IAAAA,CAAC,CAACI,eADxB,EAC2CJ,CAAC,CAACK,qBAD7C;AAEkBL,IAAAA,CAAC,CAACM,aAFpB,EAEqCN,CAAC,CAACO,aAFvC;;AAID,GA5DgC;;AA8DjCC,EAAAA,YA9DiC,wBA8DpBR,CA9DoB,EA8DV;AACrB,WAAOpB,GAAP;AACsBoB,IAAAA,CAAC,CAACI,eADxB,EAC2CJ,CAAC,CAACS,mBAD7C,EACiFT,CAAC,CAACM,aADnF,EACoGN,CAAC,CAACO,aADtG;;AAGD,GAlEgC;;AAoEjCG,EAAAA,WApEiC,yBAoEnB;AACZ,WAAO9B,GAAP;;;;;;AAMD,GA3EgC;;AA6EjC+B,EAAAA,kBA7EiC,8BA6EdX,CA7Ec,EA6EJ;AAC3B,WAAOpB,GAAP;AACsBoB,IAAAA,CAAC,CAACY,mBADxB;;AAGD,GAjFgC;;AAmFjCC,EAAAA,gBAnFiC,4BAmFhBb,CAnFgB,EAmFN;AACzB,WAAOpB,GAAP;AACsBoB,IAAAA,CAAC,CAACc,iBADxB;;AAGD,GAvFgC;;AAyFjCC,EAAAA,SAzFiC,qBAyFvBf,CAzFuB,EAyFb;AAClB,WAAOpB,GAAP;AACmBoB,IAAAA,CAAC,CAACgB,oBADrB;;AAGI3B,IAAAA,eAAe;AACfW,IAAAA,CAAC,CAACiB,gBADa;AAEfjB,IAAAA,CAAC,CAACkB,kBAFa;AAGflB,IAAAA,CAAC,CAACmB,gBAHa;AAIfnB,IAAAA,CAAC,CAACoB,gBAJa;AAKfpB,IAAAA,CAAC,CAACqB,8BALa,CAHnB;;;AAWD,GArGgC;;AAuGjCC,EAAAA,aAvGiC,yBAuGnBtB,CAvGmB,EAuGT;AACtB,WAAOpB,GAAP;AACIW,IAAAA,mBAAmB;AACnBS,IAAAA,CAAC,CAACiB,gBADiB;AAEnBjB,IAAAA,CAAC,CAACmB,gBAFiB;AAGnBnB,IAAAA,CAAC,CAACoB,gBAHiB;AAInBpB,IAAAA,CAAC,CAACqB,8BAJiB,CADvB;;;AAQD,GAhHgC;;AAkHjCE,EAAAA,UAlHiC,sBAkHtBvB,CAlHsB,EAkHZ;AACnB,WAAOpB,GAAP;AACmBoB,IAAAA,CAAC,CAACwB,qBADrB;;AAGInC,IAAAA,eAAe;AACfW,IAAAA,CAAC,CAACyB,iBADa;AAEfzB,IAAAA,CAAC,CAAC0B,mBAFa;AAGf1B,IAAAA,CAAC,CAAC2B,iBAHa;AAIf3B,IAAAA,CAAC,CAAC4B,iBAJa;AAKf5B,IAAAA,CAAC,CAACqB,8BALa,CAHnB;;;AAWD,GA9HgC;;AAgIjCQ,EAAAA,cAhIiC,0BAgIlB7B,CAhIkB,EAgIR;AACvB,WAAOpB,GAAP;AACIW,IAAAA,mBAAmB;AACnBS,IAAAA,CAAC,CAACyB,iBADiB;AAEnBzB,IAAAA,CAAC,CAAC2B,iBAFiB;AAGnB3B,IAAAA,CAAC,CAAC4B,iBAHiB;AAInB5B,IAAAA,CAAC,CAACqB,8BAJiB,CADvB;;;AAQD,GAzIgC;;AA2IjCS,EAAAA,SA3IiC,qBA2IvB9B,CA3IuB,EA2Ib;AAClB,WAAOpB,GAAP;AACmBoB,IAAAA,CAAC,CAAC+B,oBADrB;;AAGI1C,IAAAA,eAAe;AACfW,IAAAA,CAAC,CAACgC,gBADa;AAEfhC,IAAAA,CAAC,CAACiC,kBAFa;AAGfjC,IAAAA,CAAC,CAACkC,gBAHa;AAIflC,IAAAA,CAAC,CAACmC,gBAJa;AAKfnC,IAAAA,CAAC,CAACqB,8BALa,CAHnB;;;AAWD,GAvJgC;;AAyJjCe,EAAAA,aAzJiC,yBAyJnBpC,CAzJmB,EAyJT;AACtB,WAAOpB,GAAP;AACIW,IAAAA,mBAAmB;AACnBS,IAAAA,CAAC,CAACgC,gBADiB;AAEnBhC,IAAAA,CAAC,CAACkC,gBAFiB;AAGnBlC,IAAAA,CAAC,CAACmC,gBAHiB;AAInBnC,IAAAA,CAAC,CAACqB,8BAJiB,CADvB;;;AAQD,GAlKgC;;AAoKjCgB,EAAAA,IApKiC,gBAoK5BrC,CApK4B,EAoKlB;AACb,WAAOpB,GAAP;;AAEmBoB,IAAAA,CAAC,CAACsC,mBAFrB;;;;AAMWtC,IAAAA,CAAC,CAACuC,YANb;;;;;;;;AAcavC,IAAAA,CAAC,CAACwC,iBAdf;AAeuBxC,IAAAA,CAAC,CAACyC,0BAfzB;;;AAkBMC,IAAAA,YAAY,CAACL,IAAb,CAAkBrC,CAAlB,CAlBN;;;AAqBD,GA1LgC;;AA4LjC2C,EAAAA,SA5LiC,qBA4LvB3C,CA5LuB,EA4Lb;AAClB,WAAOpB,GAAP;AACWoB,IAAAA,CAAC,CAACuC,YADb;AAEqBvC,IAAAA,CAAC,CAACyC,0BAFvB;;AAID,GAjMgC;;AAmMjCG,EAAAA,YAnMiC,wBAmMpB5C,CAnMoB,EAmMV;AACrB,WAAOpB,GAAP;;;;;;;AAOaoB,IAAAA,CAAC,CAAC6C,oBAPf;;;AAUD,GA9MgC;;AAgNjCC,EAAAA,KAhNiC,iBAgN3B9C,CAhN2B,EAgNjB;AACd,WAAOpB,GAAP;;;;;;;;AAQ8BoB,IAAAA,CAAC,CAACM,aARhC,EAQiDN,CAAC,CAAC+C,oBARnD;AASc/C,IAAAA,CAAC,CAACgD,mBAThB,EASuChD,CAAC,CAACiD,mBATzC;;;AAYD,GA7NgC;;AA+NjCC,EAAAA,QA/NiC,oBA+NxBlD,CA/NwB,EA+Nd;AACjB,WAAOpB,GAAP;;;AAGsBoB,IAAAA,CAAC,CAACmD,cAHxB,EAG0CnD,CAAC,CAACoD,sBAH5C;;;AAMsBpD,IAAAA,CAAC,CAACqD,aANxB;AAOWrD,IAAAA,CAAC,CAACsD,oBAPb;;AASK9D,IAAAA,aAAa,CAACC,WATnB;AAUkBO,IAAAA,CAAC,CAACmD,cAVpB,EAU4CnD,CAAC,CAACoD,sBAV9C;;;AAaD,GA7OgC;;AA+OjCG,EAAAA,YA/OiC,wBA+OpBvD,CA/OoB,EA+OV;AACrB,WAAOpB,GAAP;AAC4BoB,IAAAA,CAAC,CAACM,aAD9B,EAC+CN,CAAC,CAACO,aADjD;;AAGIjB,IAAAA,iBAAiB,CAACU,CAAC,CAACM,aAAH,EAAkBN,CAAC,CAACK,qBAApB,EAA2CL,CAAC,CAACI,eAA7C,EAA8DJ,CAAC,CAACO,aAAhE,CAHrB;;AAKD,GArPgC;;AAuPjCiD,EAAAA,UAvPiC,sBAuPtBxD,CAvPsB,EAuPZ;AACnB,WAAOpB,GAAP;AAC4BoB,IAAAA,CAAC,CAACM,aAD9B,EAC+CN,CAAC,CAACO,aADjD;;AAGIjB,IAAAA,iBAAiB,CAACU,CAAC,CAACM,aAAH,EAAkBN,CAAC,CAACS,mBAApB,EAAyCT,CAAC,CAACI,eAA3C,EAA4DJ,CAAC,CAACO,aAA9D,CAHrB;;AAKD,GA7PgC;;AA+PjCkD,EAAAA,UA/PiC,sBA+PtBzD,CA/PsB,EA+PZ;AACnB,WAAOpB,GAAP;AAC4BoB,IAAAA,CAAC,CAACM,aAD9B,EAC+CN,CAAC,CAAC+C,oBADjD;;AAGIzD,IAAAA,iBAAiB,CAACU,CAAC,CAACM,aAAH,EAAkBN,CAAC,CAACiD,mBAApB,EAAyCjD,CAAC,CAACI,eAA3C,EAA4DJ,CAAC,CAAC+C,oBAA9D,CAHrB;;AAKD,GArQgC;;AAuQjCW,EAAAA,KAvQiC,mBAuQzB;AACN,WAAO9E,GAAP;;;;;;;;;AASKY,IAAAA,aAAa,CAACC,WATnB;;;;;;;;;;;;;;;;;;;;;AA8B8BR,IAAAA,SAAS,oBA9BvC;;;;AAkCKO,IAAAA,aAAa,CAACE,cAlCnB;;;;;;;;;;;;;;AAgDKF,IAAAA,aAAa,CAACG,iBAhDnB;;;;;;;;;;;;;;AA8DD,GAtUgC;;AAwUjCgE,EAAAA,SAxUiC,uBAwUrB;AACV,WAAO/E,GAAP;;;AAGD,GA5UgC;;AA8UzBoB,EAAAA,CA9UyB,EA8Uf;AAChB,WAAOpB,GAAP;AACIM,IAAAA,cAAc;AACdc,IAAAA,CAAC,CAAC4D,YADY;AAEd5D,IAAAA,CAAC,CAAC6D,iBAFY;AAGd7D,IAAAA,CAAC,CAAC8D,eAHY;AAId9D,IAAAA,CAAC,CAAC+D,mBAJY;AAKd/D,IAAAA,CAAC,CAACgE,qBALY;AAMdhE,IAAAA,CAAC,CAACiE,2BANY;AAOdjE,IAAAA,CAAC,CAACmD,cAPY,CADlB;;;AAWIhE,IAAAA,gBAAgB;AAChBa,IAAAA,CAAC,CAACkE,iBADc;AAEhBlE,IAAAA,CAAC,CAACmE,sBAFc;AAGhBnE,IAAAA,CAAC,CAACoE,oBAHc;AAIhBpE,IAAAA,CAAC,CAACqE,0BAJc;AAKhBrE,IAAAA,CAAC,CAACsE,gCALc;AAMhBtE,IAAAA,CAAC,CAACmD,cANc,CAXpB;;;;AAqBMT,IAAAA,YAAY,WAAZ,CAAqB1C,CAArB,CArBN;;;AAwBD,GAvWgC;;AAyWjCuE,EAAAA,OAzWiC,mBAyWzBvE,CAzWyB,EAyWf;AAChB,WAAOpB,GAAP;AACIM,IAAAA,cAAc;AACdc,IAAAA,CAAC,CAACwE,YADY;AAEdxE,IAAAA,CAAC,CAACyE,iBAFY;AAGdzE,IAAAA,CAAC,CAAC0E,eAHY;AAId1E,IAAAA,CAAC,CAAC2E,mBAJY;AAKd3E,IAAAA,CAAC,CAAC4E,qBALY;AAMd5E,IAAAA,CAAC,CAAC6E,2BANY;AAOd7E,IAAAA,CAAC,CAACmD,cAPY,CADlB;;;AAWIhE,IAAAA,gBAAgB;AAChBa,IAAAA,CAAC,CAAC8E,iBADc;AAEhB9E,IAAAA,CAAC,CAAC+E,sBAFc;AAGhB/E,IAAAA,CAAC,CAACgF,oBAHc;AAIhBhF,IAAAA,CAAC,CAACiF,0BAJc;AAKhBjF,IAAAA,CAAC,CAACkF,gCALc;AAMhBlF,IAAAA,CAAC,CAACmD,cANc,CAXpB;;;;AAqBMT,IAAAA,YAAY,CAAC6B,OAAb,CAAqBvE,CAArB,CArBN;;;AAwBD,GAlYgC;;AAoYjCmF,EAAAA,OApYiC,mBAoYzBnF,CApYyB,EAoYf;AAChB,WAAOpB,GAAP;AACIM,IAAAA,cAAc;AACdc,IAAAA,CAAC,CAACoF,YADY;AAEdpF,IAAAA,CAAC,CAACqF,iBAFY;AAGdrF,IAAAA,CAAC,CAACsF,eAHY;AAIdtF,IAAAA,CAAC,CAACuF,mBAJY;AAKdvF,IAAAA,CAAC,CAACwF,qBALY;AAMdxF,IAAAA,CAAC,CAACyF,2BANY;AAOdzF,IAAAA,CAAC,CAACmD,cAPY,CADlB;;;AAWIhE,IAAAA,gBAAgB;AAChBa,IAAAA,CAAC,CAAC0F,iBADc;AAEhB1F,IAAAA,CAAC,CAAC2F,sBAFc;AAGhB3F,IAAAA,CAAC,CAAC4F,oBAHc;AAIhB5F,IAAAA,CAAC,CAAC6F,0BAJc;AAKhB7F,IAAAA,CAAC,CAAC8F,gCALc;AAMhB9F,IAAAA,CAAC,CAACmD,cANc,CAXpB;;;;AAqBMT,IAAAA,YAAY,CAACyC,OAAb,CAAqBnF,CAArB,CArBN;;;AAwBD,GA7ZgC;;AA+ZjC+F,EAAAA,MA/ZiC,kBA+Z1B/F,CA/Z0B,EA+ZhB;AACf,WAAOpB,GAAP;AACIM,IAAAA,cAAc;AACdc,IAAAA,CAAC,CAACgG,WADY;AAEdhG,IAAAA,CAAC,CAACiG,gBAFY;AAGdjG,IAAAA,CAAC,CAACkG,cAHY;AAIdlG,IAAAA,CAAC,CAACmG,kBAJY;AAKdnG,IAAAA,CAAC,CAACoG,oBALY;AAMdpG,IAAAA,CAAC,CAACqG,0BANY;AAOdrG,IAAAA,CAAC,CAACmD,cAPY,CADlB;;;AAWIhE,IAAAA,gBAAgB;AAChBa,IAAAA,CAAC,CAACsG,gBADc;AAEhBtG,IAAAA,CAAC,CAACuG,qBAFc;AAGhBvG,IAAAA,CAAC,CAACwG,mBAHc;AAIhBxG,IAAAA,CAAC,CAACyG,yBAJc;AAKhBzG,IAAAA,CAAC,CAAC0G,+BALc;AAMhB1G,IAAAA,CAAC,CAACmD,cANc,CAXpB;;;;AAqBMT,IAAAA,YAAY,CAACqD,MAAb,CAAoB/F,CAApB,CArBN;;;AAwBD,GAxbgC;;AA0bjC2G,EAAAA,GA1biC,eA0b7B3G,CA1b6B,EA0bnB;AACZ,WAAOpB,GAAP;AACIM,IAAAA,cAAc;AACdc,IAAAA,CAAC,CAAC4G,QADY;AAEd5G,IAAAA,CAAC,CAAC6G,aAFY;AAGd7G,IAAAA,CAAC,CAAC8G,WAHY;AAId9G,IAAAA,CAAC,CAAC+G,eAJY;AAKd/G,IAAAA,CAAC,CAACgH,iBALY;AAMdhH,IAAAA,CAAC,CAACiH,uBANY;AAOdjH,IAAAA,CAAC,CAACmD,cAPY,CADlB;;;AAWIhE,IAAAA,gBAAgB;AAChBa,IAAAA,CAAC,CAACkH,aADc;AAEhBlH,IAAAA,CAAC,CAACmH,kBAFc;AAGhBnH,IAAAA,CAAC,CAACoH,gBAHc;AAIhBpH,IAAAA,CAAC,CAACqH,sBAJc;AAKhBrH,IAAAA,CAAC,CAACsH,4BALc;AAMhBtH,IAAAA,CAAC,CAACmD,cANc,CAXpB;;;;AAqBMT,IAAAA,YAAY,CAACiE,GAAb,CAAiB3G,CAAjB,CArBN;;;AAwBD,GAndgC;;AAqdjCuH,EAAAA,OArdiC,mBAqdzBvH,CArdyB,EAqdf;AAChB,QAAMwH,aAAa;;AAEGxH,IAAAA,CAAC,CAACmD,cAFL,SAEuBnD,CAAC,CAACyH,4BAFzB;AAGGzH,IAAAA,CAAC,CAAC0H,YAHL;AAIR1H,IAAAA,CAAC,CAAC2H,mBAJM;;AAMdnI,IAAAA,aAAa,CAACK,WANA;AAODG,IAAAA,CAAC,CAAC4H,gBAPD;;;AAUdpI,IAAAA,aAAa,CAACC,WAVA;AAWDO,IAAAA,CAAC,CAACmD,cAXD,aAWuBnD,CAAC,CAACyH,4BAXzB;;AAaXjI,IAAAA,aAAa,CAACE,cAbH;AAcOM,IAAAA,CAAC,CAAC6H,sBAdT,gCAAnB;;;;;AAmBA,WAAOjJ,GAAP;AACI4I,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GAlfgC;;AAofjCM,EAAAA,cApfiC,0BAoflB9H,CApfkB,EAofR;AACvB,WAAOpB,GAAP;;AAE8BoB,IAAAA,CAAC,CAACM,aAFhC,EAEiDN,CAAC,CAAC+C,oBAFnD;AAGc/C,IAAAA,CAAC,CAACgD,mBAHhB,EAGuChD,CAAC,CAACiD,mBAHzC;AAIoBjD,IAAAA,CAAC,CAACiD,mBAJtB;;;AAOD,GA5fgC;;AA8fjC8E,EAAAA,eA9fiC,2BA8fjB/H,CA9fiB,EA8fP;AACxB,WAAOpB,GAAP;AACsBoB,IAAAA,CAAC,CAACmD,cADxB,EAC0CnD,CAAC,CAACgI,6BAD5C;AAEsBhI,IAAAA,CAAC,CAACiI,oBAFxB;AAGWjI,IAAAA,CAAC,CAACkI,uBAHb;;AAKK1I,IAAAA,aAAa,CAACK,WALnB;AAMkBG,IAAAA,CAAC,CAACmI,wBANpB;;;AASK3I,IAAAA,aAAa,CAACC,WATnB;AAUkBO,IAAAA,CAAC,CAACmD,cAVpB,EAU0CnD,CAAC,CAACgI,6BAV5C;;AAYQxI,IAAAA,aAAa,CAACE,cAZtB;;;;;AAiBD,GAhhBgC;;AAkhBjCE,EAAAA,OAlhBiC,qBAkhBvB;AACR,WAAOhB,GAAP;;;;;;;AAOD,GA1hBgC;;AA4hBjCwJ,EAAAA,WA5hBiC,yBA4hBnB;AACZ,WAAOxJ,GAAP;;;;AAID,GAjiBgC;;AAmiBjCyJ,EAAAA,iBAniBiC,+BAmiBb;AAClB,WAAOzJ,GAAP;;;AAGD,GAviBgC;;AAyiBjC0J,EAAAA,eAziBiC,6BAyiBf;AAChB,WAAO1J,GAAP;;;AAGD,GA7iBgC;;AA+iBjC2J,EAAAA,IA/iBiC,gBA+iB5BvI,CA/iB4B,EA+iBlB;AACb,WAAOpB,GAAP;;;;AAIaoB,IAAAA,CAAC,CAACmD,cAJf;;AAMD,GAtjBgC;;AAwjBjCqF,EAAAA,SAxjBiC,qBAwjBvBxI,CAxjBuB,EAwjBb;AAClB,WAAOpB,GAAP;AACYoB,IAAAA,CAAC,CAACyI,cADd;;AAGD,GA5jBgC;;AA8jBjCC,EAAAA,UA9jBiC,sBA8jBtB1I,CA9jBsB,EA8jBZ;AACnB,WAAOpB,GAAP;AACYoB,IAAAA,CAAC,CAAC2I,eADd;;AAGD,GAlkBgC;;AAokBjCC,EAAAA,SApkBiC,qBAokBvB5I,CApkBuB,EAokBb;AAClB,WAAOpB,GAAP;AACYoB,IAAAA,CAAC,CAAC6I,cADd;;AAGD,GAxkBgC;;AA0kBjCC,EAAAA,MA1kBiC,oBA0kBxB;AACP,WAAOlK,GAAP;;;;AAID,GA/kBgC;;AAilBjCmK,EAAAA,SAjlBiC,uBAilBrB;AACV,WAAOnK,GAAP;;;;AAID,GAtlBgC;;AAwlBjCoK,EAAAA,cAxlBiC,4BAwlBhB;AACf,WAAOpK,GAAP;;;AAGD,GA5lBgC;;AA8lBjCqK,EAAAA,iBA9lBiC,+BA8lBb;AAClB,WAAOrK,GAAP;;;AAGD,GAlmBgC;;AAomBjCsK,EAAAA,QApmBiC,oBAomBxBlJ,CApmBwB,EAomBd;AACjB,WAAOpB,GAAP;AACkBoB,IAAAA,CAAC,CAACmJ,sBADpB;;AAGD,GAxmBgC;;AA0mBjCC,EAAAA,QA1mBiC,sBA0mBtB;AACT,WAAOxK,GAAP;;;AAGD,GA9mBgC;;AAgnBjCyK,EAAAA,SAhnBiC,uBAgnBrB;AACV,WAAOzK,GAAP;;;AAGD,GApnBgC;;AAsnBjC0K,EAAAA,aAtnBiC,2BAsnBjB;AACd,WAAO1K,GAAP;;;;AAID,GA3nBgC;;AA6nBjC2K,EAAAA,IA7nBiC,kBA6nB1B;AACL,WAAO3K,GAAP;;;AAGD,GAjoBgC;AAkoBjC4K,EAAAA,SAloBiC,qBAkoBvBxJ,CAloBuB,EAkoBb;AAClB,WAAOpB,GAAP;AACWoB,IAAAA,CAAC,CAACyJ,gBADb;AAEkBzJ,IAAAA,CAAC,CAAC0J,eAFpB;;AAID,GAvoBgC;AAwoBjCC,EAAAA,UAxoBiC,sBAwoBtB3J,CAxoBsB,EAwoBZ;AACnB,WAAOpB,GAAP;AACWoB,IAAAA,CAAC,CAAC4J,iBADb;AAEkB5J,IAAAA,CAAC,CAAC6J,gBAFpB;;AAID,GA7oBgC;AA8oBjCC,EAAAA,SA9oBiC,qBA8oBvB9J,CA9oBuB,EA8oBb;AAClB,WAAOpB,GAAP;AACWoB,IAAAA,CAAC,CAAC+J,gBADb;AAEkB/J,IAAAA,CAAC,CAACgK,eAFpB;;AAID,GAnpBgC;;AAqpBjCC,EAAAA,UArpBiC,wBAqpBpB;AACX,WAAOrL,GAAP;;;;;AAKOY,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUD,GAhqBgC;;AAkqBjCuK,EAAAA,OAlqBiC,qBAkqBvB;AACR,WAAOtL,GAAP;;;;;;;;;;;;AAYD,GA/qBgC;;AAirBjCuL,EAAAA,gBAjrBiC,8BAirBd;AACjB,WAAOvL,GAAP;;;AAGD,GArrBgC,EAAD,CAA3B;;;AAwrBP,OAAO,IAAM8D,YAAY,GAAG7D,YAAY,CAAC;AAC/BmB,EAAAA,CAD+B,EACrB;AAChB,WAAOpB,GAAP;;;AAGMQ,IAAAA,iBAAiB;AACjBY,IAAAA,CAAC,CAACoK,kBADe;AAEjBpK,IAAAA,CAAC,CAACqK,sBAFe;AAGjBrK,IAAAA,CAAC,CAACsK,2BAHe;AAIjBtK,IAAAA,CAAC,CAACuK,8BAJe;AAKjBvK,IAAAA,CAAC,CAACmD,cALe;AAMjBnD,IAAAA,CAAC,CAACwK,qBANe,CAHvB;;;;AAaD,GAfsC;;AAiBvCjG,EAAAA,OAjBuC,mBAiB/BvE,CAjB+B,EAiBrB;AAChB,WAAOpB,GAAP;;;AAGMQ,IAAAA,iBAAiB;AACjBY,IAAAA,CAAC,CAACyK,kBADe;AAEjBzK,IAAAA,CAAC,CAAC0K,sBAFe;AAGjB1K,IAAAA,CAAC,CAAC2K,2BAHe;AAIjB3K,IAAAA,CAAC,CAAC4K,8BAJe;AAKjB5K,IAAAA,CAAC,CAACmD,cALe;AAMjBnD,IAAAA,CAAC,CAACwK,qBANe,CAHvB;;;;AAaD,GA/BsC;;AAiCvCrF,EAAAA,OAjCuC,mBAiC/BnF,CAjC+B,EAiCrB;AAChB,WAAOpB,GAAP;;;AAGMQ,IAAAA,iBAAiB;AACjBY,IAAAA,CAAC,CAAC6K,kBADe;AAEjB7K,IAAAA,CAAC,CAAC8K,sBAFe;AAGjB9K,IAAAA,CAAC,CAAC+K,2BAHe;AAIjB/K,IAAAA,CAAC,CAACgL,8BAJe;AAKjBhL,IAAAA,CAAC,CAACmD,cALe;AAMjBnD,IAAAA,CAAC,CAACwK,qBANe,CAHvB;;;;AAaD,GA/CsC;;AAiDvCzE,EAAAA,MAjDuC,kBAiDhC/F,CAjDgC,EAiDtB;AACf,WAAOpB,GAAP;;;AAGMQ,IAAAA,iBAAiB;AACjBY,IAAAA,CAAC,CAACiL,iBADe;AAEjBjL,IAAAA,CAAC,CAACkL,qBAFe;AAGjBlL,IAAAA,CAAC,CAACmL,0BAHe;AAIjBnL,IAAAA,CAAC,CAACoL,6BAJe;AAKjBpL,IAAAA,CAAC,CAACmD,cALe;AAMjBnD,IAAAA,CAAC,CAACwK,qBANe,CAHvB;;;;AAaD,GA/DsC;;AAiEvC7D,EAAAA,GAjEuC,eAiEnC3G,CAjEmC,EAiEzB;AACZ,WAAOpB,GAAP;;;AAGMQ,IAAAA,iBAAiB;AACjBY,IAAAA,CAAC,CAACqL,cADe;AAEjBrL,IAAAA,CAAC,CAACsL,kBAFe;AAGjBtL,IAAAA,CAAC,CAACuL,uBAHe;AAIjBvL,IAAAA,CAAC,CAACwL,0BAJe;AAKjBxL,IAAAA,CAAC,CAACmD,cALe;AAMjBnD,IAAAA,CAAC,CAACwK,qBANe,CAHvB;;;;AAaD,GA/EsC;;AAiFvCnI,EAAAA,IAjFuC,gBAiFlCrC,CAjFkC,EAiFxB;AACb,WAAOpB,GAAP;;;AAGaoB,IAAAA,CAAC,CAACyL,kBAHf;;;AAMD,GAxFsC,EAAD,CAAjC","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 caption: 'caption',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\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 &:active:enabled .${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 `;\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 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 line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\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};\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 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 ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.pay(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 checkedFocused(t: Theme) {\n return css`\n &:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\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 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 &,\n &:hover:enabled,\n &:active:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n});\n"]}

package/components/Button/Button.styles.d.ts CHANGED Viewed

@@ -1,42 +1,72 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    fallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    validationRoot(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowFocus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    caption: string;
+    innerShadow: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    link(t: Theme): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    arrowWarning(t: Theme): string;
+    arrowError(t: Theme): string;
+    arrowFocus(t: Theme): string;
     arrow(): string;
     arrowLeft(): string;
-    default(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    danger(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    pay(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    checked(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
     caption(): string;
-    wrap(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    captionLink(): string;
+    captionTranslated(): string;
+    captionDisabled(): string;
+    wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
-    iconNoRightPadding(): string;
-    iconLink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapLink(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    iconNoRightMargin(): string;
+    iconLink(t: Theme): string;
+    wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
     icon(): string;
-    iconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    borderless(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    borderless(): string;
     loading(): string;
     visibilityHidden(): string;
 };
+export declare const activeStyles: {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+};

package/components/Button/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Button';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Button';\n"]}

package/components/Center/Center/Center.js CHANGED Viewed

@@ -1,16 +1,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["align"];
+var _class, _class2, _temp;
 import React from 'react';
-import cn from 'classnames';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Center.styles";
-/**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
- */
-export var Center = /*#__PURE__*/function (_React$Component) {
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { styles } from "../Center.styles";
+export var CenterDataTids = {
+  root: 'Center__root'
+};
+export
+/**
+* Контейнер, который центрирует элементы внутри себя.
+*/
+var Center = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Center, _React$Component);
   function Center() {
@@ -21,19 +29,22 @@ export var Center = /*#__PURE__*/function (_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Center.defaultProps);
     _this.renderMain = function (props) {
-      var _cn;
+      var _cx;
       var align = props.align,
-          rest = _objectWithoutPropertiesLoose(props, ["align"]);
+          rest = _objectWithoutPropertiesLoose(props, _excluded);
-      return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-        className: cn((_cn = {}, _cn[jsStyles.root()] = true, _cn[jsStyles.rootAlignLeft()] = align === 'left', _cn[jsStyles.rootAlignRight()] = align === 'right', _cn))
+      return /*#__PURE__*/React.createElement("div", _extends({
+        "data-tid": CenterDataTids.root
+      }, rest, {
+        className: cx((_cx = {}, _cx[styles.root()] = true, _cx[styles.rootAlignLeft()] = align === 'left', _cx[styles.rootAlignRight()] = align === 'right', _cx))
       }), /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.spring()
+        className: styles.spring()
       }), /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.container()
+        className: styles.container()
       }, _this.props.children));
     };
@@ -43,12 +54,12 @@ export var Center = /*#__PURE__*/function (_React$Component) {
   var _proto = Center.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.getProps()), this.renderMain);
   };
   return Center;
-}(React.Component);
-Center.__KONTUR_REACT_UI__ = 'Center';
-Center.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = {
   align: 'center'
-};
+}, _temp)) || _class;

package/components/Center/Center/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.tsx"],"names":["React","cn","~~CommonWrapper~~","~~jsStyles~~","Center","renderMain","props","align","rest","~~root","~~rootAlignLeft","rootAlignRight","spring","container","children","render","~~Component~~","~~__KONTUR_REACT_UI__~~","~~defaultProps~~"],"mappings":"~~oOAAA~~,OAAOA,KAAP,MAAkB,OAAlB~~;AACA,OAAOC,EAAP,MAAe,YAAf~~;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE~~;;AAEA~~,SAASC,~~QAAT~~,~~QAAyB~~,~~iBAAzB;;;;;;;;;;;;;;;;;;;;;;AAsBA~~;AACA;AACA;AACA;AACA,~~WAAaC~~,MAAb~~;;;;;;;;;;AAUUC~~,IAAAA,~~UAVV~~,~~GAUuB~~,UAACC,KAAD,~~EAAgD~~;~~AAC3DC~~,~~MAAAA~~,~~KAD2D~~,~~GACxCD~~,~~KADwC~~,~~CAC3DC~~,~~KAD2D~~,~~CACjDC~~,~~IADiD~~,~~iCACxCF~~,~~KADwC~~;;~~AAGnE~~;AACE;~~AACME~~,QAAAA,~~IADN~~;~~AAEE~~,UAAA,SAAS,~~EAAEP~~,EAAE;~~AACVE~~,UAAAA,~~QAAQ~~,~~CAACM~~,~~IAAT~~,EADU,~~IACQ~~,~~IADR~~;~~AAEVN~~,UAAAA,~~QAAQ~~,~~CAACO~~,~~aAAT~~,EAFU,~~IAEiBH~~,KAAK,KAAK,~~MAF3B~~;~~AAGVJ~~,UAAAA,~~QAAQ~~,~~CAACQ~~,~~cAAT~~,EAHU,~~IAGkBJ~~,KAAK,KAAK,~~OAH5B~~,~~OAFf~~;;;~~AAQE~~,sCAAM,SAAS,~~EAAEJ~~,~~QAAQ~~,~~CAACS~~,~~MAAT~~,EAAjB,~~GARF~~;~~AASE~~,sCAAM,SAAS,~~EAAET~~,~~QAAQ~~,~~CAACU~~,~~SAAT~~,EAAjB,~~IAAwC~~,~~MAAKP~~,KAAL,~~CAAWQ~~,~~QAAnD~~,~~CATF~~,CADF;;;~~AAaD~~,~~KA1BH~~,~~oDAOSC~~,~~MAPT~~,~~GAOE~~,kBAAgB,CACd,~~oBAAO~~,oBAAC,aAAD,~~EAAmB~~,~~KAAKT~~,~~KAAxB~~,~~EAAgC~~,~~KAAKD~~,~~UAArC~~,~~CAAP~~,~~CACD~~,~~CATH~~,~~iBAA4BL~~,~~KAAK~~,~~CAACgB~~,~~SAAlC~~,~~EAAaZ~~,M,~~CACGa~~,mB,~~GAAsB~~,Q,~~CADzBb~~,M,~~CAGGc~~,Y,~~GAAe~~,~~EAC3BX~~,KAAK,EAAE,~~QADoB~~,E","sourcesContent":["import React from 'react';\~~r\nimport cn from 'classnames';\r\~~n\r\nimport { Override } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ~~jsStyles~~ } from './Center.styles';\r\n\r\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\r\n\r\nexport interface CenterProps\r\n extends CommonProps,\r\n Override<\r\n React.HTMLAttributes<HTMLDivElement>,\r\n {\r\n /*\r\n ~~Горизонтальное~~ ~~выравнивание~~ ~~контента.\r\~~n /\r\n ~~align?: HorizontalAlign;\r\n\r\n /\r\n~~ Используй с ~~осторожностью!\r~~\n * ~~Дополнительные~~ ~~стили\r~~\n /\r\n ~~style~~?: ~~React.CSSProperties~~;\r\n }\r\n > {}\r\n\r\n~~/\r\~~n ~~Контейнер~~ ~~для~~ ~~вертикального~~ ~~центрирования.~~ В ~~компонент~~ ~~можно~~ ~~передавать\r~~\n * ~~свойства~~ ~~как~~ в ~~любой~~ ~~div~~ ~~(кроме `className`)\r\~~n */\r\nexport class Center extends React.Component<CenterProps> {\r\n public static __KONTUR_REACT_UI__ = 'Center';\r\n\r\n public static defaultProps = {\r\n align: 'center',\r\n };\r\n\r\n public render() {\r\n return <CommonWrapper {...this.~~props~~}>{this.renderMain}</CommonWrapper~~>;\r\~~n }\r\n private renderMain = (props: CommonWrapperRestProps<~~CenterProps~~>) => {\r\n const { align, ...rest } = props;\r\n\r\n return (\r\n <div\r\n {...rest}\r\n className={cn({\r\n [~~jsStyles~~.root()]: true,\r\n [~~jsStyles~~.rootAlignLeft()]: align === 'left',\r\n [~~jsStyles~~.rootAlignRight()]: align === 'right',\r\n })}\r\n >\r\n <span className={~~jsStyles~~.spring()} />\r\n <span className={~~jsStyles~~.container()}>{this.props.children}</span>\r\n </div>\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Center.tsx"],"names":["React","CommonWrapper","cx","rootNode","createPropsGetter","styles","CenterDataTids","root","Center","getProps","defaultProps","renderMain","props","align","rest","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","Component","__KONTUR_REACT_UI__"],"mappings":"yRAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAoD,6BAApD;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;;;;;;;;;;;;AAkBA,OAAO,IAAMC,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB;;;;;;;;;;AAWP,OAJA;AACA;AACA,GAEA,IAAaC,MAAb,GADCL,QACD;;;;AAMUM,IAAAA,QANV,GAMqBL,iBAAiB,CAACI,MAAM,CAACE,YAAR,CANtC;;;;;;;;;;;AAiBUC,IAAAA,UAjBV,GAiBuB,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,iCAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUN,cAAc,CAACC,IAD3B;AAEMO,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAEZ,EAAE;AACVG,UAAAA,MAAM,CAACE,IAAP,EADU,IACM,IADN;AAEVF,UAAAA,MAAM,CAACU,aAAP,EAFU,IAEeF,KAAK,KAAK,MAFzB;AAGVR,UAAAA,MAAM,CAACW,cAAP,EAHU,IAGgBH,KAAK,KAAK,OAH1B,OAHf;;;AASE,sCAAM,SAAS,EAAER,MAAM,CAACY,MAAP,EAAjB,GATF;AAUE,sCAAM,SAAS,EAAEZ,MAAM,CAACa,SAAP,EAAjB,IAAsC,MAAKN,KAAL,CAAWO,QAAjD,CAVF,CADF;;;AAcD,KAlCH,oDAUSC,MAVT,GAUE,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKZ,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,CAhBH,iBAA4BX,KAAK,CAACsB,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgBb,YAHhB,GAG6C,EACzCG,KAAK,EAAE,QADkC,EAH7C","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /*\n Определяет, как контент будет выровнен по горизонтали.\n \n Допустимые значения: `\"left\"`, `\"center\"`, `\"right\"`.\n /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/\n Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"]}

package/components/Center/Center.d.ts CHANGED Viewed

@@ -4,25 +4,26 @@ import { CommonProps } from '../../internal/CommonWrapper';
 export declare type HorizontalAlign = 'left' | 'center' | 'right';
 export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<HTMLDivElement>, {
     /**
-     * Горизонтальное выравнивание контента.
+     * Определяет, как контент будет выровнен по горизонтали.
+     *
+     * **Допустимые значения**: `"left"`, `"center"`, `"right"`.
      */
     align?: HorizontalAlign;
-    /**
-     * **Используй с осторожностью!**
-     * Дополнительные стили
-     */
-    style?: React.CSSProperties;
 }> {
 }
+export declare const CenterDataTids: {
+    readonly root: "Center__root";
+};
+declare type DefaultProps = Required<Pick<CenterProps, 'align'>>;
 /**
- * Контейнер для вертикального центрирования. В компонент можно передавать
- * свойства как в любой *div* (кроме `className`)
+ * Контейнер, который центрирует элементы внутри себя.
  */
 export declare class Center extends React.Component<CenterProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private setRootNode;
     render(): JSX.Element;
     private renderMain;
 }
+export {};

package/components/Center/Center.md CHANGED Viewed

@@ -1,5 +1,26 @@
-```jsx harmony
-<Center style={{ background: '#fdd', height: 150 }}>
-  <div style={{ background: 'black', width: 30, height: 30 }} />
-</Center>
-```
+Пример использования.
+```jsx harmony
+import { Switcher, Gapped } from '@skbkontur/react-ui';
+const [alignAt, setAlignAt] = React.useState("center");
+<Gapped vertical gap="12px">
+  <Switcher
+    items={[
+      {label: "Слева", value: "left"},
+      {label: "По центру", value: "center"},
+      {label: "Справа", value: "right"}
+    ]}
+    value={alignAt}
+    onValueChange={setAlignAt}
+  />
+  <Center
+    align={alignAt}
+    style={{ background: '#fdd', height: 150 }}
+  >
+    <div style={{ background: 'black', width: 30, height: 30 }} />
+  </Center>
+</Gapped>
+```

package/components/Center/Center.styles/Center.styles.js CHANGED Viewed

@@ -1,71 +1,22 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "]);
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-  return data;
-}
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "]);
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-  return data;
-}
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "]);
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-  return data;
-}
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
   },
   rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2());
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
   },
   rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
   },
   spring: function spring() {
-    return css(_templateObject4());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
   },
   container: function container() {
-    return css(_templateObject5());
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/components/Center/Center.styles/Center.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Center.styles.ts"],"names":["css","memoizeStyle","styles","root","rootAlignLeft","rootAlignRight","spring","container"~~,"jsStyles"~~],"mappings":"~~+mCAAA~~,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,~~GAAG~~;~~AACbC~~,EAAAA,~~IADa~~,~~kBACN~~;AACL,WAAOH,GAAP;;;;AAID,~~GANY~~;;~~AAQbI~~,EAAAA,~~aARa~~,~~2BAQG~~;AACd,WAAOJ,GAAP;;;AAGD,~~GAZY~~;;~~AAcbK~~,EAAAA,~~cAda~~,~~4BAcI~~;AACf,WAAOL,GAAP;;;AAGD,~~GAlBY~~;;~~AAoBbM~~,EAAAA,~~MApBa~~,~~oBAoBJ~~;AACP,WAAON,GAAP;;;;;AAKD,~~GA1BY~~;;~~AA4BbO~~,EAAAA,~~SA5Ba~~,~~uBA4BD~~;AACV,WAAOP,GAAP;;;;;AAKD,~~GAlCY~~,~~EAAf;;;AAqCA~~,~~OAAO,IAAMQ,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B~~","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\~~r\nconst~~ styles = {\r\n root() {\r\n return css`\r\n height: 100%;\r\n text-align: center;\r\n `;\r\n },\r\n\r\n rootAlignLeft() {\r\n return css`\r\n text-align: left;\r\n `;\r\n },\r\n\r\n rootAlignRight() {\r\n return css`\r\n text-align: right;\r\n `;\r\n },\r\n\r\n spring() {\r\n return css`\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n `;\r\n },\r\n\r\n container() {\r\n return css`\r\n display: inline-block;\r\n text-align: left;\r\n vertical-align: middle;\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["Center.styles.ts"],"names":["css","memoizeStyle","styles","root","rootAlignLeft","rootAlignRight","spring","container"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;AAID,GANgC;;AAQjCI,EAAAA,aARiC,2BAQjB;AACd,WAAOJ,GAAP;;;AAGD,GAZgC;;AAcjCK,EAAAA,cAdiC,4BAchB;AACf,WAAOL,GAAP;;;AAGD,GAlBgC;;AAoBjCM,EAAAA,MApBiC,oBAoBxB;AACP,WAAON,GAAP;;;;;AAKD,GA1BgC;;AA4BjCO,EAAAA,SA5BiC,uBA4BrB;AACV,WAAOP,GAAP;;;;;AAKD,GAlCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n height: 100%;\n text-align: center;\n `;\n },\n\n rootAlignLeft() {\n return css`\n text-align: left;\n `;\n },\n\n rootAlignRight() {\n return css`\n text-align: right;\n `;\n },\n\n spring() {\n return css`\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n `;\n },\n\n container() {\n return css`\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n `;\n },\n});\n"]}

package/components/Center/Center.styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;

package/components/Center/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Center';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Center';\n"]}