@skbkontur/react-ui 4.18.0 → 4.19.0
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.
- package/CHANGELOG.md +21 -0
- package/cjs/components/Button/Button.styles.d.ts +1 -1
- package/cjs/components/Button/Button.styles.js +10 -3
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/ButtonIcon.js +1 -4
- package/cjs/components/Button/ButtonIcon.js.map +1 -1
- package/cjs/components/GlobalLoader/GlobalLoader.d.ts +1 -2
- package/cjs/components/GlobalLoader/GlobalLoader.js +7 -11
- package/cjs/components/GlobalLoader/GlobalLoader.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayout.styles.js +7 -2
- package/cjs/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayoutAside.js +1 -7
- package/cjs/components/Input/InputLayout/InputLayoutAside.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +1 -0
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollBar.d.ts +4 -7
- package/cjs/components/ScrollContainer/ScrollBar.js +7 -39
- package/cjs/components/ScrollContainer/ScrollBar.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.constants.js +1 -2
- package/cjs/components/ScrollContainer/ScrollContainer.constants.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.d.ts +19 -3
- package/cjs/components/ScrollContainer/ScrollContainer.js +92 -19
- package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
- package/cjs/components/ScrollContainer/ScrollContainer.md +29 -2
- package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts +0 -4
- package/cjs/components/ScrollContainer/ScrollContainer.styles.js +8 -30
- package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map +1 -1
- package/cjs/components/TokenInput/TokenInput.d.ts +2 -0
- package/cjs/components/TokenInput/TokenInput.js +37 -5
- package/cjs/components/TokenInput/TokenInput.js.map +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/internal/icons2022/BaseIcon.js +3 -7
- package/cjs/internal/icons2022/BaseIcon.js.map +1 -1
- package/cjs/internal/icons2022/BaseIcon.styles.d.ts +3 -0
- package/cjs/internal/icons2022/BaseIcon.styles.js +14 -0
- package/cjs/internal/icons2022/BaseIcon.styles.js.map +1 -0
- package/cjs/internal/themes/Theme2022Dark.d.ts +1 -1
- package/cjs/internal/themes/Theme2022Dark.js +4 -2
- package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
- package/cjs/lib/chars.d.ts +1 -1
- package/cjs/lib/chars.js +2 -2
- package/cjs/lib/chars.js.map +1 -1
- package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +50 -0
- package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +4 -0
- package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.js +5 -0
- package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.js.map +1 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +6 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js +12 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -0
- package/cjs/lib/featureFlagsContext/index.d.ts +2 -0
- package/cjs/lib/featureFlagsContext/index.js +3 -0
- package/cjs/lib/featureFlagsContext/index.js.map +1 -0
- package/components/Button/Button.styles/Button.styles.js +5 -2
- package/components/Button/Button.styles/Button.styles.js.map +1 -1
- package/components/Button/Button.styles.d.ts +1 -1
- package/components/Button/ButtonIcon/ButtonIcon.js +2 -4
- package/components/Button/ButtonIcon/ButtonIcon.js.map +1 -1
- package/components/GlobalLoader/GlobalLoader/GlobalLoader.js +20 -25
- package/components/GlobalLoader/GlobalLoader/GlobalLoader.js.map +1 -1
- package/components/GlobalLoader/GlobalLoader.d.ts +1 -2
- package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js +2 -1
- package/components/Input/InputLayout/InputLayout.styles/InputLayout.styles.js.map +1 -1
- package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js +1 -2
- package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js.map +1 -1
- package/components/PasswordInput/PasswordInput/PasswordInput.js +1 -0
- package/components/PasswordInput/PasswordInput/PasswordInput.js.map +1 -1
- package/components/ScrollContainer/ScrollBar/ScrollBar.js +9 -44
- package/components/ScrollContainer/ScrollBar/ScrollBar.js.map +1 -1
- package/components/ScrollContainer/ScrollBar.d.ts +4 -7
- package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +96 -21
- package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js +1 -2
- package/components/ScrollContainer/ScrollContainer.constants/ScrollContainer.constants.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.d.ts +19 -3
- package/components/ScrollContainer/ScrollContainer.md +29 -2
- package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js +6 -18
- package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map +1 -1
- package/components/ScrollContainer/ScrollContainer.styles.d.ts +0 -4
- package/components/TokenInput/TokenInput/TokenInput.js +40 -5
- package/components/TokenInput/TokenInput/TokenInput.js.map +1 -1
- package/components/TokenInput/TokenInput.d.ts +2 -0
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/internal/icons2022/BaseIcon/BaseIcon.js +3 -6
- package/internal/icons2022/BaseIcon/BaseIcon.js.map +1 -1
- package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js +11 -0
- package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map +1 -0
- package/internal/icons2022/BaseIcon.styles/package.json +6 -0
- package/internal/icons2022/BaseIcon.styles.d.ts +3 -0
- package/internal/themes/Theme2022Dark/Theme2022Dark.js +5 -1
- package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
- package/internal/themes/Theme2022Dark.d.ts +1 -1
- package/lib/chars/chars.js +1 -1
- package/lib/chars/chars.js.map +1 -1
- package/lib/chars.d.ts +1 -1
- package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +50 -0
- package/lib/featureFlagsContext/FeatureFlagsHelpers/FeatureFlagsHelpers.js +5 -0
- package/lib/featureFlagsContext/FeatureFlagsHelpers/FeatureFlagsHelpers.js.map +1 -0
- package/lib/featureFlagsContext/FeatureFlagsHelpers/package.json +6 -0
- package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +4 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js +6 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/package.json +6 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +6 -0
- package/lib/featureFlagsContext/index/index.js +2 -0
- package/lib/featureFlagsContext/index/index.js.map +1 -0
- package/lib/featureFlagsContext/index/package.json +6 -0
- package/lib/featureFlagsContext/index.d.ts +2 -0
- package/lib/featureFlagsContext/package.json +6 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,27 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [4.19.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.18.0...@skbkontur/react-ui@4.19.0) (2023-12-15)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **DropdownMenu:** fix bgSecondary in THEME_2022_DARK ([#3330](https://github.com/skbkontur/retail-ui/issues/3330)) ([44e7258](https://github.com/skbkontur/retail-ui/commit/44e7258715696b38db58507729e8f1c11a596d10))
|
|
12
|
+
* **GlobalLoader:** repair of call chain done()➔start()➔done() ([#3328](https://github.com/skbkontur/retail-ui/issues/3328)) ([9178da5](https://github.com/skbkontur/retail-ui/commit/9178da5cb7fd2973824ce26169d5afc090531b63))
|
|
13
|
+
* **icons:** move tech-symbol `ZERO_WIDTH_SPACE` to `::before` ([#3316](https://github.com/skbkontur/retail-ui/issues/3316)) ([a93e636](https://github.com/skbkontur/retail-ui/commit/a93e63651c997a4b9179d6cc44182e0596ad7bd8))
|
|
14
|
+
* **PasswordInput:** eye icon triggers form submit ([#3327](https://github.com/skbkontur/retail-ui/issues/3327)) ([9014743](https://github.com/skbkontur/retail-ui/commit/9014743ff97a3e95120e3cf4b3e9f21938b3ff51))
|
|
15
|
+
* **ScrollContainer:** stretch small content to size of container ([#3326](https://github.com/skbkontur/retail-ui/issues/3326)) ([a7f20b4](https://github.com/skbkontur/retail-ui/commit/a7f20b4ef019e2f84d1b33fa552b82aab54a4450))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
* **react-ui,validations:** add FeatureFlags contexts ([#3312](https://github.com/skbkontur/retail-ui/issues/3312)) ([508c803](https://github.com/skbkontur/retail-ui/commit/508c803018360a396bb693c9272e1dc2490e9a7b))
|
|
21
|
+
* **ScrollContainer:** new prop `showScrollBar` instead of `hideScrollBar` ([#3322](https://github.com/skbkontur/retail-ui/issues/3322)) ([dc31863](https://github.com/skbkontur/retail-ui/commit/dc31863377a4505911c750922075a82c830d162b))
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
6
27
|
# [4.18.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.17.4...@skbkontur/react-ui@4.18.0) (2023-12-04)
|
|
7
28
|
|
|
8
29
|
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = exports.activeStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var
|
|
1
|
+
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = exports.activeStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
|
|
2
|
+
var _chars = require("../../lib/chars");
|
|
3
|
+
var _Emotion = require("../../lib/theming/Emotion");
|
|
2
4
|
|
|
3
5
|
var _Mixins = require("../../lib/styles/Mixins");
|
|
4
6
|
var _client = require("../../lib/client");
|
|
@@ -920,8 +922,13 @@ var styles = (0, _Emotion.memoizeStyle)({
|
|
|
920
922
|
|
|
921
923
|
},
|
|
922
924
|
|
|
923
|
-
icon: function icon() {
|
|
924
|
-
|
|
925
|
+
icon: function icon(t) {
|
|
926
|
+
var space = (0, _ThemeHelpers.isTheme2022)(t) ? "'" + _chars.ZERO_WIDTH_SPACE_CSS + "'" : null;
|
|
927
|
+
return (0, _Emotion.css)(_templateObject73 || (_templateObject73 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: inline-block;\n\n &::before {\n content: ", ";\n }\n "])),
|
|
928
|
+
|
|
929
|
+
|
|
930
|
+
|
|
931
|
+
space);
|
|
925
932
|
|
|
926
933
|
|
|
927
934
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","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","disabledWithoutOutline","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":"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","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 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 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\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 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 css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\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 !important;\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","icon","styles","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","disabledWithoutOutline","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","space","ZERO_WIDTH_SPACE_CSS","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":"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","sourcesContent":["import { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { 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 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 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\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 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 css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\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 !important;\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(t: Theme) {\n const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n return css`\n display: inline-block;\n\n &::before {\n content: ${space};\n }\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"]}
|
|
@@ -5,7 +5,6 @@ var _utils = require("../../lib/utils");
|
|
|
5
5
|
var _Emotion = require("../../lib/theming/Emotion");
|
|
6
6
|
var _ThemeContext = require("../../lib/theming/ThemeContext");
|
|
7
7
|
var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
|
|
8
|
-
var _chars = require("../../lib/chars");
|
|
9
8
|
var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
|
|
10
9
|
|
|
11
10
|
|
|
@@ -46,7 +45,6 @@ var ButtonIcon = function ButtonIcon(_ref)
|
|
|
46
45
|
|
|
47
46
|
};
|
|
48
47
|
|
|
49
|
-
var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
|
|
50
48
|
var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
|
|
51
49
|
{
|
|
52
50
|
display: 'inline-flex',
|
|
@@ -63,12 +61,11 @@ var ButtonIcon = function ButtonIcon(_ref)
|
|
|
63
61
|
return /*#__PURE__*/(
|
|
64
62
|
_react.default.createElement("span", {
|
|
65
63
|
style: style,
|
|
66
|
-
className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
|
|
64
|
+
className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[
|
|
67
65
|
_Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
|
|
68
66
|
_Button.styles.iconLink(theme)] = isLink, _cx)) },
|
|
69
67
|
|
|
70
68
|
|
|
71
|
-
space,
|
|
72
69
|
loading ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : _icon));
|
|
73
70
|
|
|
74
71
|
|
|
@@ -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","
|
|
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","style","display","alignItems","_icon","sizes","React","cloneElement","props","globalClasses","iconNoRightMargin","iconLink"],"mappings":"gGAAA;;;AAGA;AACA;AACA;AACA;AACA;;;;AAIA,yC;;;;;;AAMO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA4C;AAC5E,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,KAA0B,GAAG,+BAAYrB,KAAZ;AAC/B;AACEsB,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,MAAIC,KAAK,GAAGf,IAAZ;AACA,MAAMgB,KAAK,GAAG1B,kBAAkB,CAACC,KAAD,CAAhC;AACA,MAAIS,IAAI,IAAI,+BAAYT,KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD;AACpDe,IAAAA,KAAK,gBAAGE,eAAMC,YAAN,CAAmBlB,IAAnB,EAAyB,EAAEI,IAAI,sBAAEJ,IAAI,CAACmB,KAAL,CAAWf,IAAb,+BAAqBY,KAAK,CAACZ,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED;AACE;AACE,MAAA,KAAK,EAAEQ,KADT;AAEE,MAAA,SAAS,EAAE,iBAAGQ,sBAAcpB,IAAjB,EAAuBQ,eAAOR,IAAP,CAAYT,KAAZ,CAAvB,EAA2CgB,oBAAoB,EAA/D;AACRC,qBAAOa,iBAAP,EADQ,IACqB,CAACpB,WADtB;AAERO,qBAAOc,QAAP,CAAgB/B,KAAhB,CAFQ,IAEiBe,MAFjB,OAFb;;;AAOGH,IAAAA,OAAO,gBAAG,6BAAC,wBAAD,IAAa,IAAI,EAAEC,IAAnB,GAAH,GAAiCW,KAP3C,CADF;;;AAWD,CA9CM,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 { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ButtonProps } 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<SizeProp, 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 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(theme), getSizeIconClassName(), {\n [styles.iconNoRightMargin()]: !hasChildren,\n [styles.iconLink(theme)]: isLink,\n })}\n >\n {loading ? <LoadingIcon size={size} /> : _icon}\n </span>\n );\n};\n"]}
|
|
@@ -58,16 +58,15 @@ export declare const GlobalLoaderDataTids: {
|
|
|
58
58
|
};
|
|
59
59
|
declare type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
|
|
60
60
|
export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
|
|
61
|
-
private successAnimationInProgressTimeout;
|
|
62
61
|
private setRootNode;
|
|
63
62
|
private getProps;
|
|
64
63
|
private readonly startTask;
|
|
65
64
|
private readonly stopTask;
|
|
65
|
+
private readonly resumeTaskAfterSuccessAnimation;
|
|
66
66
|
static defaultProps: DefaultProps;
|
|
67
67
|
constructor(props: GlobalLoaderProps);
|
|
68
68
|
componentDidMount(): void;
|
|
69
69
|
componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
|
|
70
|
-
componentWillUnmount(): void;
|
|
71
70
|
render(): false | JSX.Element;
|
|
72
71
|
/**
|
|
73
72
|
* Запускает анимацию лоадера <br />
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.GlobalLoaderDataTids = exports.GlobalLoader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
|
|
2
2
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
3
|
-
var _globalObject = require("@skbkontur/global-object");
|
|
4
3
|
|
|
5
4
|
var _currentEnvironment = require("../../lib/currentEnvironment");
|
|
6
5
|
var _CommonWrapper = require("../../internal/CommonWrapper");
|
|
@@ -101,13 +100,11 @@ GlobalLoader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
|
|
|
101
100
|
|
|
102
101
|
|
|
103
102
|
|
|
104
|
-
function GlobalLoader(props) {var _currentGlobalLoader;var _this;
|
|
105
|
-
_this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(GlobalLoader.defaultProps);_this.startTask = (0, _lodash.default)(function () {_this.setState({ visible: true });_this.props.onStart == null ? void 0 : _this.props.onStart();}, _this.getProps().delayBeforeShow);_this.stopTask = (0, _lodash.default)(function () {_this.setState({ visible: false, successAnimationInProgress: false, started: false });_this.props.onDone == null ? void 0 : _this.props.onDone();}, _this.getProps().delayBeforeHide);_this.
|
|
106
|
-
|
|
107
|
-
|
|
108
103
|
|
|
109
104
|
|
|
110
105
|
|
|
106
|
+
function GlobalLoader(props) {var _currentGlobalLoader;var _this;
|
|
107
|
+
_this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(GlobalLoader.defaultProps);_this.startTask = (0, _lodash.default)(function () {_this.setState({ visible: true });_this.props.onStart == null ? void 0 : _this.props.onStart();}, _this.getProps().delayBeforeShow);_this.stopTask = (0, _lodash.default)(function () {_this.setState({ visible: false, successAnimationInProgress: false, started: false });_this.props.onDone == null ? void 0 : _this.props.onDone();}, _this.getProps().delayBeforeHide);_this.resumeTaskAfterSuccessAnimation = (0, _lodash.default)(function () {_this.setActive();}, _this.getProps().delayBeforeHide);_this.
|
|
111
108
|
|
|
112
109
|
|
|
113
110
|
|
|
@@ -219,15 +216,12 @@ GlobalLoader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
|
|
|
219
216
|
|
|
220
217
|
|
|
221
218
|
setActive = function () {
|
|
222
|
-
var _this$getProps = _this.getProps(),delayBeforeHide = _this$getProps.delayBeforeHide,rejected = _this$getProps.rejected;
|
|
223
219
|
_this.startTask.cancel();
|
|
224
220
|
if (_this.state.successAnimationInProgress) {
|
|
225
|
-
_this.
|
|
226
|
-
_this.setActive();
|
|
227
|
-
}, delayBeforeHide);
|
|
221
|
+
_this.resumeTaskAfterSuccessAnimation();
|
|
228
222
|
} else {
|
|
229
223
|
_this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });
|
|
230
|
-
if (rejected) {
|
|
224
|
+
if (_this.getProps().rejected) {
|
|
231
225
|
_this.setReject(true);
|
|
232
226
|
} else {
|
|
233
227
|
_this.stopTask.cancel();
|
|
@@ -242,6 +236,7 @@ GlobalLoader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
|
|
|
242
236
|
}
|
|
243
237
|
_this.setState({ done: true, successAnimationInProgress: true });
|
|
244
238
|
_this.startTask.cancel();
|
|
239
|
+
_this.resumeTaskAfterSuccessAnimation.cancel();
|
|
245
240
|
_this.stopTask();
|
|
246
241
|
};_this.
|
|
247
242
|
|
|
@@ -267,10 +262,11 @@ GlobalLoader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
|
|
|
267
262
|
kill = function () {
|
|
268
263
|
_this.stopTask.cancel();
|
|
269
264
|
_this.startTask.cancel();
|
|
265
|
+
_this.resumeTaskAfterSuccessAnimation.cancel();
|
|
270
266
|
_this.setState({
|
|
271
267
|
dead: true });
|
|
272
268
|
|
|
273
|
-
};_this.state = { started: false, visible: false, done: false, rejected: false, accept: false, dead: false, successAnimationInProgress: false, expectedResponseTime: _this.getProps().expectedResponseTime };
|
|
269
|
+
};_this.state = { started: false, visible: false, done: false, rejected: false, accept: false, dead: false, successAnimationInProgress: false, expectedResponseTime: _this.getProps().expectedResponseTime };(_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();currentGlobalLoader = (0, _assertThisInitialized2.default)(_this);return _this;}var _proto = GlobalLoader.prototype;_proto.componentDidMount = function componentDidMount() {var _this$getProps = this.getProps(),active = _this$getProps.active,rejected = _this$getProps.rejected;if (active) {this.setActive();}if (rejected) {this.setReject(true);}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps2 = this.getProps(),expectedResponseTime = _this$getProps2.expectedResponseTime,rejected = _this$getProps2.rejected,active = _this$getProps2.active;if (expectedResponseTime !== prevProps.expectedResponseTime) {this.setState({ expectedResponseTime: expectedResponseTime });}if (rejected !== prevProps.rejected) {this.setReject(rejected);}if (active !== prevProps.active) {if (active) {this.setActive();} else {this.setDone();}}};_proto.render = function render() {var status = 'standard';if (this.state.done) {status = 'success';} else if (this.state.rejected) {status = 'error';} else if (this.state.accept) {status = 'accept';}var _this$getProps3 = this.getProps(),delayBeforeHide = _this$getProps3.delayBeforeHide,disableAnimations = _this$getProps3.disableAnimations;return !this.state.dead && this.state.visible && /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_GlobalLoaderView.GlobalLoaderView, { expectedResponseTime: this.state.expectedResponseTime, delayBeforeHide: delayBeforeHide, status: status, "data-tid": GlobalLoaderDataTids.root, disableAnimations: disableAnimations }));} /**
|
|
274
270
|
* Запускает анимацию лоадера <br />
|
|
275
271
|
* Равносильно установке пропа `active = true`
|
|
276
272
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["GlobalLoader.tsx"],"names":["GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","rootNode","props","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","setActive","rejected","cancel","state","successAnimationInProgressTimeout","globalObject","setTimeout","done","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","disableAnimations","setRootNode","updateExpectedResponseTime","React","Component","isTestEnv","start"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /**\n * Время(ms) до появления лоадера\n */\n delayBeforeShow?: number;\n /**\n * Время(ms) до исчезновения лоадера\n */\n delayBeforeHide?: number;\n /**\n * Ожидаемое время(ms) ответа сервера\n */\n expectedResponseTime?: number;\n /**\n * Анимация лоадера в виде спиннера\n */\n rejected?: boolean;\n /**\n * Показывать лоадер\n */\n active?: boolean;\n /**\n * Не показывать анимацию\n */\n disableAnimations?: boolean;\n /**\n * Коллбек, вызывающийся после появления лоадера\n */\n onStart?(): void;\n /**\n * Коллбек, вызывающийся после исчезновения лоадера\n */\n onDone?(): void;\n /**\n * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n * Или после установки пропа `rejected = true`\n */\n onReject?(): void;\n /**\n * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n * Или после установки пропа `rejected = false`\n */\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n private successAnimationInProgressTimeout: SafeTimer;\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n this.successAnimationInProgressTimeout = null;\n currentGlobalLoader?.kill();\n currentGlobalLoader = this;\n }\n componentDidMount() {\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(!!rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n componentWillUnmount() {\n this.successAnimationInProgressTimeout && globalObject.clearTimeout(this.successAnimationInProgressTimeout);\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n\n if (this.state.done) {\n status = 'success';\n } else if (this.state.rejected) {\n status = 'error';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n />\n </CommonWrapper>\n )\n );\n }\n\n /**\n * Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n *\n * @public\n */\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /**\n * Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n *\n * @public\n */\n public static done = () => {\n currentGlobalLoader.setDone();\n };\n\n /**\n * Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n *\n * @public\n */\n public static reject = () => {\n currentGlobalLoader.setReject(true);\n };\n\n /**\n * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n *\n * @public\n */\n public static accept = () => {\n currentGlobalLoader.setReject(false);\n };\n\n public setActive = () => {\n const { delayBeforeHide, rejected } = this.getProps();\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.successAnimationInProgressTimeout = globalObject.setTimeout(() => {\n this.setActive();\n }, delayBeforeHide);\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n if (!this.state.started) {\n return;\n }\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started || this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["GlobalLoader.tsx"],"names":["GlobalLoaderDataTids","root","currentGlobalLoader","GlobalLoader","rootNode","props","getProps","defaultProps","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","render","status","disableAnimations","setRootNode","updateExpectedResponseTime","React","Component","isTestEnv","start"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n /**\n * Время(ms) до появления лоадера\n */\n delayBeforeShow?: number;\n /**\n * Время(ms) до исчезновения лоадера\n */\n delayBeforeHide?: number;\n /**\n * Ожидаемое время(ms) ответа сервера\n */\n expectedResponseTime?: number;\n /**\n * Анимация лоадера в виде спиннера\n */\n rejected?: boolean;\n /**\n * Показывать лоадер\n */\n active?: boolean;\n /**\n * Не показывать анимацию\n */\n disableAnimations?: boolean;\n /**\n * Коллбек, вызывающийся после появления лоадера\n */\n onStart?(): void;\n /**\n * Коллбек, вызывающийся после исчезновения лоадера\n */\n onDone?(): void;\n /**\n * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n * Или после установки пропа `rejected = true`\n */\n onReject?(): void;\n /**\n * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n * Или после установки пропа `rejected = false`\n */\n onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n visible: boolean;\n done: boolean;\n rejected: boolean;\n accept: boolean;\n dead: boolean;\n successAnimationInProgress: boolean;\n expectedResponseTime: number;\n started: boolean;\n}\n\nexport const GlobalLoaderDataTids = {\n root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n Pick<\n GlobalLoaderProps,\n 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'\n >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n private setRootNode!: TSetRootNode;\n private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n private readonly startTask = debounce(() => {\n this.setState({ visible: true });\n this.props.onStart?.();\n }, this.getProps().delayBeforeShow);\n\n private readonly stopTask = debounce(() => {\n this.setState({ visible: false, successAnimationInProgress: false, started: false });\n this.props.onDone?.();\n }, this.getProps().delayBeforeHide);\n\n private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n this.setActive();\n }, this.getProps().delayBeforeHide);\n\n public static defaultProps: DefaultProps = {\n expectedResponseTime: 1000,\n delayBeforeShow: 1000,\n delayBeforeHide: 1000,\n rejected: false,\n active: false,\n disableAnimations: isTestEnv,\n };\n\n constructor(props: GlobalLoaderProps) {\n super(props);\n this.state = {\n started: false,\n visible: false,\n done: false,\n rejected: false,\n accept: false,\n dead: false,\n successAnimationInProgress: false,\n expectedResponseTime: this.getProps().expectedResponseTime,\n };\n currentGlobalLoader?.kill();\n currentGlobalLoader = this;\n }\n componentDidMount() {\n const { active, rejected } = this.getProps();\n if (active) {\n this.setActive();\n }\n if (rejected) {\n this.setReject(true);\n }\n }\n\n componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n const { expectedResponseTime, rejected, active } = this.getProps();\n if (expectedResponseTime !== prevProps.expectedResponseTime) {\n this.setState({ expectedResponseTime });\n }\n if (rejected !== prevProps.rejected) {\n this.setReject(rejected);\n }\n if (active !== prevProps.active) {\n if (active) {\n this.setActive();\n } else {\n this.setDone();\n }\n }\n }\n\n public render() {\n let status: GlobalLoaderViewProps['status'] = 'standard';\n\n if (this.state.done) {\n status = 'success';\n } else if (this.state.rejected) {\n status = 'error';\n } else if (this.state.accept) {\n status = 'accept';\n }\n const { delayBeforeHide, disableAnimations } = this.getProps();\n return (\n !this.state.dead &&\n this.state.visible && (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <GlobalLoaderView\n expectedResponseTime={this.state.expectedResponseTime}\n delayBeforeHide={delayBeforeHide}\n status={status}\n data-tid={GlobalLoaderDataTids.root}\n disableAnimations={disableAnimations}\n />\n </CommonWrapper>\n )\n );\n }\n\n /**\n * Запускает анимацию лоадера <br />\n * Равносильно установке пропа `active = true`\n *\n * @public\n */\n public static start = (expectedResponseTime?: number) => {\n currentGlobalLoader.setActive();\n if (typeof expectedResponseTime === 'number') {\n currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n }\n };\n\n /**\n * Показывает анимацию успешного завершения загрузки <br />\n * Равносильно установке пропа `active = false`\n *\n * @public\n */\n public static done = () => {\n currentGlobalLoader.setDone();\n };\n\n /**\n * Переключает анимацию лоадера в состояние спиннера <br />\n * Равносильно установке пропа `rejected = true`\n *\n * @public\n */\n public static reject = () => {\n currentGlobalLoader.setReject(true);\n };\n\n /**\n * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n * Равносильно установке пропа `rejected = false`\n *\n * @public\n */\n public static accept = () => {\n currentGlobalLoader.setReject(false);\n };\n\n public setActive = () => {\n this.startTask.cancel();\n if (this.state.successAnimationInProgress) {\n this.resumeTaskAfterSuccessAnimation();\n } else {\n this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n if (this.getProps().rejected) {\n this.setReject(true);\n } else {\n this.stopTask.cancel();\n this.startTask();\n }\n }\n };\n\n public setDone = () => {\n if (!this.state.started) {\n return;\n }\n this.setState({ done: true, successAnimationInProgress: true });\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.stopTask();\n };\n\n public setReject = (reject: boolean) => {\n if (!this.state.visible && (this.state.started || this.getProps().active)) {\n this.setState({ visible: true });\n }\n this.startTask.cancel();\n this.stopTask.cancel();\n if (reject) {\n this.props.onReject?.();\n } else if (this.state.rejected) {\n this.setState({ accept: true });\n this.props.onAccept?.();\n }\n this.setState({ rejected: reject });\n };\n\n public updateExpectedResponseTime(expectedResponseTime: number) {\n this.setState({ expectedResponseTime });\n }\n\n public kill = () => {\n this.stopTask.cancel();\n this.startTask.cancel();\n this.resumeTaskAfterSuccessAnimation.cancel();\n this.setState({\n dead: true,\n });\n };\n}\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.stylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var
|
|
1
|
+
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.stylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _chars = require("../../../lib/chars");
|
|
2
|
+
var _Emotion = require("../../../lib/theming/Emotion");
|
|
2
3
|
|
|
3
4
|
var _Input = require("../Input.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
4
5
|
|
|
@@ -16,11 +17,15 @@ var stylesLayout = (0, _Emotion.memoizeStyle)({
|
|
|
16
17
|
|
|
17
18
|
},
|
|
18
19
|
aside: function aside() {
|
|
19
|
-
return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n "]))
|
|
20
|
+
return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '", "';\n }\n "])),
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
|
|
23
24
|
|
|
25
|
+
|
|
26
|
+
_chars.ZERO_WIDTH_SPACE_CSS);
|
|
27
|
+
|
|
28
|
+
|
|
24
29
|
},
|
|
25
30
|
icon: function icon(t) {
|
|
26
31
|
return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n color: ", ";\n "])),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["InputLayout.styles.ts"],"names":["stylesLayout","root","t","styles","input","css","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"kRAAA;;AAEA,wC;;AAEO,IAAMA,YAAY,GAAG,2BAAa;AACvCC,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOC,cAAOF,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCE,EAAAA,KAJuC,mBAI/B;AACN,eAAOC,YAAP;;;;;;;AAOD,GAZsC;AAavCC,EAAAA,KAbuC,mBAa/B;AACN,eAAOD,YAAP
|
|
1
|
+
{"version":3,"sources":["InputLayout.styles.ts"],"names":["stylesLayout","root","t","styles","input","css","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"kRAAA;AACA;;AAEA,wC;;AAEO,IAAMA,YAAY,GAAG,2BAAa;AACvCC,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOC,cAAOF,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCE,EAAAA,KAJuC,mBAI/B;AACN,eAAOC,YAAP;;;;;;;AAOD,GAZsC;AAavCC,EAAAA,KAbuC,mBAa/B;AACN,eAAOD,YAAP;;;;;;AAMgBE,+BANhB;;;AASD,GAvBsC;AAwBvCC,EAAAA,IAxBuC,gBAwBlCN,CAxBkC,EAwBxB;AACb,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACO,cADb;;AAGD,GA5BsC;AA6BvCC,EAAAA,SA7BuC,qBA6B7BR,CA7B6B,EA6BnB;AAClB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACS,qBADb;;AAGD,GAjCsC;AAkCvCC,EAAAA,YAlCuC,0BAkCxB;AACb,eAAOP,YAAP;;;AAGD,GAtCsC;AAuCvCQ,EAAAA,IAvCuC,gBAuClCX,CAvCkC,EAuCxB;AACb,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACY,qBADb;;AAGD,GA3CsC;AA4CvCC,EAAAA,YA5CuC,wBA4C1Bb,CA5C0B,EA4ChB;AACrB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACc,6BADb;;AAGD,GAhDsC,EAAb,CAArB,C","sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled() {\n return css`\n cursor: default;\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLayoutAside = void 0;var _react = _interopRequireDefault(require("react"));
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var _chars = require("../../../lib/chars");
|
|
5
4
|
|
|
6
5
|
var _InputLayout = require("./InputLayout.styles");
|
|
7
6
|
var _InputLayoutAsideIcon = require("./InputLayoutAsideIcon");
|
|
@@ -21,10 +20,5 @@ var InputLayoutAside = function InputLayoutAside(_ref) {var icon = _ref.icon,tex
|
|
|
21
20
|
|
|
22
21
|
var child = side === 'left' ? [_icon, _text] : [_text, _icon];
|
|
23
22
|
|
|
24
|
-
return /*#__PURE__*/(
|
|
25
|
-
_react.default.createElement("span", { className: asideClassName },
|
|
26
|
-
_chars.ZERO_WIDTH_SPACE,
|
|
27
|
-
child));
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("span", { className: asideClassName }, child);
|
|
30
24
|
};exports.InputLayoutAside = InputLayoutAside;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["InputLayoutAside.tsx"],"names":["InputLayoutAside","icon","text","side","asideClassName","stylesLayout","aside","_icon","_text","child"
|
|
1
|
+
{"version":3,"sources":["InputLayoutAside.tsx"],"names":["InputLayoutAside","icon","text","side","asideClassName","stylesLayout","aside","_icon","_text","child"],"mappings":"8JAAA;;;;AAIA;AACA;AACA;;;;;;;;AAQO,IAAMA,gBAAgE,GAAG,SAAnEA,gBAAmE,OAA0B,KAAvBC,IAAuB,QAAvBA,IAAuB,CAAjBC,IAAiB,QAAjBA,IAAiB,CAAXC,IAAW,QAAXA,IAAW;AACxG,MAAMC,cAAc,GAAGC,0BAAaC,KAAb,EAAvB;;AAEA,MAAMC,KAAK,gBAAG,6BAAC,0CAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEN,IAAvC,EAA6C,IAAI,EAAEE,IAAnD,GAAd;AACA,MAAMK,KAAK,gBAAG,6BAAC,0CAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEN,IAAvC,GAAd;;AAEA,MAAMO,KAAK,GAAGN,IAAI,KAAK,MAAT,GAAkB,CAACI,KAAD,EAAQC,KAAR,CAAlB,GAAmC,CAACA,KAAD,EAAQD,KAAR,CAAjD;;AAEA,sBAAO,uCAAM,SAAS,EAAEH,cAAjB,IAAkCK,KAAlC,CAAP;AACD,CATM,C","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n text: InputProps['prefix'] | InputProps['suffix'];\n side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n const asideClassName = stylesLayout.aside();\n\n const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n return <span className={asideClassName}>{child}</span>;\n};\n"]}
|
|
@@ -199,6 +199,7 @@ PasswordInput = (_dec = (0, _decorators.locale)('PasswordInput', _locale.Passwor
|
|
|
199
199
|
_react.default.createElement("span", { className: (0, _Emotion.cx)(_PasswordInput.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()) },
|
|
200
200
|
!_this.props.disabled && /*#__PURE__*/
|
|
201
201
|
_react.default.createElement("button", {
|
|
202
|
+
type: "button",
|
|
202
203
|
"aria-label": _this.state.visible ? _this.locale.eyeClosedAriaLabel : _this.locale.eyeOpenedAriaLabel,
|
|
203
204
|
onClick: _this.handleToggleVisibility,
|
|
204
205
|
className: _PasswordInput.styles.icon(),
|