npm - @skbkontur/react-ui - Versions diffs - 6.4.6 → 6.4.7-b33c6.0 - Mend

@skbkontur/react-ui 6.4.6 → 6.4.7-b33c6.0

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

Files changed (909) hide show

package/components/Button/Button.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.css.js","sourceRoot":"","sources":["Button.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { resetButtonFocusInner, resetButtonRule, resetTextRule } from '../../lib/styles/Mixins.js';\nimport { t, whenThemeSets } from '../../lib/theming/vanilla.js';\nimport { globalClasses } from './Button.classes.js';\nimport {\n buttonActiveMixin,\n buttonHoverMixin,\n buttonSizeMixin,\n buttonUseArrowMixin,\n buttonUseMixin,\n} from './Button.mixins.js';\n\nexport { globalClasses };\n\n// Повторы свойств — на месте последнего вхождения, как их склеивал Emotion: line-height из resetTextRule,\n// text-align и width из resetButtonRule/resetTextRule рядом с итоговыми значениями.\nconst {\n lineHeight: _lineHeight,\n textAlign: resetButtonTextAlign,\n width: resetButtonWidth,\n ...buttonReset\n} = resetButtonRule;\nconst { textAlign: resetTextTextAlign, ...textReset } = resetTextRule;\n\nexport const root = style({\n ...buttonReset,\n ...textReset,\n // с btnBorderColorTransition — в правиле ниже, когда тема его задала\n transition: `background-color ${t.transitionDuration} ${t.transitionTimingFunction}`,\n backgroundClip: t.btnBackgroundClip,\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'contain',\n cursor: 'pointer',\n display: 'inline-block',\n position: 'relative',\n textAlign: [resetButtonTextAlign, resetTextTextAlign, 'center'],\n width: [resetButtonWidth, '100%'],\n height: '100%',\n});\n\n/** @deprecated */\nexport const outlineDefault = style({\n borderRadius: 'inherit',\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n});\n\n/** @deprecated */\nexport const outlineWarning = style({\n boxShadow: `0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor}`,\n});\n\n/** @deprecated */\nexport const outlineError = style({\n boxShadow: `0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor}`,\n});\n\n/** @deprecated */\nexport const outlineLink = style({\n cursor: 'default',\n boxShadow: 'none',\n left: -2,\n right: -2,\n bottom: -2,\n top: -2,\n});\n\n/** @deprecated */\nexport const outlineLinkWarning = style({ backgroundColor: t.btnWarningSecondary });\n\n/** @deprecated */\nexport const outlineLinkError = style({ backgroundColor: t.btnErrorSecondary });\n\nexport const sizeSmall = style({\n borderRadius: t.btnBorderRadiusSmall,\n ...buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall),\n});\n\nexport const sizeMedium = style({\n borderRadius: t.btnBorderRadiusMedium,\n ...buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium),\n});\n\nexport const sizeLarge = style({\n borderRadius: t.btnBorderRadiusLarge,\n ...buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge),\n});\n\nexport const sizeSmallWithIcon = style({ paddingLeft: t.btnWithIconPaddingSmall });\n\nexport const sizeMediumWithIcon = style({ paddingLeft: t.btnWithIconPaddingMedium });\n\nexport const sizeLargeWithIcon = style({ paddingLeft: t.btnWithIconPaddingLarge });\n\nexport const sizeSmallWithRightIcon = style({ paddingRight: t.btnWithIconPaddingSmall });\n\nexport const sizeMediumWithRightIcon = style({ paddingRight: t.btnWithIconPaddingMedium });\n\nexport const sizeLargeWithRightIcon = style({ paddingRight: t.btnWithIconPaddingLarge });\n\nexport const sizeSmallWithIconWithoutText = style({\n paddingLeft: t.btnWithIconPaddingSmall,\n paddingRight: t.btnWithIconPaddingSmall,\n});\n\nexport const sizeMediumWithIconWithoutText = style({\n paddingLeft: t.btnWithIconPaddingMedium,\n paddingRight: t.btnWithIconPaddingMedium,\n});\n\nexport const sizeLargeWithIconWithoutText = style({\n paddingLeft: t.btnWithIconPaddingLarge,\n paddingRight: t.btnWithIconPaddingLarge,\n});\n\n/** @deprecated */\nexport const link = style({\n background: 'none',\n borderRadius: t.btnLinkBorderRadius,\n border: 'none',\n boxShadow: 'none',\n whiteSpace: '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\n/** @deprecated */\nexport const linkLineHeight = style({\n lineHeight: 'inherit !important', // override size mixin\n});\n\n/** @deprecated */\nexport const linkLineHeightSafariFallback = style({\n // Safari overrides 'underline' and 'border' if 'line-height' is used\n margin: '-1px 0 -2px',\n});\n\n/** @deprecated */\nexport const linkFocus = style({\n color: t.btnLinkColor,\n textDecoration: t.btnLinkHoverTextDecoration,\n});\n\n/** @deprecated */\nexport const linkDisabled = style({ cursor: 'default' });\n\nexport const arrowIconRoot = style({\n position: 'absolute',\n height: '100%',\n top: 0,\n right: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxSizing: 'content-box',\n});\n\nexport const arrowIconRootSmall = style({\n padding: `0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall}`,\n width: t.btnIconSizeSmall,\n});\n\nexport const arrowIconRootMedium = style({\n padding: `0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium}`,\n width: t.btnIconSizeMedium,\n});\n\nexport const arrowIconRootLarge = style({\n padding: `0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge}`,\n width: t.btnIconSizeLarge,\n});\n\nexport const arrowIconLeft = style({ left: 0 });\n\nconst defaultStyle = style(\n buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnBorderWidth,\n ),\n 'default',\n);\n\nexport const accent = style(\n buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnBorderWidth,\n ),\n);\n\nexport const success = style(\n buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnBorderWidth,\n ),\n);\n\nexport const danger = style(\n buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnBorderWidth,\n ),\n);\n\nexport const pay = style(\n buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth),\n);\n\nexport const text = style(\n buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth),\n);\n\nexport const outline = style(\n buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth),\n);\n\nexport const fill = style(buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', ''));\n\nexport const caption = style({\n position: 'relative',\n whiteSpace: 'nowrap',\n display: 'inline-block',\n width: '100%',\n verticalAlign: 'top',\n});\n\nexport const wrap = style({\n boxSizing: 'border-box',\n display: 'inline-block',\n lineHeight: 'normal',\n padding: t.btnBorderWidth,\n});\n\nexport const wrapSmall = style({ height: t.btnHeightSmall });\n\nexport const wrapMedium = style({ height: t.btnHeightMedium });\n\nexport const wrapLarge = style({ height: t.btnHeightLarge });\n\n/** @deprecated */\nexport const narrow = style({ paddingLeft: 5, paddingRight: 5 });\n\nexport const noPadding = style({ paddingLeft: 0, paddingRight: 0 });\n\nexport const noRightPadding = style({ paddingRight: 0 });\n\nexport const wrapLink = style({ padding: 0 });\n\nexport const loading = style({\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n borderRadius: 'inherit',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 10,\n});\n\nexport const visibilityHidden = style({ visibility: 'hidden' });\n\n// классы активного состояния (activeStyles): имена с `-2`, как их называл Emotion — `default`, `link`\n// и т. д. уже заняты классами getStyles\nexport const activeDefault = style({}, 'default-2');\nexport const activeAccent = style({}, 'accent-2');\nexport const activeSuccess = style({}, 'success-2');\nexport const activeDanger = style({}, 'danger-2');\nexport const activePay = style({}, 'pay-2');\nexport const activeLink = style({ color: t.btnLinkActiveColor }, 'link-2');\nexport const activeText = style({}, 'text-2');\nexport const activeOutline = style({}, 'outline-2');\nexport const activeFill = style({}, 'fill-2');\n\n// Модификаторы, которые должны выигрывать у базовых при равном весе, — в конце файла: Emotion вставлял их\n// правила последними, потому что они зовутся последними в `cx(...)`.\nexport const withArrowIconRightSmall = style({\n paddingRight: `calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall})`,\n});\n\nexport const withArrowIconRightMedium = style({\n paddingRight: `calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium})`,\n});\n\nexport const withArrowIconRightLarge = style({\n paddingRight: `calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge})`,\n});\n\nexport const withArrowIconLeftSmall = style({\n paddingLeft: `calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall})`,\n});\n\nexport const withArrowIconLeftMedium = style({\n paddingLeft: `calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium})`,\n});\n\nexport const withArrowIconLeftLarge = style({\n paddingLeft: `calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge})`,\n});\n\nexport const focus = style({ position: 'relative', zIndex: 2 });\n\nconst checkedRule = {\n backgroundImage: 'none',\n boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important`,\n backgroundColor: `${t.btnCheckedBg} !important`,\n color: `${t.btnCheckedTextColor} !important`,\n};\n\nexport const checked = style(checkedRule);\n\nexport const checkedFocused = style({});\n\nexport const disabled = style({\n cursor: 'default',\n pointerEvents: 'none',\n boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor}`,\n backgroundImage: 'none',\n backgroundColor: t.btnDisabledBg,\n color: t.btnDisabledTextColor,\n});\n\nexport const disabledWithoutOutline = style({ boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg}` });\n\nexport const checkedDisabled = style({\n boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor}`,\n backgroundColor: t.btnCheckedDisabledBg,\n color: t.btnCheckedDisabledColor,\n});\n\n/** @deprecated */\nexport const borderless = style({});\n\nexport const backlessDisabled = style({\n boxShadow: `0 0 0 1px ${t.btnBacklessDisabledBorderColor}`,\n backgroundColor: 'transparent',\n});\n\nexport const textDisabled = style({ backgroundColor: 'transparent' });\n\nexport const captionLink = style({\n display: 'inline',\n transform: 'none !important', // override root:active style\n});\n\nexport const captionDisabled = style({\n transform: 'none !important', // override root:active style\n});\n\n// ---------- вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion ----------\n\nconst innerShadow = `.${globalClasses.innerShadow}`;\nconst color = (value: string) => ({ color: value });\n\nwhenThemeSets('btnBorderColorTransition', root, (value) => ({\n transition: `background-color ${t.transitionDuration} ${t.transitionTimingFunction}, ${value}`,\n}));\nresetButtonFocusInner(root);\nglobalStyle(`${root} ${innerShadow}`, {\n content: \"''\",\n borderRadius: 'inherit',\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n});\nglobalStyle(`${root}::-moz-focus-inner`, { border: 0, padding: 0 });\nglobalStyle(`${root}::after`, { content: \"''\", display: 'inline-block', verticalAlign: 'baseline', width: 0 });\nwhenThemeSets('btnIconHoverColor', root, color, ':hover svg');\nwhenThemeSets('btnIconDisabledColor', root, color, `.${globalClasses.disabled} svg`);\nwhenThemeSets('btnIconColor', root, color, ' svg');\n\nglobalStyle(`${link}:hover:enabled, ${link}:active:enabled`, {\n color: t.btnLinkHoverColor,\n textDecoration: t.btnLinkHoverTextDecoration,\n});\nglobalStyle(`${link}:active:enabled`, { color: t.btnLinkActiveColor });\n\nglobalStyle(`${linkDisabled}, ${linkDisabled}:hover:enabled, ${linkDisabled}:active:enabled`, {\n color: t.btnLinkDisabledColor,\n});\n\nbuttonUseArrowMixin(defaultStyle, t.btnDefaultTextColor);\nglobalStyle(\n `${defaultStyle}:hover`,\n buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(\n `${defaultStyle}:active`,\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(accent, t.btnPrimaryTextColor);\nglobalStyle(\n `${accent}:hover`,\n buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(\n `${accent}:active`,\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(success, t.btnSuccessTextColor);\nglobalStyle(\n `${success}:hover`,\n buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(\n `${success}:active`,\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(danger, t.btnDangerTextColor);\nglobalStyle(\n `${danger}:hover`,\n buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(\n `${danger}:active`,\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(pay, t.btnPayTextColor);\nglobalStyle(\n `${pay}:hover`,\n buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(`${pay}:active`, t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth);\n\nglobalStyle(`${text}, ${text}:enabled, ${text}:hover`, { boxShadow: 'none' });\nbuttonUseArrowMixin(text, t.btnTextTextColor);\nglobalStyle(\n `${text}:hover`,\n buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth),\n);\nbuttonActiveMixin(`${text}:active`, t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth);\n\nbuttonUseArrowMixin(outline, t.btnBacklessTextColor);\nglobalStyle(\n `${outline}:hover`,\n buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n t.btnBorderWidth,\n ),\n);\nbuttonActiveMixin(`${outline}:active`, t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth);\n\nbuttonUseArrowMixin(fill, t.btnDefaultTextColor);\nglobalStyle(`${fill}:hover`, buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', ''));\nbuttonActiveMixin(`${fill}:active`, t.btnFillActiveBg, '', '', '');\n\nbuttonActiveMixin(\n activeDefault,\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnBorderWidth,\n);\nbuttonActiveMixin(\n activeAccent,\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnBorderWidth,\n);\nbuttonActiveMixin(\n activeSuccess,\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnBorderWidth,\n);\nbuttonActiveMixin(\n activeDanger,\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnBorderWidth,\n);\nbuttonActiveMixin(activePay, t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth);\nbuttonActiveMixin(activeText, t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth);\nbuttonActiveMixin(activeOutline, t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth);\nbuttonActiveMixin(activeFill, t.btnFillActiveBg, '', '', '');\n\nglobalStyle(`${focus}, ${focus}:hover:enabled, ${focus}:active:enabled, ${focus}:active:hover:enabled`, {\n boxShadow: `inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important`, // override root:hover style\n});\n\nconst checkedNested = (selector: string) => {\n const selectors = selector.split(', ');\n const each = (suffix: string) => selectors.map((s) => `${s}${suffix}`).join(', ');\n globalStyle(each(` ${innerShadow}`), { boxShadow: t.btnCheckedShadow });\n globalStyle(each(':enabled svg'), { color: `${t.btnCheckedTextColor} !important` });\n globalStyle(each(':hover:enabled svg'), { color: `${t.btnCheckedTextColor} !important` });\n};\ncheckedNested(checked);\nconst checkedHover = `${checked}:hover:enabled, ${checked}:active:enabled, ${checked}:hover:active:enabled`;\nglobalStyle(checkedHover, checkedRule);\ncheckedNested(checkedHover);\n\nglobalStyle(`${checkedFocused}:hover:enabled, ${checkedFocused}:hover:active:enabled`, {\n boxShadow: `inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important`,\n borderColor: `${t.btnBorderColorFocus} !important`,\n});\n\nglobalStyle(`${checkedDisabled} ${innerShadow}`, { boxShadow: t.btnCheckedDisabledShadow });\nglobalStyle(`${checkedDisabled} svg`, { color: `${t.btnCheckedDisabledColor} !important` });\n\nglobalStyle(`${borderless}, ${borderless}:active:hover, ${borderless}:hover`, {\n boxShadow: 'none !important', // override root:hover style\n});\n\nexport const styles = {\n root,\n withArrowIconRightSmall,\n withArrowIconRightMedium,\n withArrowIconRightLarge,\n withArrowIconLeftSmall,\n withArrowIconLeftMedium,\n withArrowIconLeftLarge,\n outlineDefault,\n outlineWarning,\n outlineError,\n outlineLink,\n outlineLinkWarning,\n outlineLinkError,\n sizeSmall,\n sizeMedium,\n sizeLarge,\n sizeSmallWithIcon,\n sizeMediumWithIcon,\n sizeLargeWithIcon,\n sizeSmallWithRightIcon,\n sizeMediumWithRightIcon,\n sizeLargeWithRightIcon,\n sizeSmallWithIconWithoutText,\n sizeMediumWithIconWithoutText,\n sizeLargeWithIconWithoutText,\n link,\n linkLineHeight,\n linkLineHeightSafariFallback,\n linkFocus,\n linkDisabled,\n focus,\n disabled,\n disabledWithoutOutline,\n arrowIconRoot,\n arrowIconRootSmall,\n arrowIconRootMedium,\n arrowIconRootLarge,\n arrowIconLeft,\n default: defaultStyle,\n accent,\n success,\n danger,\n pay,\n text,\n outline,\n fill,\n checked,\n checkedFocused,\n checkedDisabled,\n caption,\n captionLink,\n captionDisabled,\n wrap,\n wrapSmall,\n wrapMedium,\n wrapLarge,\n narrow,\n noPadding,\n noRightPadding,\n wrapLink,\n borderless,\n backlessDisabled,\n textDisabled,\n loading,\n visibilityHidden,\n};\n\nexport const activeStyles = {\n default: activeDefault,\n accent: activeAccent,\n success: activeSuccess,\n danger: activeDanger,\n pay: activePay,\n link: activeLink,\n text: activeText,\n outline: activeOutline,\n fill: activeFill,\n};\n"]}

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

@@ -119,10 +119,6 @@ export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DE
         focusedByTab: boolean;
     };
     private globalObject;
-    private emotion;
-    private cx;
-    private styles;
-    private activeStyles;
     private theme;
     private node;
     private size;

package/components/Button/Button.js CHANGED Viewed

@@ -55,16 +55,17 @@ import warning from 'warning';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { isSafari } from '../../lib/client.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { cx } from '../../lib/cx.js';
 import { KeyListener } from '../../lib/events/keyListener.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
+import { mergePropsTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';
 import { isKonturIcon } from '../../lib/utils.js';
 import { Link } from '../Link/index.js';
-import { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';
+import { activeStyles, styles, globalClasses } from './Button.css.js';
 import { useButtonArrow as getButtonArrow } from './ButtonArrow.js';
 import { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';
 import { getInnerLinkTheme } from './getInnerLinkTheme.js';
@@ -96,38 +97,38 @@ var Button = /** @class */ (function (_super) {
             var sizeClass = _this.getSizeClassName();
             var isFocused = _this.state.focusedByTab || visuallyFocused;
             var isLink = use === 'link';
-            var _h = getButtonArrow(__assign(__assign({}, _this.props), { isFocused: Boolean(isFocused), size: _this.size }), _this.theme, _this.styles, _this.cx), rootClassNameWithArrow = _h[0], arrowNode = _h[1];
+            var _h = getButtonArrow(__assign(__assign({}, _this.props), { isFocused: Boolean(isFocused), size: _this.size })), rootClassNameWithArrow = _h[0], arrowNode = _h[1];
             var isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);
             var isAriaDisabled = ariaDisabled === true || ariaDisabled === 'true';
             var nonInteractive = disabled || loading;
             var _j = _this.getUseStyle(use), style = _j.style, styleActive = _j.styleActive;
-            var rootClassName = _this.cx.apply(_this, __spreadArray([_this.styles.root(_this.theme),
+            var rootClassName = cx.apply(void 0, __spreadArray([styles.root,
                 style,
                 sizeClass,
-                narrow && _this.styles.narrow(),
-                _noPadding && _this.styles.noPadding(),
-                _noRightPadding && _this.styles.noRightPadding(),
+                narrow && styles.narrow,
+                _noPadding && styles.noPadding,
+                _noRightPadding && styles.noRightPadding,
                 rootClassNameWithArrow], (nonInteractive || isAriaDisabled
                 ? [
-                    _this.styles.disabled(_this.theme),
-                    isUseStateWithoutOutlineInDisabledState && _this.styles.disabledWithoutOutline(_this.theme),
-                    checked && _this.styles.checkedDisabled(_this.theme),
-                    borderless && _this.styles.borderless(),
-                    (use === 'backless' || use === 'outline') && _this.styles.backlessDisabled(_this.theme),
-                    use === 'text' && _this.styles.textDisabled(),
+                    styles.disabled,
+                    isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline,
+                    checked && styles.checkedDisabled,
+                    borderless && styles.borderless,
+                    (use === 'backless' || use === 'outline') && styles.backlessDisabled,
+                    use === 'text' && styles.textDisabled,
                     globalClasses.disabled,
                 ]
                 : [
                     active && !checked && styleActive,
-                    isFocused && _this.styles.focus(_this.theme),
-                    checked && _this.styles.checked(_this.theme),
-                    checked && isFocused && _this.styles.checkedFocused(_this.theme),
-                    borderless && !checked && !isFocused && _this.styles.borderless(),
+                    isFocused && styles.focus,
+                    checked && styles.checked,
+                    checked && isFocused && styles.checkedFocused,
+                    borderless && !checked && !isFocused && styles.borderless,
                 ]), false));
             var rootProps = __assign(__assign({}, rest), { className: rootClassName, style: __assign({ textAlign: align }, corners), onFocus: _this.handleFocus, onBlur: _this.handleBlur, tabIndex: _this.getTabIndex({ disableFocus: disableFocus, disabled: nonInteractive, tabIndex: tabIndex }) });
             var wrapProps = {
-                className: _this.cx(globalClasses.root, (_a = {},
-                    _a[_this.styles.wrap(_this.theme)] = true,
+                className: cx(globalClasses.root, (_a = {},
+                    _a[styles.wrap] = true,
                     _a[_this.getSizeWrapClassName()] = true,
                     _a)),
                 style: {
@@ -138,12 +139,12 @@ var Button = /** @class */ (function (_super) {
             var innerShadowNode = null;
             var outlineNode = null;
             if ((!isFocused || isLink) && !nonInteractive) {
-                outlineNode = (React.createElement("div", { className: _this.cx(_this.styles.outlineDefault(), (_b = {},
-                        _b[_this.styles.outlineWarning(_this.theme)] = warning,
-                        _b[_this.styles.outlineError(_this.theme)] = error,
-                        _b[_this.styles.outlineLink()] = isLink,
-                        _b[_this.styles.outlineLinkWarning(_this.theme)] = isLink && warning,
-                        _b[_this.styles.outlineLinkError(_this.theme)] = isLink && error,
+                outlineNode = (React.createElement("div", { className: cx(styles.outlineDefault, (_b = {},
+                        _b[styles.outlineWarning] = warning,
+                        _b[styles.outlineError] = error,
+                        _b[styles.outlineLink] = isLink,
+                        _b[styles.outlineLinkWarning] = isLink && warning,
+                        _b[styles.outlineLinkError] = isLink && error,
                         _b)) }));
             }
             var iconProps = {
@@ -156,31 +157,31 @@ var Button = /** @class */ (function (_super) {
             var rightIconNode = rightIcon && (React.createElement(ButtonIcon, __assign({}, iconProps, { hasBothIcons: !!icon && !!rightIcon, position: "right", icon: rightIcon })));
             // Force disable all props and features, that cannot be use with Link
             if (isLink) {
-                rootProps.className = _this.cx((_c = {},
-                    _c[_this.styles.root(_this.theme)] = true,
+                rootProps.className = cx((_c = {},
+                    _c[styles.root] = true,
                     _c[sizeClass] = true,
-                    _c[_this.styles.link(_this.theme)] = true,
-                    _c[_this.styles.linkLineHeight()] = !isSafari,
-                    _c[_this.styles.linkLineHeightSafariFallback()] = isSafari,
-                    _c[_this.styles.linkFocus(_this.theme)] = isFocused,
-                    _c[_this.styles.linkDisabled(_this.theme)] = nonInteractive,
+                    _c[styles.link] = true,
+                    _c[styles.linkLineHeight] = !isSafari,
+                    _c[styles.linkLineHeightSafariFallback] = isSafari,
+                    _c[styles.linkFocus] = isFocused,
+                    _c[styles.linkDisabled] = nonInteractive,
                     _c));
                 Object.assign(wrapProps, {
-                    className: _this.cx(_this.styles.wrap(_this.theme), _this.styles.wrapLink()),
+                    className: cx(styles.wrap, styles.wrapLink),
                     style: { width: wrapProps.style.width },
                 });
                 rootProps.style.textAlign = undefined;
             }
             var hasLoadingNode = loading && !icon && !rightIcon;
             var loadingNode = hasLoadingNode && React.createElement(LoadingButtonIcon, { size: _this.size });
-            var captionNode = (React.createElement("div", { className: _this.cx(_this.styles.caption(), globalClasses.caption, (_d = {},
-                    _d[_this.styles.captionLink()] = isLink,
-                    _d[_this.styles.captionDisabled()] = !checked && disabled,
+            var captionNode = (React.createElement("div", { className: cx(styles.caption, globalClasses.caption, (_d = {},
+                    _d[styles.captionLink] = isLink,
+                    _d[styles.captionDisabled] = !checked && disabled,
                     _d)) },
                 loadingNode,
                 leftIconNode,
-                React.createElement("span", { className: _this.cx(globalClasses.text, (_e = {},
-                        _e[_this.styles.visibilityHidden()] = hasLoadingNode,
+                React.createElement("span", { className: cx(globalClasses.text, (_e = {},
+                        _e[styles.visibilityHidden] = hasLoadingNode,
                         _e)) }, children),
                 rightIconNode));
             if (isLink && !loading) {
@@ -255,11 +256,10 @@ var Button = /** @class */ (function (_super) {
     };
     Button.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
-        this.activeStyles = getActiveStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
-            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain));
+            _this.theme = mergePropsTheme(theme, _this.props.theme);
+            return (React.createElement(ThemeContext.Provider, { value: _this.theme },
+                React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain)));
         }));
     };
     Button.prototype.getTabIndex = function (_a) {
@@ -281,41 +281,40 @@ var Button = /** @class */ (function (_super) {
     Button.prototype.getUseStyle = function (use) {
         var style;
         var styleActive;
-        var _a = this, styles = _a.styles, activeStyles = _a.activeStyles;
         switch (use) {
             case 'primary':
             case 'accent':
-                style = styles.accent(this.theme);
-                styleActive = activeStyles.accent(this.theme);
+                style = styles.accent;
+                styleActive = activeStyles.accent;
                 break;
             case 'backless':
             case 'outline':
-                style = styles.outline(this.theme);
-                styleActive = activeStyles.outline(this.theme);
+                style = styles.outline;
+                styleActive = activeStyles.outline;
                 break;
             case 'fill':
-                style = styles.fill(this.theme);
-                styleActive = activeStyles.fill(this.theme);
+                style = styles.fill;
+                styleActive = activeStyles.fill;
                 break;
             case 'success':
-                style = styles.success(this.theme);
-                styleActive = activeStyles.success(this.theme);
+                style = styles.success;
+                styleActive = activeStyles.success;
                 break;
             case 'danger':
-                style = styles.danger(this.theme);
-                styleActive = activeStyles.danger(this.theme);
+                style = styles.danger;
+                styleActive = activeStyles.danger;
                 break;
             case 'pay':
-                style = styles.pay(this.theme);
-                styleActive = activeStyles.pay(this.theme);
+                style = styles.pay;
+                styleActive = activeStyles.pay;
                 break;
             case 'text':
-                style = styles.text(this.theme);
-                styleActive = activeStyles.text(this.theme);
+                style = styles.text;
+                styleActive = activeStyles.text;
                 break;
             default:
-                style = styles.default(this.theme);
-                styleActive = activeStyles.default(this.theme);
+                style = styles.default;
+                styleActive = activeStyles.default;
         }
         return { style: style, styleActive: styleActive };
     };
@@ -325,40 +324,40 @@ var Button = /** @class */ (function (_super) {
         switch (this.size) {
             case 'large': {
                 var commonClasses = (_a = {},
-                    _a[this.styles.sizeLargeWithIcon(this.theme)] = !!icon,
-                    _a[this.styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon,
-                    _a[this.styles.sizeLargeWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
+                    _a[styles.sizeLargeWithIcon] = !!icon,
+                    _a[styles.sizeLargeWithRightIcon] = !!rightIcon,
+                    _a[styles.sizeLargeWithIconWithoutText] = (!!icon || !!rightIcon) && !children,
                     _a);
-                return this.cx(this.styles.sizeLarge(this.theme), commonClasses);
+                return cx(styles.sizeLarge, commonClasses);
             }
             case 'medium': {
                 var commonClasses = (_b = {},
-                    _b[this.styles.sizeMediumWithIcon(this.theme)] = !!icon,
-                    _b[this.styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon,
-                    _b[this.styles.sizeMediumWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
+                    _b[styles.sizeMediumWithIcon] = !!icon,
+                    _b[styles.sizeMediumWithRightIcon] = !!rightIcon,
+                    _b[styles.sizeMediumWithIconWithoutText] = (!!icon || !!rightIcon) && !children,
                     _b);
-                return this.cx(this.styles.sizeMedium(this.theme), commonClasses);
+                return cx(styles.sizeMedium, commonClasses);
             }
             case 'small':
             default: {
                 var commonClasses = (_c = {},
-                    _c[this.styles.sizeSmallWithIcon(this.theme)] = !!icon,
-                    _c[this.styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon,
-                    _c[this.styles.sizeSmallWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
+                    _c[styles.sizeSmallWithIcon] = !!icon,
+                    _c[styles.sizeSmallWithRightIcon] = !!rightIcon,
+                    _c[styles.sizeSmallWithIconWithoutText] = (!!icon || !!rightIcon) && !children,
                     _c);
-                return this.cx(this.styles.sizeSmall(this.theme), commonClasses);
+                return cx(styles.sizeSmall, commonClasses);
             }
         }
     };
     Button.prototype.getSizeWrapClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.wrapLarge(this.theme);
+                return styles.wrapLarge;
             case 'medium':
-                return this.styles.wrapMedium(this.theme);
+                return styles.wrapMedium;
             case 'small':
             default:
-                return this.styles.wrapSmall(this.theme);
+                return styles.wrapSmall;
         }
     };
     var Button_1;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAI/D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAgI3D,MAAM,CAAC,IAAM,wBAAwB,GAAG,QAAQ,CAAC;AASjD,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;CAClB,CAAC;AAIX,IAAM,aAAa,GAA6D,UAAC,EAAqB;IAAnB,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAClG,OAAO,yCAAU,IAAI,GAAG,QAAQ,CAAQ,CAAC;AAC3C,CAAC,CAAC;AAEF,oFAAoF;AAIpF;IAAiG,0BAGhG;IAHD;;QAgBU,cAAQ,GAAG,iBAAiB,CAAC,QAAM,CAAC,YAAY,CAAC,CAAC;QAEnD,WAAK,GAAG;YACb,YAAY,EAAE,KAAK;SACpB,CAAC;QAQM,UAAI,GAAuB,IAAI,CAAC;QAmFhC,gBAAU,GAAG,UAAC,KAA0C;;YAE5D,IAAA,OAAO,GAwBL,KAAK,QAxBA,EACP,MAAM,GAuBJ,KAAK,OAvBD,EACN,QAAQ,GAsBN,KAAK,SAtBC,EACR,UAAU,GAqBR,KAAK,WArBG,EACV,OAAO,GAoBL,KAAK,QApBA,EACP,KAAK,GAmBH,KAAK,MAnBF,EACL,OAAO,GAkBL,KAAK,QAlBA,EACP,OAAO,GAiBL,KAAK,QAjBA,EACP,MAAM,GAgBJ,KAAK,OAhBD,EACN,KAAK,GAeH,KAAK,MAfF,EACL,IAAI,GAcF,KAAK,KAdH,EACJ,SAAS,GAaP,KAAK,UAbE,EACT,UAAU,GAYR,KAAK,WAZG,EACV,eAAe,GAWb,KAAK,gBAXQ,EACf,uBAAuB,GAUrB,KAAK,wBAVgB,EACvB,eAAe,GASb,KAAK,gBATQ,EACf,KAAK,GAQH,KAAK,MARF,EACL,YAAY,GAOV,KAAK,aAPK,EACZ,KAAK,GAMH,KAAK,MANF,EACL,QAAQ,GAKN,KAAK,SALC,EACG,UAAU,GAInB,KAAK,UAJc,EAChB,OAAO,GAGV,KAAK,IAHK,EACZ,KAAK,GAEH,KAAK,MAFF,EACF,IAAI,UACL,KAAK,EAzBH,2RAyBL,CADQ,CACC;YACJ,IAAA,KAKF,KAAI,CAAC,QAAQ,EAAE,EAJjB,WAA2D,EAA3D,GAAG,mBAAG,UAAU,CAAC,KAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KAAA,EAC3D,SAAS,eAAA,EACT,QAAQ,cAAA,EACS,YAAY,sBACZ,CAAC;YAEpB,IAAM,SAAS,GAAG,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAE1C,IAAM,SAAS,GAAG,KAAI,CAAC,KAAK,CAAC,YAAY,IAAI,eAAe,CAAC;YAC7D,IAAM,MAAM,GAAG,GAAG,KAAK,MAAM,CAAC;YAExB,IAAA,KAAsC,cAAc,uBACnD,KAAI,CAAC,KAAK,KAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAI,CAAC,IAAI,KAC/D,KAAI,CAAC,KAAK,EACV,KAAI,CAAC,MAAM,EACX,KAAI,CAAC,EAAE,CACR,EALM,sBAAsB,QAAA,EAAE,SAAS,QAKvC,CAAC;YACF,IAAM,uCAAuC,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAElG,IAAM,cAAc,GAAG,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,MAAM,CAAC;YACxE,IAAM,cAAc,GAAG,QAAQ,IAAI,OAAO,CAAC;YACrC,IAAA,KAAyB,KAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAA5C,KAAK,WAAA,EAAE,WAAW,iBAA0B,CAAC;YAErD,IAAM,aAAa,GAAG,KAAI,CAAC,EAAE,OAAP,KAAI,iBACxB,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC;gBAC5B,KAAK;gBACL,SAAS;gBACT,MAAM,IAAI,KAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAC9B,UAAU,IAAI,KAAI,CAAC,MAAM,CAAC,SAAS,EAAE;gBACrC,eAAe,IAAI,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE;gBAC/C,sBAAsB,GACnB,CAAC,cAAc,IAAI,cAAc;gBAClC,CAAC,CAAC;oBACE,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC;oBAChC,uCAAuC,IAAI,KAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAI,CAAC,KAAK,CAAC;oBACzF,OAAO,IAAI,KAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC;oBAClD,UAAU,IAAI,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE;oBACtC,CAAC,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,SAAS,CAAC,IAAI,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC;oBACrF,GAAG,KAAK,MAAM,IAAI,KAAI,CAAC,MAAM,CAAC,YAAY,EAAE;oBAC5C,aAAa,CAAC,QAAQ;iBACvB;gBACH,CAAC,CAAC;oBACE,MAAM,IAAI,CAAC,OAAO,IAAI,WAAW;oBACjC,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC1C,OAAO,IAAI,KAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC1C,OAAO,IAAI,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC9D,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE;iBACjE,CAAC,SACP,CAAC;YAEF,IAAM,SAAS,yBACV,IAAI,KACP,SAAS,EAAE,aAAa,EACxB,KAAK,aACH,SAAS,EAAE,KAAK,IACb,OAAO,GAEZ,OAAO,EAAE,KAAI,CAAC,WAAW,EACzB,MAAM,EAAE,KAAI,CAAC,UAAU,EACvB,QAAQ,EAAE,KAAI,CAAC,WAAW,CAAC,EAAE,YAAY,cAAA,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,UAAA,EAAE,CAAC,GACjF,CAAC;YAEF,IAAM,SAAS,GAAG;gBAChB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI;oBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,KAAI,CAAC,oBAAoB,EAAE,IAAG,IAAI;wBACnC;gBACF,KAAK,EAAE;oBACL,KAAK,OAAA;iBACN;aACF,CAAC;YAEF,IAAM,eAAe,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAEnF,IAAM,eAAe,GAAG,IAAI,CAAC;YAE7B,IAAI,WAAW,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC9C,WAAW,GAAG,CACZ,6BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE;wBAC7C,GAAC,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,OAAO;wBACjD,GAAC,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK;wBAC7C,GAAC,KAAI,CAAC,MAAM,CAAC,WAAW,EAAE,IAAG,MAAM;wBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,OAAO;wBAC/D,GAAC,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,KAAK;4BAC3D,GACF,CACH,CAAC;YACJ,CAAC;YAED,IAAM,SAAS,GAAsC;gBACnD,GAAG,KAAA;gBACH,IAAI,EAAE,KAAI,CAAC,IAAI;gBACf,WAAW,EAAE,CAAC,CAAC,QAAQ;gBACvB,OAAO,EAAE,OAAO,IAAI,KAAK;aAC1B,CAAC;YACF,IAAM,YAAY,GAAG,IAAI,IAAI,oBAAC,UAAU,eAAK,SAAS,IAAE,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,IAAI,CAAC;YACvF,IAAM,aAAa,GAAG,SAAS,IAAI,CACjC,oBAAC,UAAU,eAAK,SAAS,IAAE,YAAY,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,IAAI,CACrG,CAAC;YAEF,qEAAqE;YACrE,IAAI,MAAM,EAAE,CAAC;gBACX,SAAS,CAAC,SAAS,GAAG,KAAI,CAAC,EAAE;oBAC3B,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,SAAS,IAAG,IAAI;oBACjB,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE,IAAG,CAAC,QAAQ;oBACzC,GAAC,KAAI,CAAC,MAAM,CAAC,4BAA4B,EAAE,IAAG,QAAQ;oBACtD,GAAC,KAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS;oBAC9C,GAAC,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,cAAc;wBACtD,CAAC;gBACH,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;oBACvB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,EAAE,KAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACxE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE;iBACxC,CAAC,CAAC;gBAEH,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;YACxC,CAAC;YAED,IAAM,cAAc,GAAG,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC;YACtD,IAAM,WAAW,GAAG,cAAc,IAAI,oBAAC,iBAAiB,IAAC,IAAI,EAAE,KAAI,CAAC,IAAI,GAAI,CAAC;YAE7E,IAAI,WAAW,GAAG,CAChB,6BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,aAAa,CAAC,OAAO;oBAC7D,GAAC,KAAI,CAAC,MAAM,CAAC,WAAW,EAAE,IAAG,MAAM;oBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,eAAe,EAAE,IAAG,CAAC,OAAO,IAAI,QAAQ;wBACrD;gBAED,WAAW;gBACX,YAAY;gBACb,8BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI;wBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAG,cAAc;4BAChD,IAED,QAAQ,CACJ;gBACN,aAAa,CACV,CACP,CAAC;YACF,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvB,WAAW,GAAG,CACZ,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,IAEvD,oBAAC,IAAI,IACH,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/B,SAAS,EAAE,KAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACJ,CAEa,CACzB,CAAC;YACJ,CAAC;YAED,IAAM,IAAI,GAAsB,SAAS,CAAC;YAE1C,OAAO,CACL,yCAAU,SAAS,gBAAY,cAAc,CAAC,IAAI;gBAChD,oBAAC,IAAI,yBAAW,cAAc,CAAC,WAAW,EAAE,GAAG,EAAE,KAAI,CAAC,IAAI,IAAM,SAAS,EAAM,eAAe;oBAC3F,eAAe;oBACf,WAAW;oBACX,SAAS;oBACT,WAAW,CACP,CACF,CACR,CAAC;QACJ,CAAC,CAAC;QAuGM,iBAAW,GAAG,UAAC,CAAmB;;YACxC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACrD,iDAAiD;gBACjD,6CAA6C;gBAC7C,MAAA,MAAA,KAAI,CAAC,YAAY,EAAC,qBAAqB,mDAAG;oBACxC,IAAI,KAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;wBAClC,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,OAAO,mDAAG,CAAC,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG,UAAC,CAAmB;;YACvC,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACrD,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,MAAM,mDAAG,CAAC,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEM,UAAI,GAAG,UAAC,IAAwB;YACtC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;;IACJ,CAAC;eAvbY,MAAM;IAkCV,kCAAiB,GAAxB;QACE,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;YACrC,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;QACD,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,EACzB,gGAAgG,CACjG,CAAC;QACF,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,EAC5B,oFAAoF,CACrF,CAAC;QACF,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,UAAU,EAC7B,sFAAsF,CACvF,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;YACxC,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,EAC5B,qGAAqG,CACtG,CAAC;QACJ,CAAC;IACH,CAAC;IAEa,+BAAwB,GAAtC,UAAuC,KAAkB;QACvD,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QACjC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACI,sBAAK,GAAZ;;QACE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED;;OAEG;IACI,qBAAI,GAAX;;QACE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EAAE,CAAC;IACpB,CAAC;IAEM,uBAAM,GAAb;QAAA,iBAgBC;QAfC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAElD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAI,CAAC,KAAK,CAAC,KAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9F,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAI,CAAC,KAAK,GACzD,KAAI,CAAC,UAAU,CACF,CACjB,CAAC;QACJ,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,4BAAW,GAAnB,UAAoB,EAI0C;YAH5D,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA;QAEZ,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YAC7B,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IA8MO,+BAAc,GAAtB,UAAuB,IAAoC;;QACzD,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,IAAM,SAAS,GAAG,IAAI,CAAC,KAAkB,CAAC;YAC1C,IAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7C,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAe,CAAC,CAAC;QAC7F,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,4BAAW,GAAnB,UAAoB,GAAc;QAChC,IAAI,KAAK,CAAC;QACV,IAAI,WAAW,CAAC;QACV,IAAA,KAA2B,IAAI,EAA7B,MAAM,YAAA,EAAE,YAAY,kBAAS,CAAC;QAEtC,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9C,MAAM;YACR,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS;gBACZ,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;YACR,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9C,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/B,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM;YACR;gBACE,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,CAAC;IAChC,CAAC;IAEO,iCAAgB,GAAxB;;QACQ,IAAA,KAAgC,IAAI,CAAC,QAAQ,EAAE,EAA7C,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAoB,CAAC;QAEtD,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACnD,GAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC7D,GAAC,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC7F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACnE,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACpD,GAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC9D,GAAC,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC9F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACpE,CAAC;YACD,KAAK,OAAO,CAAC;YACb,OAAO,CAAC,CAAC,CAAC;gBACR,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACnD,GAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC7D,GAAC,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC7F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;IACH,CAAC;IAEO,qCAAoB,GAA5B;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;;IA1Za,0BAAmB,GAAG,QAAQ,AAAX,CAAY;IAC/B,kBAAW,GAAG,QAAQ,AAAX,CAAY;IACvB,iBAAU,GAAG,IAAI,AAAP,CAAQ;IAElB,mBAAY,GAAiB;QACzC,0EAA0E;QAC1E,wEAAwE;QACxE,2DAA2D;QAC3D,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,wBAAwB;KACpC,AANyB,CAMxB;IAdS,MAAM;QAHlB,qBAAqB;QACrB,QAAQ;QACR,QAAQ;OACI,MAAM,CAublB;IAAD,aAAC;CAAA,AAvbD,CAAiG,KAAK,CAAC,SAAS,GAub/G;SAvbY,MAAM","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport { isSafari } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport { Link } from '../Link/index.js';\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';\nimport { useButtonArrow as getButtonArrow } from './ButtonArrow.js';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';\nimport type { ButtonIconProps } from './ButtonIcon.js';\nimport { getInnerLinkTheme } from './getInnerLinkTheme.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse =\n \| 'default'\n \| 'outline'\n \| 'fill'\n \| 'text'\n \| 'accent'\n \| 'danger'\n \| 'success'\n \| 'pay'\n /** @deprecated Используйте компонент <Link component=\"button\" /> /\n \| 'link'\n /* @deprecated Используйте use=\"outline\" /\n \| 'backless'\n /* @deprecated Используйте use=\"accent\" /\n \| 'primary';\n\nexport interface ButtonInnerProps extends CommonProps {\n /* @ignore /\n _noPadding?: boolean;\n\n /* @ignore /\n _noRightPadding?: boolean;\n\n /\n @ignore\n * @deprecated Проп будет удален вместе с use=\"default\" в 7.0\n /\n _noWarningForUseDefault?: boolean;\n\n /* Применяет к кнопке стили псевдокласса `:active`. /\n active?: boolean;\n\n /* Выравнивание текста в кнопке. /\n align?: React.CSSProperties['textAlign'];\n\n /* Преобразует обычную кнопку в кнопку со стрелкой. /\n arrow?: boolean \| 'left';\n\n /* Устанавливает фокус на кнопке после окончания загрузки страницы./\n autoFocus?: boolean;\n\n /* Убирает обводку у кнопки.\n \n *Не рекомендуем использовать, противоречит дизайн-требованиям.\n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n \n Альтернативный вариант использования — use=\"fill\" или переменную темы `btnBorderWidth` /\n borderless?: boolean;\n\n /* @ignore /\n checked?: boolean;\n\n /* @ignore /\n children?: React.ReactNode;\n\n /* @ignore /\n corners?: React.CSSProperties;\n\n /* Блокирует кнопку и перекрашивает в серый. /\n disabled?: boolean;\n\n /* @ignore /\n disableFocus?: boolean;\n\n /* Переводит кнопку в состояние валидации \"Ошибка\".\n \n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. /\n error?: boolean;\n\n /* Добавляет иконку слева от текста кнопки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от текста кнопки. /\n rightIcon?: React.ReactElement;\n\n /* Переводит кнопку в состояние загрузки. /\n loading?: boolean;\n\n /* Сужает кнопку.\n \n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n \n Альтернативный вариант использования — через переменные темы `btnPaddingXSmall`, `btnPaddingXMedium`, `btnPaddingXLarge` /\n narrow?: boolean;\n\n /* Размер кнопки. /\n size?: SizeProp;\n\n /* HTML-атрибут `type`. /\n type?: ButtonType;\n\n /* HTML-атрибут `title`. /\n title?: string;\n\n /* Стиль кнопки.\n * - accent — кнопка основного действия\n * - outline — кнопка второстепенного действия с границами без фона\n * - fill — кнопка второстепенного действия с фоном без границ\n * - text — кнопка второстепенного действия без фона и обводки\n * - danger — кнопка деструктивного действия\n * - success — кнопка позитивного действия\n * - pay — кнопка, связанная с оплатой\n \n ⚠️ Deprecated-стили, будут удалены в 7.0:\n * - use=\"primary\" → use=\"accent\"\n * - use=\"backless\" → use=\"outline\"\n * - use=\"link\" → `<Link component=\"button\">`\n * - use=\"default\" → use=\"outline\" или use=\"fill\"\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /* Переводит кнопку в состояние валидации \"Предупреждение\".\n * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. /\n warning?: boolean;\n\n /* Ширина кнопки. /\n width?: number \| string;\n\n /* Объект с переменными темы. /\n theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n rootElement: 'Button__rootElement',\n root: 'Button__root',\n spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'type' \| 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n return <span {...rest}>{children}</span>;\n};\n\n/* Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. /\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n ButtonProps<C>,\n ButtonState\n> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static displayName = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n // By default, the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type: 'button',\n component: BUTTON_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private activeStyles!: ReturnType<typeof getActiveStyles>;\n private theme!: Theme;\n private node: HTMLElement \| null = null;\n private size!: SizeProp;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n if (this.props.autoFocus) {\n this.keyListener.isTabPressed = true;\n this.focus();\n }\n warning(\n this.props.use !== 'link',\n '[Button]: `use=\"link\"` has been deprecated. Please, use `<Link component=\"button\" />` instead.',\n );\n warning(\n this.props.use !== 'primary',\n '[Button]: `use=\"primary\"` has been deprecated. Please, use `use=\"accent\"` instead.',\n );\n warning(\n this.props.use !== 'backless',\n '[Button]: `use=\"backless\"` has been deprecated. Please, use `use=\"outline\"` instead.',\n );\n if (!this.props._noWarningForUseDefault) {\n warning(\n this.props.use !== 'default',\n '[Button]: `use=\"default\"` has been deprecated. Please, use `use=\"outline\"` or `use=\"fill\"` instead.',\n );\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading \|\| props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /* Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n /\n public focus(): void {\n this.node?.focus();\n }\n\n /* Программно снимает фокус с кнопки.\n * @public\n */\n public blur(): void {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n this.activeStyles = getActiveStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex({\n disableFocus,\n disabled,\n tabIndex = 0,\n }: Pick<ButtonProps, 'disableFocus' \| 'disabled' \| 'tabIndex'>) {\n if (disableFocus \|\| disabled) {\n return -1;\n }\n\n return tabIndex;\n }\n\n private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n arrow,\n icon,\n rightIcon,\n _noPadding,\n _noRightPadding,\n _noWarningForUseDefault,\n visuallyFocused,\n align,\n disableFocus,\n width,\n tabIndex,\n component: _component,\n use: useProp,\n theme,\n ...rest\n } = props;\n const {\n use = isThemeGTE(this.theme, '6.1') ? 'outline' : 'default',\n component,\n children,\n 'aria-disabled': ariaDisabled,\n } = this.getProps();\n\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n\n const [rootClassNameWithArrow, arrowNode] = getButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n this.theme,\n this.styles,\n this.cx,\n );\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);\n\n const isAriaDisabled = ariaDisabled === true \|\| ariaDisabled === 'true';\n const nonInteractive = disabled \|\| loading;\n const { style, styleActive } = this.getUseStyle(use);\n\n const rootClassName = this.cx(\n this.styles.root(this.theme),\n style,\n sizeClass,\n narrow && this.styles.narrow(),\n _noPadding && this.styles.noPadding(),\n _noRightPadding && this.styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(nonInteractive \|\| isAriaDisabled\n ? [\n this.styles.disabled(this.theme),\n isUseStateWithoutOutlineInDisabledState && this.styles.disabledWithoutOutline(this.theme),\n checked && this.styles.checkedDisabled(this.theme),\n borderless && this.styles.borderless(),\n (use === 'backless' \|\| use === 'outline') && this.styles.backlessDisabled(this.theme),\n use === 'text' && this.styles.textDisabled(),\n globalClasses.disabled,\n ]\n : [\n active && !checked && styleActive,\n isFocused && this.styles.focus(this.theme),\n checked && this.styles.checked(this.theme),\n checked && isFocused && this.styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && this.styles.borderless(),\n ]),\n );\n\n const rootProps = {\n ...rest,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n };\n\n const wrapProps = {\n className: this.cx(globalClasses.root, {\n [this.styles.wrap(this.theme)]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n const innerShadowNode = null;\n\n let outlineNode = null;\n if ((!isFocused \|\| isLink) && !nonInteractive) {\n outlineNode = (\n <div\n className={this.cx(this.styles.outlineDefault(), {\n [this.styles.outlineWarning(this.theme)]: warning,\n [this.styles.outlineError(this.theme)]: error,\n [this.styles.outlineLink()]: isLink,\n [this.styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [this.styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconProps: Omit<ButtonIconProps, 'position'> = {\n use,\n size: this.size,\n hasChildren: !!children,\n loading: loading \|\| false,\n };\n const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n const rightIconNode = rightIcon && (\n <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n );\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = this.cx({\n [this.styles.root(this.theme)]: true,\n [sizeClass]: true,\n [this.styles.link(this.theme)]: true,\n [this.styles.linkLineHeight()]: !isSafari,\n [this.styles.linkLineHeightSafariFallback()]: isSafari,\n [this.styles.linkFocus(this.theme)]: isFocused,\n [this.styles.linkDisabled(this.theme)]: nonInteractive,\n });\n Object.assign(wrapProps, {\n className: this.cx(this.styles.wrap(this.theme), this.styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n\n rootProps.style.textAlign = undefined;\n }\n\n const hasLoadingNode = loading && !icon && !rightIcon;\n const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n let captionNode = (\n <div\n className={this.cx(this.styles.caption(), globalClasses.caption, {\n [this.styles.captionLink()]: isLink,\n [this.styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {leftIconNode}\n <span\n className={this.cx(globalClasses.text, {\n [this.styles.visibilityHidden()]: hasLoadingNode,\n })}\n >\n {children}\n </span>\n {rightIconNode}\n </div>\n );\n if (isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n {\n <Link<typeof SpanComponent>\n focused={isFocused}\n disabled={disabled}\n icon={this.renderIcon2022(icon)}\n rightIcon={this.renderIcon2022(rightIcon)}\n tabIndex={-1}\n component={SpanComponent}\n >\n {children}\n </Link>\n }\n </ThemeContext.Provider>\n );\n }\n\n const Root: React.ElementType = component;\n\n return (\n <span {...wrapProps} data-tid={ButtonDataTids.root}>\n <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </Root>\n </span>\n );\n };\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon?.props && isKonturIcon(icon)) {\n const iconProps = icon.props as IconProps;\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: iconProps.size ?? sizes[this.size] } as IconProps);\n }\n\n return icon;\n }\n\n private getUseStyle(use: ButtonUse) {\n let style;\n let styleActive;\n const { styles, activeStyles } = this;\n\n switch (use) {\n case 'primary':\n case 'accent':\n style = styles.accent(this.theme);\n styleActive = activeStyles.accent(this.theme);\n break;\n case 'backless':\n case 'outline':\n style = styles.outline(this.theme);\n styleActive = activeStyles.outline(this.theme);\n break;\n case 'fill':\n style = styles.fill(this.theme);\n styleActive = activeStyles.fill(this.theme);\n break;\n case 'success':\n style = styles.success(this.theme);\n styleActive = activeStyles.success(this.theme);\n break;\n case 'danger':\n style = styles.danger(this.theme);\n styleActive = activeStyles.danger(this.theme);\n break;\n case 'pay':\n style = styles.pay(this.theme);\n styleActive = activeStyles.pay(this.theme);\n break;\n case 'text':\n style = styles.text(this.theme);\n styleActive = activeStyles.text(this.theme);\n break;\n default:\n style = styles.default(this.theme);\n styleActive = activeStyles.default(this.theme);\n }\n\n return { style, styleActive };\n }\n\n private getSizeClassName() {\n const { icon, rightIcon, children } = this.getProps();\n\n switch (this.size) {\n case 'large': {\n const commonClasses = {\n [this.styles.sizeLargeWithIcon(this.theme)]: !!icon,\n [this.styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n [this.styles.sizeLargeWithIconWithoutText(this.theme)]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return this.cx(this.styles.sizeLarge(this.theme), commonClasses);\n }\n case 'medium': {\n const commonClasses = {\n [this.styles.sizeMediumWithIcon(this.theme)]: !!icon,\n [this.styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n [this.styles.sizeMediumWithIconWithoutText(this.theme)]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return this.cx(this.styles.sizeMedium(this.theme), commonClasses);\n }\n case 'small':\n default: {\n const commonClasses = {\n [this.styles.sizeSmallWithIcon(this.theme)]: !!icon,\n [this.styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n [this.styles.sizeSmallWithIconWithoutText(this.theme)]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return this.cx(this.styles.sizeSmall(this.theme), commonClasses);\n }\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.wrapLarge(this.theme);\n case 'medium':\n return this.styles.wrapMedium(this.theme);\n case 'small':\n default:\n return this.styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLElement \| null) => {\n this.node = node;\n };\n}\n"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport { isSafari } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { mergePropsTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport { Link } from '../Link/index.js';\nimport { activeStyles, styles, globalClasses } from './Button.css.js';\nimport { useButtonArrow as getButtonArrow } from './ButtonArrow.js';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';\nimport type { ButtonIconProps } from './ButtonIcon.js';\nimport { getInnerLinkTheme } from './getInnerLinkTheme.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse =\n \| 'default'\n \| 'outline'\n \| 'fill'\n \| 'text'\n \| 'accent'\n \| 'danger'\n \| 'success'\n \| 'pay'\n /** @deprecated Используйте компонент <Link component=\"button\" /> /\n \| 'link'\n /* @deprecated Используйте use=\"outline\" /\n \| 'backless'\n /* @deprecated Используйте use=\"accent\" /\n \| 'primary';\n\nexport interface ButtonInnerProps extends CommonProps {\n /* @ignore /\n _noPadding?: boolean;\n\n /* @ignore /\n _noRightPadding?: boolean;\n\n /\n @ignore\n * @deprecated Проп будет удален вместе с use=\"default\" в 7.0\n /\n _noWarningForUseDefault?: boolean;\n\n /* Применяет к кнопке стили псевдокласса `:active`. /\n active?: boolean;\n\n /* Выравнивание текста в кнопке. /\n align?: React.CSSProperties['textAlign'];\n\n /* Преобразует обычную кнопку в кнопку со стрелкой. /\n arrow?: boolean \| 'left';\n\n /* Устанавливает фокус на кнопке после окончания загрузки страницы./\n autoFocus?: boolean;\n\n /* Убирает обводку у кнопки.\n \n *Не рекомендуем использовать, противоречит дизайн-требованиям.\n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n \n Альтернативный вариант использования — use=\"fill\" или переменную темы `btnBorderWidth` /\n borderless?: boolean;\n\n /* @ignore /\n checked?: boolean;\n\n /* @ignore /\n children?: React.ReactNode;\n\n /* @ignore /\n corners?: React.CSSProperties;\n\n /* Блокирует кнопку и перекрашивает в серый. /\n disabled?: boolean;\n\n /* @ignore /\n disableFocus?: boolean;\n\n /* Переводит кнопку в состояние валидации \"Ошибка\".\n \n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. /\n error?: boolean;\n\n /* Добавляет иконку слева от текста кнопки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от текста кнопки. /\n rightIcon?: React.ReactElement;\n\n /* Переводит кнопку в состояние загрузки. /\n loading?: boolean;\n\n /* Сужает кнопку.\n \n @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n \n Альтернативный вариант использования — через переменные темы `btnPaddingXSmall`, `btnPaddingXMedium`, `btnPaddingXLarge` /\n narrow?: boolean;\n\n /* Размер кнопки. /\n size?: SizeProp;\n\n /* HTML-атрибут `type`. /\n type?: ButtonType;\n\n /* HTML-атрибут `title`. /\n title?: string;\n\n /* Стиль кнопки.\n * - accent — кнопка основного действия\n * - outline — кнопка второстепенного действия с границами без фона\n * - fill — кнопка второстепенного действия с фоном без границ\n * - text — кнопка второстепенного действия без фона и обводки\n * - danger — кнопка деструктивного действия\n * - success — кнопка позитивного действия\n * - pay — кнопка, связанная с оплатой\n \n ⚠️ Deprecated-стили, будут удалены в 7.0:\n * - use=\"primary\" → use=\"accent\"\n * - use=\"backless\" → use=\"outline\"\n * - use=\"link\" → `<Link component=\"button\">`\n * - use=\"default\" → use=\"outline\" или use=\"fill\"\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /* Переводит кнопку в состояние валидации \"Предупреждение\".\n * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. /\n warning?: boolean;\n\n /* Ширина кнопки. /\n width?: number \| string;\n\n /* Объект с переменными темы. /\n theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n rootElement: 'Button__rootElement',\n root: 'Button__root',\n spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'type' \| 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n return <span {...rest}>{children}</span>;\n};\n\n/* Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. /\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n ButtonProps<C>,\n ButtonState\n> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static displayName = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n // By default, the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type: 'button',\n component: BUTTON_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private globalObject!: GlobalObject;\n private theme!: Theme;\n private node: HTMLElement \| null = null;\n private size!: SizeProp;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n if (this.props.autoFocus) {\n this.keyListener.isTabPressed = true;\n this.focus();\n }\n warning(\n this.props.use !== 'link',\n '[Button]: `use=\"link\"` has been deprecated. Please, use `<Link component=\"button\" />` instead.',\n );\n warning(\n this.props.use !== 'primary',\n '[Button]: `use=\"primary\"` has been deprecated. Please, use `use=\"accent\"` instead.',\n );\n warning(\n this.props.use !== 'backless',\n '[Button]: `use=\"backless\"` has been deprecated. Please, use `use=\"outline\"` instead.',\n );\n if (!this.props._noWarningForUseDefault) {\n warning(\n this.props.use !== 'default',\n '[Button]: `use=\"default\"` has been deprecated. Please, use `use=\"outline\"` or `use=\"fill\"` instead.',\n );\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading \|\| props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /* Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n * @public\n /\n public focus(): void {\n this.node?.focus();\n }\n\n /* Программно снимает фокус с кнопки.\n * @public\n */\n public blur(): void {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = mergePropsTheme(theme, this.props.theme);\n return (\n <ThemeContext.Provider value={this.theme}>\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex({\n disableFocus,\n disabled,\n tabIndex = 0,\n }: Pick<ButtonProps, 'disableFocus' \| 'disabled' \| 'tabIndex'>) {\n if (disableFocus \|\| disabled) {\n return -1;\n }\n\n return tabIndex;\n }\n\n private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n arrow,\n icon,\n rightIcon,\n _noPadding,\n _noRightPadding,\n _noWarningForUseDefault,\n visuallyFocused,\n align,\n disableFocus,\n width,\n tabIndex,\n component: _component,\n use: useProp,\n theme,\n ...rest\n } = props;\n const {\n use = isThemeGTE(this.theme, '6.1') ? 'outline' : 'default',\n component,\n children,\n 'aria-disabled': ariaDisabled,\n } = this.getProps();\n\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n\n const [rootClassNameWithArrow, arrowNode] = getButtonArrow({\n ...this.props,\n isFocused: Boolean(isFocused),\n size: this.size,\n });\n const isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);\n\n const isAriaDisabled = ariaDisabled === true \|\| ariaDisabled === 'true';\n const nonInteractive = disabled \|\| loading;\n const { style, styleActive } = this.getUseStyle(use);\n\n const rootClassName = cx(\n styles.root,\n style,\n sizeClass,\n narrow && styles.narrow,\n _noPadding && styles.noPadding,\n _noRightPadding && styles.noRightPadding,\n rootClassNameWithArrow,\n ...(nonInteractive \|\| isAriaDisabled\n ? [\n styles.disabled,\n isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline,\n checked && styles.checkedDisabled,\n borderless && styles.borderless,\n (use === 'backless' \|\| use === 'outline') && styles.backlessDisabled,\n use === 'text' && styles.textDisabled,\n globalClasses.disabled,\n ]\n : [\n active && !checked && styleActive,\n isFocused && styles.focus,\n checked && styles.checked,\n checked && isFocused && styles.checkedFocused,\n borderless && !checked && !isFocused && styles.borderless,\n ]),\n );\n\n const rootProps = {\n ...rest,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n };\n\n const wrapProps = {\n className: cx(globalClasses.root, {\n [styles.wrap]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n const innerShadowNode = null;\n\n let outlineNode = null;\n if ((!isFocused \|\| isLink) && !nonInteractive) {\n outlineNode = (\n <div\n className={cx(styles.outlineDefault, {\n [styles.outlineWarning]: warning,\n [styles.outlineError]: error,\n [styles.outlineLink]: isLink,\n [styles.outlineLinkWarning]: isLink && warning,\n [styles.outlineLinkError]: isLink && error,\n })}\n />\n );\n }\n\n const iconProps: Omit<ButtonIconProps, 'position'> = {\n use,\n size: this.size,\n hasChildren: !!children,\n loading: loading \|\| false,\n };\n const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n const rightIconNode = rightIcon && (\n <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n );\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root]: true,\n [sizeClass]: true,\n [styles.link]: true,\n [styles.linkLineHeight]: !isSafari,\n [styles.linkLineHeightSafariFallback]: isSafari,\n [styles.linkFocus]: isFocused,\n [styles.linkDisabled]: nonInteractive,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap, styles.wrapLink),\n style: { width: wrapProps.style.width },\n });\n\n rootProps.style.textAlign = undefined;\n }\n\n const hasLoadingNode = loading && !icon && !rightIcon;\n const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n let captionNode = (\n <div\n className={cx(styles.caption, globalClasses.caption, {\n [styles.captionLink]: isLink,\n [styles.captionDisabled]: !checked && disabled,\n })}\n >\n {loadingNode}\n {leftIconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden]: hasLoadingNode,\n })}\n >\n {children}\n </span>\n {rightIconNode}\n </div>\n );\n if (isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n {\n <Link<typeof SpanComponent>\n focused={isFocused}\n disabled={disabled}\n icon={this.renderIcon2022(icon)}\n rightIcon={this.renderIcon2022(rightIcon)}\n tabIndex={-1}\n component={SpanComponent}\n >\n {children}\n </Link>\n }\n </ThemeContext.Provider>\n );\n }\n\n const Root: React.ElementType = component;\n\n return (\n <span {...wrapProps} data-tid={ButtonDataTids.root}>\n <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </Root>\n </span>\n );\n };\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon?.props && isKonturIcon(icon)) {\n const iconProps = icon.props as IconProps;\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: iconProps.size ?? sizes[this.size] } as IconProps);\n }\n\n return icon;\n }\n\n private getUseStyle(use: ButtonUse) {\n let style;\n let styleActive;\n\n switch (use) {\n case 'primary':\n case 'accent':\n style = styles.accent;\n styleActive = activeStyles.accent;\n break;\n case 'backless':\n case 'outline':\n style = styles.outline;\n styleActive = activeStyles.outline;\n break;\n case 'fill':\n style = styles.fill;\n styleActive = activeStyles.fill;\n break;\n case 'success':\n style = styles.success;\n styleActive = activeStyles.success;\n break;\n case 'danger':\n style = styles.danger;\n styleActive = activeStyles.danger;\n break;\n case 'pay':\n style = styles.pay;\n styleActive = activeStyles.pay;\n break;\n case 'text':\n style = styles.text;\n styleActive = activeStyles.text;\n break;\n default:\n style = styles.default;\n styleActive = activeStyles.default;\n }\n\n return { style, styleActive };\n }\n\n private getSizeClassName() {\n const { icon, rightIcon, children } = this.getProps();\n\n switch (this.size) {\n case 'large': {\n const commonClasses = {\n [styles.sizeLargeWithIcon]: !!icon,\n [styles.sizeLargeWithRightIcon]: !!rightIcon,\n [styles.sizeLargeWithIconWithoutText]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return cx(styles.sizeLarge, commonClasses);\n }\n case 'medium': {\n const commonClasses = {\n [styles.sizeMediumWithIcon]: !!icon,\n [styles.sizeMediumWithRightIcon]: !!rightIcon,\n [styles.sizeMediumWithIconWithoutText]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return cx(styles.sizeMedium, commonClasses);\n }\n case 'small':\n default: {\n const commonClasses = {\n [styles.sizeSmallWithIcon]: !!icon,\n [styles.sizeSmallWithRightIcon]: !!rightIcon,\n [styles.sizeSmallWithIconWithoutText]: (!!icon \|\| !!rightIcon) && !children,\n };\n\n return cx(styles.sizeSmall, commonClasses);\n }\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.size) {\n case 'large':\n return styles.wrapLarge;\n case 'medium':\n return styles.wrapMedium;\n case 'small':\n default:\n return styles.wrapSmall;\n }\n }\n\n private handleFocus = (e: React.FocusEvent) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLElement \| null) => {\n this.node = node;\n };\n}\n"]}

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

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

package/components/Button/ButtonArrow.js CHANGED Viewed

@@ -9,24 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useContext } from 'react';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import React from 'react';
+import { cx } from '../../lib/cx.js';
 import { ArrowLeftIcon } from './ArrowLeftIcon.js';
 import { ArrowRightIcon } from './ArrowRightIcon.js';
-import { getStyles, globalClasses } from './Button.styles.js';
+import { styles, globalClasses } from './Button.css.js';
 var ButtonArrow = function (_a) {
     var arrow = _a.arrow, size = _a.size;
-    var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
-    var styles = useStyles(getStyles);
     var getArrowIconRootClassName = function () {
         var _a;
-        return cx(styles.arrowIconRoot(), globalClasses.arrow, (_a = {},
-            _a[styles.arrowIconRootSmall(theme)] = size === 'small',
-            _a[styles.arrowIconRootMedium(theme)] = size === 'medium',
-            _a[styles.arrowIconRootLarge(theme)] = size === 'large',
-            _a[styles.arrowIconLeft()] = arrow === 'left',
+        return cx(styles.arrowIconRoot, globalClasses.arrow, (_a = {},
+            _a[styles.arrowIconRootSmall] = size === 'small',
+            _a[styles.arrowIconRootMedium] = size === 'medium',
+            _a[styles.arrowIconRootLarge] = size === 'large',
+            _a[styles.arrowIconLeft] = arrow === 'left',
             _a));
     };
     var arrowIcons = {
@@ -39,11 +35,11 @@ var ButtonArrow = function (_a) {
         React.createElement(ArrowIcon, { size: size })));
     return arrowNode;
 };
-export function useButtonArrow(props, theme, styles, cx) {
+export function useButtonArrow(props) {
     var arrow = props.arrow, size = props.size, use = props.use;
     var canRender = use !== 'link' && (arrow === true || arrow === 'left');
     var rootClassName = canRender
-        ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme))
+        ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall, arrow === true && size === 'medium' && styles.withArrowIconRightMedium, arrow === true && size === 'large' && styles.withArrowIconRightLarge, arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall, arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium, arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge)
         : '';
     var arrowNode = canRender ? React.createElement(ButtonArrow, __assign({}, props)) : null;
     return [rootClassName, arrowNode];