@skbkontur/react-ui 4.21.0 → 4.21.2
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 +24 -0
- package/cjs/components/Button/Button.d.ts +5 -1
- package/cjs/components/Button/Button.js +10 -9
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.md +40 -32
- package/cjs/components/Button/Button.mixins.d.ts +1 -1
- package/cjs/components/Button/Button.mixins.js +3 -1
- package/cjs/components/Button/Button.mixins.js.map +1 -1
- package/cjs/components/Button/Button.styles.d.ts +0 -6
- package/cjs/components/Button/Button.styles.js +40 -62
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/ButtonIcon.d.ts +4 -3
- package/cjs/components/Button/ButtonIcon.js +36 -15
- package/cjs/components/Button/ButtonIcon.js.map +1 -1
- package/cjs/components/Button/ButtonIcon.styles.d.ts +16 -0
- package/cjs/components/Button/ButtonIcon.styles.js +89 -0
- package/cjs/components/Button/ButtonIcon.styles.js.map +1 -0
- package/cjs/components/Button/LoadingButtonIcon.d.ts +7 -0
- package/cjs/components/Button/LoadingButtonIcon.js +25 -0
- package/cjs/components/Button/LoadingButtonIcon.js.map +1 -0
- package/cjs/components/ComboBox/ComboBox.md +4 -5
- package/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/cjs/components/DatePicker/DatePicker.js +1 -1
- package/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/cjs/components/Link/Link.d.ts +6 -2
- package/cjs/components/Link/Link.js +15 -11
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.md +14 -9
- package/cjs/components/Link/Link.styles.d.ts +3 -1
- package/cjs/components/Link/Link.styles.js +14 -3
- package/cjs/components/Link/Link.styles.js.map +1 -1
- package/cjs/components/Link/LinkIcon.d.ts +6 -0
- package/cjs/components/Link/LinkIcon.js +29 -0
- package/cjs/components/Link/LinkIcon.js.map +1 -0
- package/cjs/internal/CustomComboBox/CustomComboBox.d.ts +1 -0
- package/cjs/internal/CustomComboBox/CustomComboBox.js +22 -1
- package/cjs/internal/CustomComboBox/CustomComboBox.js.map +1 -1
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -0
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js +27 -1
- package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map +1 -1
- package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/cjs/internal/themes/DefaultTheme.d.ts +24 -0
- package/cjs/internal/themes/DefaultTheme.js +34 -2
- package/cjs/internal/themes/DefaultTheme.js.map +1 -1
- package/cjs/internal/themes/Theme2022.d.ts +15 -0
- package/cjs/internal/themes/Theme2022.js +28 -1
- package/cjs/internal/themes/Theme2022.js.map +1 -1
- package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +38 -0
- package/cjs/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +1 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +1 -0
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js +3 -1
- package/cjs/lib/featureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -1
- package/components/Button/Button/Button.js +25 -29
- package/components/Button/Button/Button.js.map +1 -1
- package/components/Button/Button.d.ts +5 -1
- package/components/Button/Button.md +40 -32
- package/components/Button/Button.mixins/Button.mixins.js +2 -2
- package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
- package/components/Button/Button.mixins.d.ts +1 -1
- package/components/Button/Button.styles/Button.styles.js +23 -44
- package/components/Button/Button.styles/Button.styles.js.map +1 -1
- package/components/Button/Button.styles.d.ts +0 -6
- package/components/Button/ButtonIcon/ButtonIcon.js +30 -17
- package/components/Button/ButtonIcon/ButtonIcon.js.map +1 -1
- package/components/Button/ButtonIcon.d.ts +4 -3
- package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js +49 -0
- package/components/Button/ButtonIcon.styles/ButtonIcon.styles.js.map +1 -0
- package/components/Button/ButtonIcon.styles/package.json +6 -0
- package/components/Button/ButtonIcon.styles.d.ts +16 -0
- package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js +23 -0
- package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js.map +1 -0
- package/components/Button/LoadingButtonIcon/package.json +6 -0
- package/components/Button/LoadingButtonIcon.d.ts +7 -0
- package/components/ComboBox/ComboBox.md +4 -5
- package/components/DatePicker/DatePicker/DatePicker.js +1 -1
- package/components/DatePicker/DatePicker/DatePicker.js.map +1 -1
- package/components/DatePicker/DatePicker.d.ts +1 -1
- package/components/Link/Link/Link.js +15 -15
- package/components/Link/Link/Link.js.map +1 -1
- package/components/Link/Link.d.ts +6 -2
- package/components/Link/Link.md +14 -9
- package/components/Link/Link.styles/Link.styles.js +9 -3
- package/components/Link/Link.styles/Link.styles.js.map +1 -1
- package/components/Link/Link.styles.d.ts +3 -1
- package/components/Link/LinkIcon/LinkIcon.js +19 -0
- package/components/Link/LinkIcon/LinkIcon.js.map +1 -0
- package/components/Link/LinkIcon/package.json +6 -0
- package/components/Link/LinkIcon.d.ts +6 -0
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js +10 -5
- package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBox.d.ts +1 -0
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js +24 -0
- package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js.map +1 -1
- package/internal/CustomComboBox/CustomComboBoxReducer.d.ts +1 -0
- package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/internal/themes/DefaultTheme/DefaultTheme.js +31 -0
- package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
- package/internal/themes/DefaultTheme.d.ts +24 -0
- package/internal/themes/Theme2022/Theme2022.js +38 -0
- package/internal/themes/Theme2022/Theme2022.js.map +1 -1
- package/internal/themes/Theme2022.d.ts +15 -0
- package/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md +38 -0
- package/lib/featureFlagsContext/FeatureFlagsHelpers.d.ts +1 -0
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js +2 -1
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map +1 -1
- package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.styles.ts"],"names":["isTheme2022","ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","t","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","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","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","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"]}
|
|
1
|
+
{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","t","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","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","borderless","borderless2022","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.btnDefaultHoverTextColor,\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.btnPrimaryHoverTextColor,\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.btnSuccessHoverTextColor,\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.btnDangerHoverTextColor,\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.btnPayHoverTextColor,\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(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\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(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n '',\n t.btnBorderWidth,\n )};\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 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 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"]}
|
|
@@ -78,15 +78,9 @@ export declare const styles: {
|
|
|
78
78
|
narrow(): string;
|
|
79
79
|
noPadding(): string;
|
|
80
80
|
noRightPadding(): string;
|
|
81
|
-
iconNoRightMargin(): string;
|
|
82
|
-
iconLink(t: Theme): string;
|
|
83
81
|
wrapLink(): string;
|
|
84
82
|
wrapArrow(): string;
|
|
85
83
|
wrapArrowLeft(): string;
|
|
86
|
-
icon(t: Theme): string;
|
|
87
|
-
iconSmall(t: Theme): string;
|
|
88
|
-
iconMedium(t: Theme): string;
|
|
89
|
-
iconLarge(t: Theme): string;
|
|
90
84
|
borderless(): string;
|
|
91
85
|
borderless2022(): string;
|
|
92
86
|
loading(): string;
|
|
@@ -3,8 +3,9 @@ import { isKonturIcon } from "../../../lib/utils";
|
|
|
3
3
|
import { cx } from "../../../lib/theming/Emotion";
|
|
4
4
|
import { ThemeContext } from "../../../lib/theming/ThemeContext";
|
|
5
5
|
import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { globalClasses } from "../Button.styles";
|
|
7
|
+
import { styles } from "../ButtonIcon.styles";
|
|
8
|
+
import { LoadingButtonIcon } from "../LoadingButtonIcon";
|
|
8
9
|
export var getButtonIconSizes = function getButtonIconSizes(theme) {
|
|
9
10
|
return {
|
|
10
11
|
small: parseInt(theme.btnIconSizeSmall),
|
|
@@ -12,14 +13,33 @@ export var getButtonIconSizes = function getButtonIconSizes(theme) {
|
|
|
12
13
|
large: parseInt(theme.btnIconSizeLarge)
|
|
13
14
|
};
|
|
14
15
|
};
|
|
16
|
+
|
|
17
|
+
var useIcon = function useIcon(icon, size) {
|
|
18
|
+
var theme = useContext(ThemeContext);
|
|
19
|
+
|
|
20
|
+
if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
|
|
21
|
+
var _icon$props$size;
|
|
22
|
+
|
|
23
|
+
var sizes = getButtonIconSizes(theme);
|
|
24
|
+
return /*#__PURE__*/React.cloneElement(icon, {
|
|
25
|
+
size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
return icon;
|
|
30
|
+
};
|
|
31
|
+
|
|
15
32
|
export var ButtonIcon = function ButtonIcon(_ref) {
|
|
16
33
|
var _cx;
|
|
17
34
|
|
|
18
35
|
var icon = _ref.icon,
|
|
19
|
-
hasChildren = _ref.hasChildren,
|
|
20
36
|
use = _ref.use,
|
|
37
|
+
position = _ref.position,
|
|
38
|
+
hasChildren = _ref.hasChildren,
|
|
21
39
|
_ref$loading = _ref.loading,
|
|
22
40
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
41
|
+
_ref$hasBothIcons = _ref.hasBothIcons,
|
|
42
|
+
hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
|
|
23
43
|
_ref$size = _ref.size,
|
|
24
44
|
size = _ref$size === void 0 ? 'small' : _ref$size;
|
|
25
45
|
var theme = useContext(ThemeContext);
|
|
@@ -28,14 +48,14 @@ export var ButtonIcon = function ButtonIcon(_ref) {
|
|
|
28
48
|
var getSizeIconClassName = function getSizeIconClassName() {
|
|
29
49
|
switch (size) {
|
|
30
50
|
case 'large':
|
|
31
|
-
return styles.iconLarge(theme);
|
|
51
|
+
return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
|
|
32
52
|
|
|
33
53
|
case 'medium':
|
|
34
|
-
return styles.iconMedium(theme);
|
|
54
|
+
return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
|
|
35
55
|
|
|
36
56
|
case 'small':
|
|
37
57
|
default:
|
|
38
|
-
return styles.iconSmall(theme);
|
|
58
|
+
return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
|
|
39
59
|
}
|
|
40
60
|
};
|
|
41
61
|
|
|
@@ -43,21 +63,14 @@ export var ButtonIcon = function ButtonIcon(_ref) {
|
|
|
43
63
|
display: 'inline-flex',
|
|
44
64
|
alignItems: 'center'
|
|
45
65
|
} : {};
|
|
46
|
-
var _icon = icon;
|
|
47
|
-
var sizes = getButtonIconSizes(theme);
|
|
48
|
-
|
|
49
|
-
if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
|
|
50
|
-
var _icon$props$size;
|
|
51
66
|
|
|
52
|
-
|
|
53
|
-
size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
|
|
54
|
-
});
|
|
55
|
-
}
|
|
67
|
+
var _icon = useIcon(icon, size);
|
|
56
68
|
|
|
57
69
|
return /*#__PURE__*/React.createElement("span", {
|
|
58
70
|
style: style,
|
|
59
|
-
className: cx(globalClasses.icon, styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[styles.
|
|
60
|
-
}, loading ? /*#__PURE__*/React.createElement(
|
|
71
|
+
className: cx(globalClasses.icon, styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
|
|
72
|
+
}, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
|
|
73
|
+
isCentered: false,
|
|
61
74
|
size: size
|
|
62
75
|
}) : _icon);
|
|
63
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ButtonIcon.tsx"],"names":["React","useContext","isKonturIcon","cx","ThemeContext","isTheme2022","
|
|
1
|
+
{"version":3,"sources":["ButtonIcon.tsx"],"names":["React","useContext","isKonturIcon","cx","ThemeContext","isTheme2022","globalClasses","styles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","sizes","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","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 { SizeProp } from '../../lib/types/props';\n\nimport { ButtonProps } from './Button';\nimport { globalClasses } from './Button.styles';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {\n position: 'right' | 'left';\n hasChildren: boolean;\n hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n return {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n const theme = useContext(ThemeContext);\n if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n }\n\n return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n icon,\n use,\n position,\n hasChildren,\n loading = false,\n hasBothIcons = false,\n size = 'small',\n}) => {\n const theme = useContext(ThemeContext);\n const isLink = use === 'link';\n\n const getSizeIconClassName = () => {\n switch (size) {\n case 'large':\n return [\n styles.iconLarge(theme),\n position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n ];\n case 'medium':\n return [\n styles.iconMedium(theme),\n position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n ];\n case 'small':\n default:\n return [\n styles.iconSmall(theme),\n position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n ];\n }\n };\n\n const style: React.CSSProperties = isTheme2022(theme)\n ? {\n display: 'inline-flex',\n alignItems: 'center',\n }\n : {};\n\n const _icon = useIcon(icon, size);\n\n return (\n <span\n style={style}\n className={cx(globalClasses.icon, styles.icon(theme), getSizeIconClassName(), {\n [styles.iconNoMargin()]: !hasChildren,\n [styles.iconLeftLink(theme)]: isLink && position === 'left',\n [styles.iconRightLink(theme)]: isLink && position === 'right',\n })}\n >\n {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n </span>\n );\n};\n"]}
|
|
@@ -2,9 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { Theme } from '../../lib/theming/Theme';
|
|
3
3
|
import { SizeProp } from '../../lib/types/props';
|
|
4
4
|
import { ButtonProps } from './Button';
|
|
5
|
-
|
|
5
|
+
export interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {
|
|
6
|
+
position: 'right' | 'left';
|
|
6
7
|
hasChildren: boolean;
|
|
7
|
-
|
|
8
|
+
hasBothIcons?: boolean;
|
|
9
|
+
}
|
|
8
10
|
export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
|
|
9
11
|
export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
|
|
10
|
-
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
|
|
2
|
+
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
4
|
+
|
|
5
|
+
import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
|
|
6
|
+
import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
|
|
7
|
+
import { css, memoizeStyle } from "../../../lib/theming/Emotion";
|
|
8
|
+
export var styles = memoizeStyle({
|
|
9
|
+
icon: function icon(t) {
|
|
10
|
+
var space = isTheme2022(t) ? "'" + ZERO_WIDTH_SPACE_CSS + "'" : null;
|
|
11
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: inline-block;\n\n &::before {\n content: ", ";\n }\n "])), space);
|
|
12
|
+
},
|
|
13
|
+
iconSmall: function iconSmall(t) {
|
|
14
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), t.btnIconSizeSmall);
|
|
15
|
+
},
|
|
16
|
+
iconSmallLeft: function iconSmallLeft(t) {
|
|
17
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n "])), t.btnIconGapSmall);
|
|
18
|
+
},
|
|
19
|
+
iconSmallRight: function iconSmallRight(t) {
|
|
20
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n margin-left: ", ";\n "])), t.btnIconGapSmallRight);
|
|
21
|
+
},
|
|
22
|
+
iconMedium: function iconMedium(t) {
|
|
23
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), t.btnIconSizeMedium);
|
|
24
|
+
},
|
|
25
|
+
iconMediumLeft: function iconMediumLeft(t) {
|
|
26
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n "])), t.btnIconGapMediumRight);
|
|
27
|
+
},
|
|
28
|
+
iconMediumRight: function iconMediumRight(t) {
|
|
29
|
+
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-left: ", ";\n "])), t.btnIconGapMedium);
|
|
30
|
+
},
|
|
31
|
+
iconLarge: function iconLarge(t) {
|
|
32
|
+
return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), t.btnIconSizeLarge);
|
|
33
|
+
},
|
|
34
|
+
iconLargeLeft: function iconLargeLeft(t) {
|
|
35
|
+
return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n "])), t.btnIconGapLarge);
|
|
36
|
+
},
|
|
37
|
+
iconLargeRight: function iconLargeRight(t) {
|
|
38
|
+
return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n margin-left: ", ";\n "])), t.btnIconGapLargeRight);
|
|
39
|
+
},
|
|
40
|
+
iconLeftLink: function iconLeftLink(t) {
|
|
41
|
+
return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n margin-right: ", ";\n "])), t.btnLinkIconMarginRight);
|
|
42
|
+
},
|
|
43
|
+
iconRightLink: function iconRightLink(t) {
|
|
44
|
+
return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n margin-left: ", ";\n "])), t.btnLinkIconMarginLeft);
|
|
45
|
+
},
|
|
46
|
+
iconNoMargin: function iconNoMargin() {
|
|
47
|
+
return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n margin-right: 0;\n margin-left: 0;\n "])));
|
|
48
|
+
}
|
|
49
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ButtonIcon.styles.ts"],"names":["isTheme2022","ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","icon","t","space","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"mappings":"gVAAA,SAASA,WAAT,QAA4B,gCAA5B;AACA,SAASC,oBAAT,QAAqC,iBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAGP,WAAW,CAACM,CAAD,CAAX,SAAqBL,oBAArB,SAA+C,IAA7D;AACA,WAAOC,GAAP;;;;AAIeK,IAAAA,KAJf;;;AAOD,GAVgC;;AAYjCC,EAAAA,SAZiC,qBAYvBF,CAZuB,EAYb;AAClB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACG,gBADb;;AAGD,GAhBgC;;AAkBjCC,EAAAA,aAlBiC,yBAkBnBJ,CAlBmB,EAkBT;AACtB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACK,eADpB;;AAGD,GAtBgC;;AAwBjCC,EAAAA,cAxBiC,0BAwBlBN,CAxBkB,EAwBR;AACvB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACO,oBADnB;;AAGD,GA5BgC;;AA8BjCC,EAAAA,UA9BiC,sBA8BtBR,CA9BsB,EA8BZ;AACnB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACS,iBADb;;AAGD,GAlCgC;;AAoCjCC,EAAAA,cApCiC,0BAoClBV,CApCkB,EAoCR;AACvB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACW,qBADpB;;AAGD,GAxCgC;;AA0CjCC,EAAAA,eA1CiC,2BA0CjBZ,CA1CiB,EA0CP;AACxB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACa,gBADnB;;AAGD,GA9CgC;;AAgDjCC,EAAAA,SAhDiC,qBAgDvBd,CAhDuB,EAgDb;AAClB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACe,gBADb;;AAGD,GApDgC;;AAsDjCC,EAAAA,aAtDiC,yBAsDnBhB,CAtDmB,EAsDT;AACtB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACiB,eADpB;;AAGD,GA1DgC;;AA4DjCC,EAAAA,cA5DiC,0BA4DlBlB,CA5DkB,EA4DR;AACvB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACmB,oBADnB;;AAGD,GAhEgC;;AAkEjCC,EAAAA,YAlEiC,wBAkEpBpB,CAlEoB,EAkEV;AACrB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACqB,sBADpB;;AAGD,GAtEgC;;AAwEjCC,EAAAA,aAxEiC,yBAwEnBtB,CAxEmB,EAwET;AACtB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACuB,qBADnB;;AAGD,GA5EgC;;AA8EjCC,EAAAA,YA9EiC,0BA8ElB;AACb,WAAO5B,GAAP;;;;AAID,GAnFgC,EAAD,CAA3B","sourcesContent":["import { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\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\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n iconSmallLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n\n iconSmallRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapSmallRight};\n `;\n },\n\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n iconMediumLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapMediumRight};\n `;\n },\n\n iconMediumRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapMedium};\n `;\n },\n\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n iconLargeLeft(t: Theme) {\n return css`\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n iconLargeRight(t: Theme) {\n return css`\n margin-left: ${t.btnIconGapLargeRight};\n `;\n },\n\n iconLeftLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n iconRightLink(t: Theme) {\n return css`\n margin-left: ${t.btnLinkIconMarginLeft};\n `;\n },\n\n iconNoMargin() {\n return css`\n margin-right: 0;\n margin-left: 0;\n `;\n },\n});\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Theme } from '../../lib/theming/Theme';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
icon(t: Theme): string;
|
|
4
|
+
iconSmall(t: Theme): string;
|
|
5
|
+
iconSmallLeft(t: Theme): string;
|
|
6
|
+
iconSmallRight(t: Theme): string;
|
|
7
|
+
iconMedium(t: Theme): string;
|
|
8
|
+
iconMediumLeft(t: Theme): string;
|
|
9
|
+
iconMediumRight(t: Theme): string;
|
|
10
|
+
iconLarge(t: Theme): string;
|
|
11
|
+
iconLargeLeft(t: Theme): string;
|
|
12
|
+
iconLargeRight(t: Theme): string;
|
|
13
|
+
iconLeftLink(t: Theme): string;
|
|
14
|
+
iconRightLink(t: Theme): string;
|
|
15
|
+
iconNoMargin(): string;
|
|
16
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
import { Spinner } from "../../Spinner";
|
|
3
|
+
import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
|
|
4
|
+
import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
|
|
5
|
+
import { ThemeContext } from "../../../lib/theming/ThemeContext";
|
|
6
|
+
import { ButtonDataTids } from "../Button";
|
|
7
|
+
import { styles } from "../Button.styles";
|
|
8
|
+
export var LoadingButtonIcon = function LoadingButtonIcon(_ref) {
|
|
9
|
+
var size = _ref.size,
|
|
10
|
+
_ref$isCentered = _ref.isCentered,
|
|
11
|
+
isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
|
|
12
|
+
var theme = useContext(ThemeContext);
|
|
13
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
"data-tid": ButtonDataTids.spinner,
|
|
15
|
+
className: isCentered ? styles.loading() : undefined
|
|
16
|
+
}, isTheme2022(theme) ? /*#__PURE__*/React.createElement(LoadingIcon, {
|
|
17
|
+
size: size
|
|
18
|
+
}) : /*#__PURE__*/React.createElement(Spinner, {
|
|
19
|
+
caption: null,
|
|
20
|
+
dimmed: true,
|
|
21
|
+
type: "mini"
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["LoadingButtonIcon.tsx"],"names":["React","useContext","Spinner","LoadingIcon","isTheme2022","ThemeContext","ButtonDataTids","styles","LoadingButtonIcon","size","isCentered","theme","spinner","loading","undefined"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,OAAT,QAAwB,YAAxB;;AAEA,SAASC,WAAT,QAA4B,sCAA5B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,cAAT,QAA+B,UAA/B;AACA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;AAOA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD,KAAtDC,IAAsD,QAAtDA,IAAsD,wBAAhDC,UAAgD,CAAhDA,UAAgD,gCAAnC,IAAmC;AACxF,MAAMC,KAAK,GAAGV,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,iCAAK,YAAUC,cAAc,CAACM,OAA9B,EAAuC,SAAS,EAAEF,UAAU,GAAGH,MAAM,CAACM,OAAP,EAAH,GAAsBC,SAAlF;AACGV,IAAAA,WAAW,CAACO,KAAD,CAAX,gBAAqB,oBAAC,WAAD,IAAa,IAAI,EAAEF,IAAnB,GAArB,gBAAmD,oBAAC,OAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,IAAI,EAAC,MAApC,GADtD,CADF;;;AAKD,CARM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Spinner } from '../Spinner';\nimport { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n size: IconSizeAliases;\n isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n const theme = useContext(ThemeContext);\n\n return (\n <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n {isTheme2022(theme) ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />}\n </div>\n );\n};\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { IconSizeAliases } from '../../internal/icons2022/iconConstants';
|
|
2
|
+
interface LoadingButtonIconProps {
|
|
3
|
+
size: IconSizeAliases;
|
|
4
|
+
isCentered?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const LoadingButtonIcon: ({ size, isCentered }: LoadingButtonIconProps) => JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -467,19 +467,18 @@ class ComboboxExample extends React.Component {
|
|
|
467
467
|
```
|
|
468
468
|
|
|
469
469
|
|
|
470
|
-
|
|
470
|
+
Если нужно сбросить контрол без изменения `value`, то можно использовать метод `reset`.
|
|
471
471
|
|
|
472
472
|
```jsx harmony
|
|
473
473
|
import { Button } from '@skbkontur/react-ui';
|
|
474
474
|
|
|
475
475
|
const [selected, setSelected] = React.useState({ value: 1, label: "First" });
|
|
476
|
-
const ref = React.useRef();
|
|
476
|
+
const ref = React.useRef(null);
|
|
477
477
|
|
|
478
|
-
const
|
|
478
|
+
const handleReset = () => {
|
|
479
479
|
if (ref.current) {
|
|
480
480
|
ref.current.reset();
|
|
481
481
|
}
|
|
482
|
-
setSelected({ value: 3, label: "Third" });
|
|
483
482
|
};
|
|
484
483
|
|
|
485
484
|
const getItems = (q) =>
|
|
@@ -503,7 +502,7 @@ import { Button } from '@skbkontur/react-ui';
|
|
|
503
502
|
placeholder="Enter number"
|
|
504
503
|
value={selected}
|
|
505
504
|
/>
|
|
506
|
-
<Button onClick={
|
|
505
|
+
<Button onClick={handleReset}>Reset</Button>
|
|
507
506
|
</div>
|
|
508
507
|
|
|
509
508
|
```
|
|
@@ -380,7 +380,7 @@ export var DatePicker = (_dec = locale('DatePicker', DatePickerLocaleHelper), ro
|
|
|
380
380
|
*/
|
|
381
381
|
value: PropTypes.string,
|
|
382
382
|
warning: PropTypes.bool,
|
|
383
|
-
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
|
|
383
|
+
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
384
384
|
onBlur: PropTypes.func,
|
|
385
385
|
onValueChange: PropTypes.func.isRequired,
|
|
386
386
|
onFocus: PropTypes.func,
|