npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b4292e4d5b → 0.0.0-b821a2f064 - Mend

@skbkontur/react-ui 0.0.0-b4292e4d5b → 0.0.0-b821a2f064

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

Files changed (887) hide show

package/cjs/components/Button/Button.md CHANGED Viewed

@@ -136,3 +136,71 @@ import { Button, Gapped } from '@skbkontur/react-ui';
   <Button>Ok</Button>
 </Gapped>
 ```
+Пример кастомизации кнопки-ссылки
+```jsx harmony
+import { Toast } from "@skbkontur/react-ui";
+import { Copy } from "@skbkontur/react-icons"
+const textDecorationStyles = {
+  btnLinkLineBorderBottomWidth: '0',
+  btnLinkHoverTextDecoration: 'underline'
+}
+const underlineOnHoverStyles = {
+  btnLinkLineBorderBottomColor: 'transparent',
+}
+const differentColorStyles = {
+  btnLinkColor: 'blue',
+  btnLinkHoverColor: 'blue',
+  btnLinkActiveColor: 'blue',
+}
+const stringify = (styles) => {
+    return `${Object.entries(styles).map(([key, value]) => `${key}: "${value}"`).join(", ")}`
+}
+const copyStyles = (styles) => {
+  navigator.clipboard.writeText(stringify(styles));
+  Toast.push('Copied');
+}
+const tableStyle = {
+  borderCollapse: 'collapse',
+  width: '100%',
+};
+const tdStyle = {
+  border: '1px solid',
+  padding: '8px',
+};
+const renderExampleRow = (title, styles, index) => {
+    return (
+        <tr>
+          <td style={tdStyle}>{title}</td>
+          <td style={tdStyle}><Button use={'link'} theme={styles}>Button-link</Button></td>
+          <td style={tdStyle}>
+            <div style={{display: 'flex'}}>
+              <div style={{width: '80%', whiteSpace: 'pre-line'}}>{stringify(styles).replace(/, /g, '\n')}</div>
+              <Button icon={<Copy />} use={'text'} onClick={() => copyStyles(styles)}/>
+            </div>
+          </td>
+        </tr>
+    )
+}
+<table style={tableStyle}>
+  <tr style={{textAlign: 'left'}}>
+    <th style={tdStyle}></th>
+    <th style={tdStyle}>Пример</th>
+    <th style={tdStyle}>Переменные темы</th>
+  </tr>
+  {renderExampleRow('Ссылка с подчеркиванием через text-decoration', textDecorationStyles)}
+  {renderExampleRow('Ссылка с подчеркиванием при наведении', underlineOnHoverStyles)}
+  {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
+</table>
+```

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

@@ -38,7 +38,7 @@ borderBottomColor,
 borderWidth)
 {
   var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n\n    :hover,\n    :enabled {\n      .", " svg,\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n\n    .", " {\n      box-shadow: ", " 0 0 0 ", ";\n    }\n\n    :enabled:hover,\n    :enabled {\n      .", " svg,\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
   hasGradient ? "initial" : btnBackground,
   hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
   color,

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

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

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

@@ -1,5 +1,6 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
+    root: string;
     arrowHelper: string;
     arrowHelperTop: string;
     arrowHelperBottom: string;
@@ -82,7 +83,7 @@ export declare const styles: {
     wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
-    icon(): string;
+    icon(t: Theme): string;
     iconSmall(t: Theme): string;
     iconMedium(t: Theme): string;
     iconLarge(t: Theme): string;

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

@@ -1,4 +1,6 @@
-"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 _Emotion = require("../../lib/theming/Emotion");
+"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");
+var _chars = require("../../lib/chars");
+var _Emotion = require("../../lib/theming/Emotion");
 var _Mixins = require("../../lib/styles/Mixins");
 var _client = require("../../lib/client");
@@ -13,6 +15,7 @@ var _Button = require("./Button.mixins");var _templateObject, _templateObject2,
 var globalClasses = (0, _Emotion.prefix)('button')({
+  root: 'root',
   arrowHelper: 'arrow-helper',
   arrowHelperTop: 'arrow-helper-top',
   arrowHelperBottom: 'arrow-helper-bottom',
@@ -919,8 +922,13 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
-  icon: function icon() {
-    return (0, _Emotion.css)(_templateObject73 || (_templateObject73 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+  icon: function icon(t) {
+    var space = (0, _ThemeHelpers.isTheme2022)(t) ? "'" + _chars.ZERO_WIDTH_SPACE_CSS + "'" : null;
+    return (0, _Emotion.css)(_templateObject73 || (_templateObject73 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])),
+    space);
   },

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","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 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"]}

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

@@ -72,7 +72,7 @@ var ButtonArrow = function ButtonArrow(_ref)
 function useButtonArrow(props, theme) {var _cx3;
   var arrow = props.arrow,size = props.size,use = props.use;
   var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
   var rootClassName =
   !_isTheme2022 && canRender ?

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"+EAAA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA,0C;;;;;;AAMA,IAAMA,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGC,eAAOC,YAAP,CAAoBF,IAMvB,aALJG,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,YAAY,GAAG,+BAAYF,KAAZ,CAArB;;AAEA,MAAMG,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAO,iBAAGC,gBAAOC,aAAP,EAAH,EAA2BC,uBAAcf,KAAzC;AACJa,oBAAOG,kBAAP,CAA0BP,KAA1B,CADI,IAC+BR,IAAI,KAAK,OADxC;AAEJY,oBAAOI,mBAAP,CAA2BR,KAA3B,CAFI,IAEgCR,IAAI,KAAK,QAFzC;AAGJY,oBAAOK,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BR,IAAI,KAAK,OAHxC;AAIJY,oBAAOM,aAAP,EAJI,IAIqBnB,KAAK,KAAK,MAJ/B,OAAP;;AAMD,GAPD;;AASA,MAAIoB,SAAS,GAAG,IAAhB;;AAEA,MAAIT,YAAJ,EAAkB;AAChB,QAAMU,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,GAAG1B,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAM2B,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,EAAEX,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLmB,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAE;AACRP,sBAAOb,KAAP,EADQ,IACS,IADT;AAERa,sBAAOe,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,CAACJ,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;AAGRS,sBAAOgB,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,CAACJ,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;AAIRS,sBAAOiB,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,CAACJ,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;AAKRS,sBAAOkB,SAAP,EALQ,IAKa/B,KAAK,KAAK,MALvB,QADb;;;AASE,0CAAK,SAAS,EAAE,iBAAGe,uBAAciB,WAAjB,EAA8BjB,uBAAckB,cAA5C,CAAhB,GATF;AAUE,0CAAK,SAAS,EAAE,iBAAGlB,uBAAciB,WAAjB,EAA8BjB,uBAAcmB,iBAA5C,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,CArDD;;AAuDO,SAASe,cAAT,CAAwBC,KAAxB,EAAiD3B,KAAjD,EAAkG;AACvG,MAAQT,KAAR,GAA6BoC,KAA7B,CAAQpC,KAAR,CAAeC,IAAf,GAA6BmC,KAA7B,CAAenC,IAAf,CAAqBoC,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAM1B,YAAY,GAAG,+BAAYF,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,~~IAAkB~~,~~OAAOrC~~,~~KAAP~~,~~KAAiB~~,~~WAArD~~;;AAEA,MAAMuC,aAAa;AACjB,GAAC5B,YAAD,IAAiB2B,SAAjB;AACI,IADJ;AAEI;AACEtC,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCY,gBAAO2B,uBAAP,CAA+B/B,KAA/B,CADxC;AAEET,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCY,gBAAO4B,wBAAP,CAAgChC,KAAhC,CAFzC;AAGET,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCY,gBAAO6B,uBAAP,CAA+BjC,KAA/B,CAHxC;AAIET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCY,gBAAO8B,sBAAP,CAA8BlC,KAA9B,CAJ1C;AAKET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCY,gBAAO+B,uBAAP,CAA+BnC,KAA/B,CAL3C;AAMET,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCY,gBAAOgC,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;AACjBnC,EAAAA,YAAY,IAAI2B,SAAhB;AACI,IADJ;AAEI;AACGzB,kBAAOkC,SAAP,EADH,IACwB/C,KAAK,KAAK,IADlC;AAEGa,kBAAOmC,aAAP,EAFH,IAE4BhD,KAAK,KAAK,MAFtC,QAHN;;;AAQA,MAAMoB,SAAS,GAAGkB,SAAS,gBAAG,6BAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BnB,SAA/B,CAAP;AACD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' \| 'arrow' \| 'checked' \| 'disabled' \| 'error' \| 'use' \| 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const theme = useContext(ThemeContext);\n const _isTheme2022 = isTheme2022(theme);\n\n const getArrowIconRootClassName = () => {\n return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && ~~typeof~~ arrow ~~!==~~ '~~undefined~~';\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}
1	+ {"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' \| 'arrow' \| 'checked' \| 'disabled' \| 'error' \| 'use' \| 'warning'> & {\n isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n arrow,\n size = Button.defaultProps.size,\n disabled,\n checked,\n error,\n warning,\n isFocused,\n}) => {\n const theme = useContext(ThemeContext);\n const _isTheme2022 = isTheme2022(theme);\n\n const getArrowIconRootClassName = () => {\n return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n [styles.arrowIconRootSmall(theme)]: size === 'small',\n [styles.arrowIconRootMedium(theme)]: size === 'medium',\n [styles.arrowIconRootLarge(theme)]: size === 'large',\n [styles.arrowIconLeft()]: arrow === 'left',\n });\n };\n\n let arrowNode = null;\n\n if (_isTheme2022) {\n const arrowIcons = {\n right: ArrowRightIcon,\n left: ArrowLeftIcon,\n };\n const side = arrow === 'left' ? 'left' : 'right';\n const ArrowIcon = arrowIcons[side];\n arrowNode = (\n <div className={getArrowIconRootClassName()}>\n <ArrowIcon size={size} />\n </div>\n );\n } else {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n [styles.arrowError(theme)]: !checked && error && !disabled,\n [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n const { arrow, size, use } = props;\n const _isTheme2022 = isTheme2022(theme);\n const canRender = use !== 'link' && (arrow === true \|\| arrow === 'left');\n\n const rootClassName =\n !_isTheme2022 && canRender\n ? ''\n : cx(\n arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n );\n\n const wrapClassName =\n _isTheme2022 && canRender\n ? ''\n : cx({\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n });\n\n const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

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

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

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

@@ -5,10 +5,10 @@ var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _chars = require("../../lib/chars");
 var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
 var _Button = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
@@ -45,7 +45,6 @@ var ButtonIcon = function ButtonIcon(_ref)
   };
-  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
   var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
   {
     display: 'inline-flex',
@@ -62,12 +61,11 @@ var ButtonIcon = function ButtonIcon(_ref)
   return /*#__PURE__*/(
     _react.default.createElement("span", {
       style: style,
-      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
+      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[
       _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
       _Button.styles.iconLink(theme)] = isLink, _cx)) },
-    space,
     loading ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : _icon));

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

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

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

@@ -7,6 +7,7 @@ var getInnerLinkTheme = function getInnerLinkTheme(theme) {
     linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,
     linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,
     linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,
+    linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,
     linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,
     linkDisabledColor: theme.btnLinkDisabledColor,
     linkColor: theme.btnLinkColor,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["getInnerLinkTheme.ts"],"names":["getInnerLinkTheme","theme","ThemeFactory","create","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineHoverBorderBottomStyle","btnLinkHoverLineBorderBottomStyle","linkLineBorderBottomOpacity","btnLinkLineBorderBottomOpacity","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight","linkBorderRadius","btnLinkBorderRadius"],"mappings":"0EAAA;;;AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAyB;AACxD,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,yBAAyB,EAAEH,KAAK,CAACI,4BADnC;AAEEC,IAAAA,8BAA8B,EAAEL,KAAK,CAACM,iCAFxC;AAGEC,IAAAA,2BAA2B,EAAEP,KAAK,CAACQ,8BAHrC;AAIEC,IAAAA,yBAAyB,EAAET,KAAK,CAACU,4BAJnC;AAKEC,IAAAA,~~iBAAiB~~,EAAEX,KAAK,CAACY,~~oBAL3B~~;AAMEC,IAAAA,~~SAAS~~,EAAEb,KAAK,CAACc,~~YANnB~~;AAOEC,IAAAA,~~cAAc~~,EAAEf,KAAK,CAACgB,~~iBAPxB~~;AAQEC,IAAAA,~~eAAe~~,EAAEjB,KAAK,CAACkB,~~kBARzB~~;AASEC,IAAAA,~~uBAAuB~~,EAAEnB,KAAK,CAACoB,~~0BATjC~~;AAUEC,IAAAA,~~mBAAmB~~,EAAErB,KAAK,CAACsB,~~sBAV7B~~;AAWEC,IAAAA,~~gBAAgB~~,EAAEvB,KAAK,CAACwB,~~mBAX1B~~,EADK;;~~AAcLxB~~,EAAAA,~~KAdK~~,CAAP;;~~AAgBD~~,~~CAjBM~~,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n return ThemeFactory.create(\n {\n linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,\n linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,\n linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,\n linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n linkDisabledColor: theme.btnLinkDisabledColor,\n linkColor: theme.btnLinkColor,\n linkHoverColor: theme.btnLinkHoverColor,\n linkActiveColor: theme.btnLinkActiveColor,\n linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n linkIconMarginRight: theme.btnLinkIconMarginRight,\n linkBorderRadius: theme.btnLinkBorderRadius,\n },\n theme,\n );\n};\n"]}
1	+ {"version":3,"sources":["getInnerLinkTheme.ts"],"names":["getInnerLinkTheme","theme","ThemeFactory","create","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineHoverBorderBottomStyle","btnLinkHoverLineBorderBottomStyle","linkLineBorderBottomOpacity","btnLinkLineBorderBottomOpacity","linkLineBorderBottomColor","btnLinkLineBorderBottomColor","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight","linkBorderRadius","btnLinkBorderRadius"],"mappings":"0EAAA;;;AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAyB;AACxD,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,yBAAyB,EAAEH,KAAK,CAACI,4BADnC;AAEEC,IAAAA,8BAA8B,EAAEL,KAAK,CAACM,iCAFxC;AAGEC,IAAAA,2BAA2B,EAAEP,KAAK,CAACQ,8BAHrC;AAIEC,IAAAA,yBAAyB,EAAET,KAAK,CAACU,4BAJnC;AAKEC,IAAAA,yBAAyB,EAAEX,KAAK,CAACY,4BALnC;AAMEC,IAAAA,iBAAiB,EAAEb,KAAK,CAACc,oBAN3B;AAOEC,IAAAA,SAAS,EAAEf,KAAK,CAACgB,YAPnB;AAQEC,IAAAA,cAAc,EAAEjB,KAAK,CAACkB,iBARxB;AASEC,IAAAA,eAAe,EAAEnB,KAAK,CAACoB,kBATzB;AAUEC,IAAAA,uBAAuB,EAAErB,KAAK,CAACsB,0BAVjC;AAWEC,IAAAA,mBAAmB,EAAEvB,KAAK,CAACwB,sBAX7B;AAYEC,IAAAA,gBAAgB,EAAEzB,KAAK,CAAC0B,mBAZ1B,EADK;;AAeL1B,EAAAA,KAfK,CAAP;;AAiBD,CAlBM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n return ThemeFactory.create(\n {\n linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,\n linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,\n linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,\n linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,\n linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n linkDisabledColor: theme.btnLinkDisabledColor,\n linkColor: theme.btnLinkColor,\n linkHoverColor: theme.btnLinkHoverColor,\n linkActiveColor: theme.btnLinkActiveColor,\n linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n linkIconMarginRight: theme.btnLinkIconMarginRight,\n linkBorderRadius: theme.btnLinkBorderRadius,\n },\n theme,\n );\n};\n"]}