@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-5e1c3.0

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,4DAA4D;AAC5D,MAAM,CAAC,IAAM,eAAe,GAAG,YAAY,CAAC;IAC1C,OAAO,EAAE,gCAAgC;IACzC,oBAAoB,EAAE,6CAA6C;IACnE,MAAM,EAAE,+BAA+B;IACvC,mBAAmB,EAAE,4CAA4C;IACjE,OAAO,EAAE,gCAAgC;IACzC,oBAAoB,EAAE,6CAA6C;IACnE,MAAM,EAAE,+BAA+B;IACvC,mBAAmB,EAAE,4CAA4C;IACjE,GAAG,EAAE,4BAA4B;IACjC,gBAAgB,EAAE,yCAAyC;IAC3D,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,6BAA6B;IACnC,OAAO,EAAE,gCAAgC;IACzC,oBAAoB,EAAE,6CAA6C;IACnE,IAAI,EAAE,6BAA6B;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,EAAE,sBAAsB;IAC5B,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,gCAAgC;IAChD,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,kBAAkB,EAAE,oCAAoC;IACxD,gBAAgB,EAAE,kCAAkC;IACpD,SAAS,EAAE,2BAA2B;IACtC,UAAU,EAAE,4BAA4B;IACxC,SAAS,EAAE,2BAA2B;IACtC,iBAAiB,EAAE,mCAAmC;IACtD,kBAAkB,EAAE,oCAAoC;IACxD,iBAAiB,EAAE,mCAAmC;IACtD,sBAAsB,EAAE,wCAAwC;IAChE,uBAAuB,EAAE,yCAAyC;IAClE,sBAAsB,EAAE,wCAAwC;IAChE,4BAA4B,EAAE,8CAA8C;IAC5E,6BAA6B,EAAE,+CAA+C;IAC9E,4BAA4B,EAAE,8CAA8C;IAC5E,IAAI,EAAE,sBAAsB;IAC5B,cAAc,EAAE,gCAAgC;IAChD,4BAA4B,EAAE,8CAA8C;IAC5E,aAAa,EAAE,+BAA+B;IAC9C,kBAAkB,EAAE,oCAAoC;IACxD,mBAAmB,EAAE,qCAAqC;IAC1D,kBAAkB,EAAE,oCAAoC;IACxD,aAAa,EAAE,+BAA+B;IAC9C,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,iCAAiC;IAClD,oBAAoB,EAAE,sCAAsC;IAC5D,yBAAyB,EAAE,2CAA2C;IACtE,0BAA0B,EAAE,4CAA4C;IACxE,MAAM,EAAE,wBAAwB;IAChC,cAAc,EAAE,gCAAgC;IAChD,mBAAmB,EAAE,qCAAqC;IAC1D,wBAAwB,EAAE,0CAA0C;IACpE,yBAAyB,EAAE,2CAA2C;IACtE,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,iCAAiC;IAClD,oBAAoB,EAAE,sCAAsC;IAC5D,yBAAyB,EAAE,2CAA2C;IACtE,0BAA0B,EAAE,4CAA4C;IACxE,MAAM,EAAE,wBAAwB;IAChC,cAAc,EAAE,gCAAgC;IAChD,mBAAmB,EAAE,qCAAqC;IAC1D,wBAAwB,EAAE,0CAA0C;IACpE,yBAAyB,EAAE,2CAA2C;IACtE,GAAG,EAAE,qBAAqB;IAC1B,WAAW,EAAE,6BAA6B;IAC1C,gBAAgB,EAAE,kCAAkC;IACpD,qBAAqB,EAAE,uCAAuC;IAC9D,sBAAsB,EAAE,wCAAwC;IAChE,IAAI,EAAE,sBAAsB;IAC5B,sBAAsB,EAAE,wCAAwC;IAChE,OAAO,EAAE,yBAAyB;IAClC,yBAAyB,EAAE,2CAA2C;IACtE,0BAA0B,EAAE,4CAA4C;IACxE,IAAI,EAAE,sBAAsB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,WAAW,EAAE,6BAA6B;IAC1C,eAAe,EAAE,iCAAiC;IAClD,IAAI,EAAE,sBAAsB;IAC5B,SAAS,EAAE,2BAA2B;IACtC,UAAU,EAAE,4BAA4B;IACxC,SAAS,EAAE,2BAA2B;IACtC,MAAM,EAAE,wBAAwB;IAChC,SAAS,EAAE,2BAA2B;IACtC,cAAc,EAAE,gCAAgC;IAChD,QAAQ,EAAE,0BAA0B;IACpC,UAAU,EAAE,4BAA4B;IACxC,gBAAgB,EAAE,kCAAkC;IACpD,uBAAuB,EAAE,yCAAyC;IAClE,wBAAwB,EAAE,0CAA0C;IACpE,uBAAuB,EAAE,yCAAyC;IAClE,sBAAsB,EAAE,wCAAwC;IAChE,uBAAuB,EAAE,yCAAyC;IAClE,sBAAsB,EAAE,wCAAwC;IAChE,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,2BAA2B;IACtC,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,gCAAgC;IAChD,QAAQ,EAAE,0BAA0B;IACpC,sBAAsB,EAAE,wCAAwC;IAChE,YAAY,EAAE,8BAA8B;IAC5C,eAAe,EAAE,iCAAiC;IAClD,gBAAgB,EAAE,kCAAkC;IACpD,YAAY,EAAE,8BAA8B;IAC5C,OAAO,EAAE,yBAAyB;CACnC,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\nimport { globalClasses } from './Button.classes.js';\n\nexport { globalClasses };\n\n/** Правила — в `Button.css`; здесь только имена классов. */\nexport const getActiveStyles = staticStyles({\n  default: 'react-ui-Button-Active-default',\n  defaultBorderAboveBg: 'react-ui-Button-Active-defaultBorderAboveBg',\n  accent: 'react-ui-Button-Active-accent',\n  accentBorderAboveBg: 'react-ui-Button-Active-accentBorderAboveBg',\n  success: 'react-ui-Button-Active-success',\n  successBorderAboveBg: 'react-ui-Button-Active-successBorderAboveBg',\n  danger: 'react-ui-Button-Active-danger',\n  dangerBorderAboveBg: 'react-ui-Button-Active-dangerBorderAboveBg',\n  pay: 'react-ui-Button-Active-pay',\n  payBorderAboveBg: 'react-ui-Button-Active-payBorderAboveBg',\n  link: 'react-ui-Button-Active-link',\n  text: 'react-ui-Button-Active-text',\n  outline: 'react-ui-Button-Active-outline',\n  outlineBorderAboveBg: 'react-ui-Button-Active-outlineBorderAboveBg',\n  fill: 'react-ui-Button-Active-fill',\n});\n\nexport const getStyles = staticStyles({\n  root: 'react-ui-Button-root',\n  simulatedPress: 'react-ui-Button-simulatedPress',\n  outlineDefault: 'react-ui-Button-outlineDefault',\n  outlineWarning: 'react-ui-Button-outlineWarning',\n  outlineError: 'react-ui-Button-outlineError',\n  outlineLink: 'react-ui-Button-outlineLink',\n  outlineLinkWarning: 'react-ui-Button-outlineLinkWarning',\n  outlineLinkError: 'react-ui-Button-outlineLinkError',\n  sizeSmall: 'react-ui-Button-sizeSmall',\n  sizeMedium: 'react-ui-Button-sizeMedium',\n  sizeLarge: 'react-ui-Button-sizeLarge',\n  sizeSmallWithIcon: 'react-ui-Button-sizeSmallWithIcon',\n  sizeMediumWithIcon: 'react-ui-Button-sizeMediumWithIcon',\n  sizeLargeWithIcon: 'react-ui-Button-sizeLargeWithIcon',\n  sizeSmallWithRightIcon: 'react-ui-Button-sizeSmallWithRightIcon',\n  sizeMediumWithRightIcon: 'react-ui-Button-sizeMediumWithRightIcon',\n  sizeLargeWithRightIcon: 'react-ui-Button-sizeLargeWithRightIcon',\n  sizeSmallWithIconWithoutText: 'react-ui-Button-sizeSmallWithIconWithoutText',\n  sizeMediumWithIconWithoutText: 'react-ui-Button-sizeMediumWithIconWithoutText',\n  sizeLargeWithIconWithoutText: 'react-ui-Button-sizeLargeWithIconWithoutText',\n  link: 'react-ui-Button-link',\n  linkLineHeight: 'react-ui-Button-linkLineHeight',\n  linkLineHeightSafariFallback: 'react-ui-Button-linkLineHeightSafariFallback',\n  arrowIconRoot: 'react-ui-Button-arrowIconRoot',\n  arrowIconRootSmall: 'react-ui-Button-arrowIconRootSmall',\n  arrowIconRootMedium: 'react-ui-Button-arrowIconRootMedium',\n  arrowIconRootLarge: 'react-ui-Button-arrowIconRootLarge',\n  arrowIconLeft: 'react-ui-Button-arrowIconLeft',\n  default: 'react-ui-Button-default',\n  defaultGradient: 'react-ui-Button-defaultGradient',\n  defaultHoverGradient: 'react-ui-Button-defaultHoverGradient',\n  defaultHoverBorderAboveBg: 'react-ui-Button-defaultHoverBorderAboveBg',\n  defaultActiveBorderAboveBg: 'react-ui-Button-defaultActiveBorderAboveBg',\n  accent: 'react-ui-Button-accent',\n  accentGradient: 'react-ui-Button-accentGradient',\n  accentHoverGradient: 'react-ui-Button-accentHoverGradient',\n  accentHoverBorderAboveBg: 'react-ui-Button-accentHoverBorderAboveBg',\n  accentActiveBorderAboveBg: 'react-ui-Button-accentActiveBorderAboveBg',\n  success: 'react-ui-Button-success',\n  successGradient: 'react-ui-Button-successGradient',\n  successHoverGradient: 'react-ui-Button-successHoverGradient',\n  successHoverBorderAboveBg: 'react-ui-Button-successHoverBorderAboveBg',\n  successActiveBorderAboveBg: 'react-ui-Button-successActiveBorderAboveBg',\n  danger: 'react-ui-Button-danger',\n  dangerGradient: 'react-ui-Button-dangerGradient',\n  dangerHoverGradient: 'react-ui-Button-dangerHoverGradient',\n  dangerHoverBorderAboveBg: 'react-ui-Button-dangerHoverBorderAboveBg',\n  dangerActiveBorderAboveBg: 'react-ui-Button-dangerActiveBorderAboveBg',\n  pay: 'react-ui-Button-pay',\n  payGradient: 'react-ui-Button-payGradient',\n  payHoverGradient: 'react-ui-Button-payHoverGradient',\n  payHoverBorderAboveBg: 'react-ui-Button-payHoverBorderAboveBg',\n  payActiveBorderAboveBg: 'react-ui-Button-payActiveBorderAboveBg',\n  text: 'react-ui-Button-text',\n  textHoverBorderAboveBg: 'react-ui-Button-textHoverBorderAboveBg',\n  outline: 'react-ui-Button-outline',\n  outlineHoverBorderAboveBg: 'react-ui-Button-outlineHoverBorderAboveBg',\n  outlineActiveBorderAboveBg: 'react-ui-Button-outlineActiveBorderAboveBg',\n  fill: 'react-ui-Button-fill',\n  caption: 'react-ui-Button-caption',\n  captionLink: 'react-ui-Button-captionLink',\n  captionDisabled: 'react-ui-Button-captionDisabled',\n  wrap: 'react-ui-Button-wrap',\n  wrapSmall: 'react-ui-Button-wrapSmall',\n  wrapMedium: 'react-ui-Button-wrapMedium',\n  wrapLarge: 'react-ui-Button-wrapLarge',\n  narrow: 'react-ui-Button-narrow',\n  noPadding: 'react-ui-Button-noPadding',\n  noRightPadding: 'react-ui-Button-noRightPadding',\n  wrapLink: 'react-ui-Button-wrapLink',\n  borderless: 'react-ui-Button-borderless',\n  visibilityHidden: 'react-ui-Button-visibilityHidden',\n  withArrowIconRightSmall: 'react-ui-Button-withArrowIconRightSmall',\n  withArrowIconRightMedium: 'react-ui-Button-withArrowIconRightMedium',\n  withArrowIconRightLarge: 'react-ui-Button-withArrowIconRightLarge',\n  withArrowIconLeftSmall: 'react-ui-Button-withArrowIconLeftSmall',\n  withArrowIconLeftMedium: 'react-ui-Button-withArrowIconLeftMedium',\n  withArrowIconLeftLarge: 'react-ui-Button-withArrowIconLeftLarge',\n  focus: 'react-ui-Button-focus',\n  linkFocus: 'react-ui-Button-linkFocus',\n  checked: 'react-ui-Button-checked',\n  checkedFocused: 'react-ui-Button-checkedFocused',\n  disabled: 'react-ui-Button-disabled',\n  disabledWithoutOutline: 'react-ui-Button-disabledWithoutOutline',\n  linkDisabled: 'react-ui-Button-linkDisabled',\n  checkedDisabled: 'react-ui-Button-checkedDisabled',\n  backlessDisabled: 'react-ui-Button-backlessDisabled',\n  textDisabled: 'react-ui-Button-textDisabled',\n  loading: 'react-ui-Button-loading',\n});\n"]}
+{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["Button.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton, resetText } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { globalClasses } from './Button.classes.js';\nimport { buttonActiveMixin, buttonHoverMixin, buttonSizeMixin, buttonUseMixin } from './Button.mixins.js';\n\nexport { globalClasses };\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  const activeStyles = getActiveStyles(emotion);\n  return {\n    root(t: Theme) {\n      return emotion.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%;\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 svg {\n          color: ${t.btnIconHoverColor};\n        }\n        &.${globalClasses.disabled} svg {\n          color: ${t.btnIconDisabledColor};\n        }\n        & svg {\n          color: ${t.btnIconColor};\n        }\n      `;\n    },\n\n    withArrowIconRightSmall(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n      `;\n    },\n\n    withArrowIconRightMedium(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n      `;\n    },\n\n    withArrowIconRightLarge(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n      `;\n    },\n\n    withArrowIconLeftSmall(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n      `;\n    },\n\n    withArrowIconLeftMedium(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n      `;\n    },\n\n    withArrowIconLeftLarge(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n      `;\n    },\n\n    simulatedPress() {\n      return emotion.css`\n        &:active .${globalClasses.caption} {\n          transform: translateY(1px);\n        }\n      `;\n    },\n\n    /** @deprecated */\n    outlineDefault() {\n      return emotion.css`\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      `;\n    },\n\n    /** @deprecated */\n    outlineWarning(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n      `;\n    },\n\n    /** @deprecated */\n    outlineError(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError},\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n      `;\n    },\n\n    /** @deprecated */\n    outlineLink() {\n      return emotion.css`\n        cursor: default;\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      `;\n    },\n\n    /** @deprecated */\n    outlineLinkWarning(t: Theme) {\n      return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n      `;\n    },\n\n    /** @deprecated */\n    outlineLinkError(t: Theme) {\n      return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n    },\n\n    sizeSmallWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingSmall};\n      `;\n    },\n\n    sizeMediumWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingMedium};\n      `;\n    },\n\n    sizeLargeWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingLarge};\n      `;\n    },\n\n    sizeSmallWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingSmall};\n      `;\n    },\n\n    sizeMediumWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingMedium};\n      `;\n    },\n\n    sizeLargeWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingLarge};\n      `;\n    },\n\n    sizeSmallWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingSmall};\n      padding-right: ${t.btnWithIconPaddingSmall};\n    `;\n    },\n\n    sizeMediumWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingMedium};\n      padding-right: ${t.btnWithIconPaddingMedium};\n    `;\n    },\n\n    sizeLargeWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLarge};\n      padding-right: ${t.btnWithIconPaddingLarge};\n    `;\n    },\n\n    /** @deprecated */\n    link(t: Theme) {\n      return emotion.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    /** @deprecated */\n    linkLineHeight() {\n      return emotion.css`\n        line-height: inherit !important; // override size mixin\n      `;\n    },\n\n    /** @deprecated */\n    linkLineHeightSafariFallback() {\n      return emotion.css`\n        /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n        margin: -1px 0 -2px;\n      `;\n    },\n\n    /** @deprecated */\n    linkFocus(t: Theme) {\n      return emotion.css`\n        & {\n          color: ${t.btnLinkColor};\n          text-decoration: ${t.btnLinkHoverTextDecoration};\n        }\n      `;\n    },\n\n    /** @deprecated */\n    linkDisabled(t: Theme) {\n      return emotion.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 emotion.css`\n        position: relative;\n        z-index: 2;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled,\n        &:active:hover:enabled {\n          box-shadow:\n            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 emotion.css`\n        cursor: default;\n        pointer-events: none;\n        box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n        background-image: none;\n        background-color: ${t.btnDisabledBg};\n        color: ${t.btnDisabledTextColor};\n      `;\n    },\n\n    disabledWithoutOutline(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n      `;\n    },\n\n    arrowIconRoot() {\n      return emotion.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 emotion.css`\n        padding: 0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall};\n        width: ${t.btnIconSizeSmall};\n      `;\n    },\n\n    arrowIconRootMedium(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium};\n        width: ${t.btnIconSizeMedium};\n      `;\n    },\n\n    arrowIconRootLarge(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge};\n        width: ${t.btnIconSizeLarge};\n      `;\n    },\n\n    arrowIconLeft() {\n      return emotion.css`\n        left: 0;\n      `;\n    },\n\n    default(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnDefaultBg,\n          t.btnDefaultBgStart,\n          t.btnDefaultBgEnd,\n          t.btnDefaultTextColor,\n          t.btnDefaultBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnDefaultHoverBg,\n            t.btnDefaultHoverBgStart,\n            t.btnDefaultHoverBgEnd,\n            t.btnDefaultHoverTextColor,\n            t.btnDefaultHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.default(t)};\n        }\n      `;\n    },\n\n    accent(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnPrimaryBg,\n          t.btnPrimaryBgStart,\n          t.btnPrimaryBgEnd,\n          t.btnPrimaryTextColor,\n          t.btnPrimaryBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnPrimaryHoverBg,\n            t.btnPrimaryHoverBgStart,\n            t.btnPrimaryHoverBgEnd,\n            t.btnPrimaryHoverTextColor,\n            t.btnPrimaryHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.accent(t)}\n        }\n      `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnSuccessBg,\n          t.btnSuccessBgStart,\n          t.btnSuccessBgEnd,\n          t.btnSuccessTextColor,\n          t.btnSuccessBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnSuccessHoverBg,\n            t.btnSuccessHoverBgStart,\n            t.btnSuccessHoverBgEnd,\n            t.btnSuccessHoverTextColor,\n            t.btnSuccessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.success(t)}\n        }\n      `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnDangerBg,\n          t.btnDangerBgStart,\n          t.btnDangerBgEnd,\n          t.btnDangerTextColor,\n          t.btnDangerBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnDangerHoverBg,\n            t.btnDangerHoverBgStart,\n            t.btnDangerHoverBgEnd,\n            t.btnDangerHoverTextColor,\n            t.btnDangerHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.danger(t)}\n        }\n      `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnPayBg,\n          t.btnPayBgStart,\n          t.btnPayBgEnd,\n          t.btnPayTextColor,\n          t.btnPayBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnPayHoverBg,\n            t.btnPayHoverBgStart,\n            t.btnPayHoverBgEnd,\n            t.btnPayHoverTextColor,\n            t.btnPayHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.pay(t)}\n        }\n      `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n        &,\n        &:enabled,\n        &:hover {\n          box-shadow: none;\n        }\n\n        ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnTextHoverBg,\n            '',\n            '',\n            t.btnTextHoverTextColor,\n            t.btnTextHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.text(t)}\n        }\n      `;\n    },\n\n    outline(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnBacklessHoverBg,\n            '',\n            '',\n            t.btnBacklessHoverTextColor,\n            t.btnBacklessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.outline(t)}\n        }\n      `;\n    },\n\n    fill(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', '')};\n\n        &:hover {\n          ${buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', '')};\n        }\n\n        &:active {\n          ${activeStyles.fill(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} !important;\n      background-color: ${t.btnCheckedBg} !important;\n      color: ${t.btnCheckedTextColor} !important;\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\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 emotion.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 emotion.css`\n        &:hover:enabled,\n        &:hover:active:enabled {\n          box-shadow:\n            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 emotion.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        svg {\n          color: ${t.btnCheckedDisabledColor} !important;\n        }\n      `;\n    },\n\n    caption() {\n      return emotion.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 emotion.css`\n        display: inline;\n        transform: none !important; // override root:active style\n      `;\n    },\n\n    captionDisabled() {\n      return emotion.css`\n        transform: none !important; // override root:active style\n      `;\n    },\n\n    wrap(t: Theme) {\n      return emotion.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 emotion.css`\n        height: ${t.btnHeightSmall};\n      `;\n    },\n\n    wrapMedium(t: Theme) {\n      return emotion.css`\n        height: ${t.btnHeightMedium};\n      `;\n    },\n\n    wrapLarge(t: Theme) {\n      return emotion.css`\n        height: ${t.btnHeightLarge};\n      `;\n    },\n\n    /** @deprecated */\n    narrow() {\n      return emotion.css`\n        padding-left: 5px;\n        padding-right: 5px;\n      `;\n    },\n\n    noPadding() {\n      return emotion.css`\n        padding-left: 0;\n        padding-right: 0;\n      `;\n    },\n\n    noRightPadding() {\n      return emotion.css`\n        padding-right: 0;\n      `;\n    },\n\n    wrapLink() {\n      return emotion.css`\n        padding: 0;\n      `;\n    },\n\n    /** @deprecated */\n    borderless() {\n      return emotion.css`\n        &,\n        &:active:hover,\n        &:hover {\n          box-shadow: none !important; // override root:hover style\n        }\n      `;\n    },\n\n    backlessDisabled(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n        background-color: transparent;\n      `;\n    },\n\n    textDisabled() {\n      return emotion.css`\n        background-color: transparent;\n      `;\n    },\n\n    loading() {\n      return emotion.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 emotion.css`\n        visibility: hidden;\n      `;\n    },\n  };\n});\n\nexport const getActiveStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  default(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  accent(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnBorderWidth,\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.btnBorderWidth,\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.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\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)};\n      }\n    `;\n  },\n\n  outline(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  fill(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnFillActiveBg, '', '', '')};\n      }\n    `;\n  },\n}));\n"]}

package/components/Button/ButtonArrow.d.ts

@@ -1,9 +1,10 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import React from 'react';
-import type { ClassNames } from '../../lib/theming/Emotion.js';
+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, styles: ReturnType<typeof getStyles>, cx: ClassNames): [string, React.ReactNode];
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme, styles: ReturnType<typeof getStyles>, cx: Emotion['cx']): [string, React.ReactNode];
 export {};

package/components/Button/ButtonArrow.js

@@ -9,21 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { concatClassNames as cx } from '../../lib/theming/Emotion.js';
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { ArrowLeftIcon } from './ArrowLeftIcon.js';
 import { ArrowRightIcon } from './ArrowRightIcon.js';
 import { getStyles, globalClasses } from './Button.styles.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()] = size === 'small',
-            _a[styles.arrowIconRootMedium()] = size === 'medium',
-            _a[styles.arrowIconRootLarge()] = size === 'large',
+            _a[styles.arrowIconRootSmall(theme)] = size === 'small',
+            _a[styles.arrowIconRootMedium(theme)] = size === 'medium',
+            _a[styles.arrowIconRootLarge(theme)] = size === 'large',
             _a[styles.arrowIconLeft()] = arrow === 'left',
             _a));
     };
@@ -37,11 +39,11 @@ var ButtonArrow = function (_a) {
         React.createElement(ArrowIcon, { size: size })));
     return arrowNode;
 };
-export function useButtonArrow(props, styles, cx) {
+export function useButtonArrow(props, theme, styles, cx) {
     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(), 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())
+        ? 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))
         : '';
     var arrowNode = canRender ? React.createElement(ButtonArrow, __assign({}, props)) : null;
     return [rootClassName, arrowNode];

package/components/Button/ButtonArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonArrow.js","sourceRoot":"","sources":["ButtonArrow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAS9D,IAAM,WAAW,GAA8C,UAAC,EAAe;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3E,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,IAAM,yBAAyB,GAAG;;QAChC,OAAO,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK;YACnD,GAAC,MAAM,CAAC,kBAAkB,EAAE,IAAG,IAAI,KAAK,OAAO;YAC/C,GAAC,MAAM,CAAC,mBAAmB,EAAE,IAAG,IAAI,KAAK,QAAQ;YACjD,GAAC,MAAM,CAAC,kBAAkB,EAAE,IAAG,IAAI,KAAK,OAAO;YAC/C,GAAC,MAAM,CAAC,aAAa,EAAE,IAAG,KAAK,KAAK,MAAM;gBAC1C,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,aAAa;KACpB,CAAC;IACF,IAAM,IAAI,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACjD,IAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,SAAS,GAAG,CAChB,6BAAK,SAAS,EAAE,yBAAyB,EAAE;QACzC,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACP,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,KAAuB,EACvB,MAAoC,EACpC,EAAc;IAEN,IAAA,KAAK,GAAgB,KAAK,MAArB,EAAE,IAAI,GAAU,KAAK,KAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAW;IAEnC,IAAM,SAAS,GAAG,GAAG,KAAK,MAAM,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC;IAEzE,IAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,EAAE,CACA,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,uBAAuB,EAAE,EACtE,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,wBAAwB,EAAE,EACxE,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,uBAAuB,EAAE,EACtE,KAAK,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,sBAAsB,EAAE,EACvE,KAAK,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,uBAAuB,EAAE,EACzE,KAAK,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,sBAAsB,EAAE,CACxE;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,oBAAC,WAAW,eAAK,KAAK,EAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhE,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport { concatClassNames as cx } from '../../lib/theming/Emotion.js';\nimport { ArrowLeftIcon } from './ArrowLeftIcon.js';\nimport { ArrowRightIcon } from './ArrowRightIcon.js';\nimport type { ButtonInnerProps } from './Button.js';\nimport { getStyles, globalClasses } from './Button.styles.js';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size }) => {\n  const styles = useStyles(getStyles);\n\n  const getArrowIconRootClassName = () => {\n    return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall()]: size === 'small',\n      [styles.arrowIconRootMedium()]: size === 'medium',\n      [styles.arrowIconRootLarge()]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(\n  props: ButtonArrowProps,\n  styles: ReturnType<typeof getStyles>,\n  cx: ClassNames,\n): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? cx(\n        arrow === true && size === 'small' && styles.withArrowIconRightSmall(),\n        arrow === true && size === 'medium' && styles.withArrowIconRightMedium(),\n        arrow === true && size === 'large' && styles.withArrowIconRightLarge(),\n        arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(),\n        arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(),\n        arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(),\n      )\n    : '';\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"]}
+{"version":3,"file":"ButtonArrow.js","sourceRoot":"","sources":["ButtonArrow.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ArrowLeftIcon } from './ArrowLeftIcon.js';\nimport { ArrowRightIcon } from './ArrowRightIcon.js';\nimport type { ButtonInnerProps } from './Button.js';\nimport { getStyles, globalClasses } from './Button.styles.js';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size }) => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\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  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(\n  props: ButtonArrowProps,\n  theme: Theme,\n  styles: ReturnType<typeof getStyles>,\n  cx: Emotion['cx'],\n): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\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\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"]}

package/components/Button/ButtonIcon.js

@@ -1,6 +1,5 @@
 import React, { useContext } from 'react';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { concatClassNames as cx } from '../../lib/theming/Emotion.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { isKonturIcon } from '../../lib/utils.js';
 import { getStyles } from './ButtonIcon.styles.js';
@@ -24,17 +23,28 @@ var useIcon = function (icon, size) {
 export var ButtonIcon = function (_a) {
     var _b;
     var icon = _a.icon, use = _a.use, position = _a.position, hasChildren = _a.hasChildren, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.hasBothIcons, hasBothIcons = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'small' : _e;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
     var styles = useStyles(getStyles);
     var isLink = use === 'link';
     var getSizeIconClassName = function () {
         switch (size) {
             case 'large':
-                return [styles.iconLarge(), position === 'left' ? styles.iconLargeLeft() : styles.iconLargeRight()];
+                return [
+                    styles.iconLarge(theme),
+                    position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),
+                ];
             case 'medium':
-                return [styles.iconMedium(), position === 'left' ? styles.iconMediumLeft() : styles.iconMediumRight()];
+                return [
+                    styles.iconMedium(theme),
+                    position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),
+                ];
             case 'small':
             default:
-                return [styles.iconSmall(), position === 'left' ? styles.iconSmallLeft() : styles.iconSmallRight()];
+                return [
+                    styles.iconSmall(theme),
+                    position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),
+                ];
         }
     };
     var style = {
@@ -44,8 +54,8 @@ export var ButtonIcon = function (_a) {
     var _icon = useIcon(icon, size);
     return (React.createElement("span", { style: style, className: cx(styles.icon(), getSizeIconClassName(), (_b = {},
             _b[styles.iconNoMargin()] = !hasChildren,
-            _b[styles.iconLeftLink()] = isLink && position === 'left',
-            _b[styles.iconRightLink()] = isLink && position === 'right',
+            _b[styles.iconLeftLink(theme)] = isLink && position === 'left',
+            _b[styles.iconRightLink(theme)] = isLink && position === 'right',
             _b)) }, loading && !hasBothIcons ? React.createElement(LoadingButtonIcon, { isCentered: false, size: size }) : _icon));
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/components/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["ButtonIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { concatClassNames as cx } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport type { ButtonInnerProps } from './Button.js';\nimport { getStyles } from './ButtonIcon.styles.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const styles = useStyles(getStyles);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [styles.iconLarge(), position === 'left' ? styles.iconLargeLeft() : styles.iconLargeRight()];\n      case 'medium':\n        return [styles.iconMedium(), position === 'left' ? styles.iconMediumLeft() : styles.iconMediumRight()];\n      case 'small':\n      default:\n        return [styles.iconSmall(), position === 'left' ? styles.iconSmallLeft() : styles.iconSmallRight()];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink()]: isLink && position === 'left',\n        [styles.iconRightLink()]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"]}
+{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAY;IAC7C,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC;QACvC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;QACzC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACxC,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,OAAO,GAAG,UAAC,IAAS,EAAE,IAAc;;IACxC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,IAAM,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,EAQpE;;QAPC,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA;IAEd,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,MAAM,GAAG,GAAG,KAAK,MAAM,CAAC;IAE9B,IAAM,oBAAoB,GAAG;QAC3B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO;oBACL,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;oBACvB,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;iBACjF,CAAC;YACJ,KAAK,QAAQ;gBACX,OAAO;oBACL,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;oBACxB,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC;iBACnF,CAAC;YACJ,KAAK,OAAO,CAAC;YACb;gBACE,OAAO;oBACL,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;oBACvB,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;iBACjF,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,KAAK,GAAwB;QACjC,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;KACrB,CAAC;IAEF,IAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,8BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,oBAAoB,EAAE;YACjD,GAAC,MAAM,CAAC,YAAY,EAAE,IAAG,CAAC,WAAW;YACrC,GAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,QAAQ,KAAK,MAAM;YAC3D,GAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,QAAQ,KAAK,OAAO;gBAC7D,IAED,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,iBAAiB,IAAC,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,KAAK,CACnF,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport type { ButtonInnerProps } from './Button.js';\nimport { getStyles } from './ButtonIcon.styles.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [\n          styles.iconLarge(theme),\n          position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n        ];\n      case 'medium':\n        return [\n          styles.iconMedium(theme),\n          position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n        ];\n      case 'small':\n      default:\n        return [\n          styles.iconSmall(theme),\n          position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n        ];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink(theme)]: isLink && position === 'left',\n        [styles.iconRightLink(theme)]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"]}

package/components/Button/ButtonIcon.styles.d.ts

@@ -1,16 +1,16 @@
-/** Правила — в `ButtonIcon.css`; здесь только имена классов. */
-export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
-    icon: string;
-    iconSmall: string;
-    iconSmallLeft: string;
-    iconSmallRight: string;
-    iconMedium: string;
-    iconMediumLeft: string;
-    iconMediumRight: string;
-    iconLarge: string;
-    iconLargeLeft: string;
-    iconLargeRight: string;
-    iconLeftLink: string;
-    iconRightLink: string;
-    iconNoMargin: string;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconSmallLeft(t: Theme): string;
+    iconSmallRight(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconMediumLeft(t: Theme): string;
+    iconMediumRight(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconLargeLeft(t: Theme): string;
+    iconLargeRight(t: Theme): string;
+    iconLeftLink(t: Theme): string;
+    iconRightLink(t: Theme): string;
+    iconNoMargin(): string;
 }>;

package/components/Button/ButtonIcon.styles.js

@@ -1,18 +1,53 @@
-import { staticStyles } from '../../lib/theming/staticStyles.js';
-/** Правила — в `ButtonIcon.css`; здесь только имена классов. */
-export var getStyles = staticStyles({
-    icon: 'react-ui-ButtonIcon-icon',
-    iconSmall: 'react-ui-ButtonIcon-iconSmall',
-    iconSmallLeft: 'react-ui-ButtonIcon-iconSmallLeft',
-    iconSmallRight: 'react-ui-ButtonIcon-iconSmallRight',
-    iconMedium: 'react-ui-ButtonIcon-iconMedium',
-    iconMediumLeft: 'react-ui-ButtonIcon-iconMediumLeft',
-    iconMediumRight: 'react-ui-ButtonIcon-iconMediumRight',
-    iconLarge: 'react-ui-ButtonIcon-iconLarge',
-    iconLargeLeft: 'react-ui-ButtonIcon-iconLargeLeft',
-    iconLargeRight: 'react-ui-ButtonIcon-iconLargeRight',
-    iconLeftLink: 'react-ui-ButtonIcon-iconLeftLink',
-    iconRightLink: 'react-ui-ButtonIcon-iconRightLink',
-    iconNoMargin: 'react-ui-ButtonIcon-iconNoMargin',
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars.js';
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        icon: function () {
+            var space = "'".concat(ZERO_WIDTH_SPACE_CSS, "'");
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "], ["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])), space);
+        },
+        iconSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.btnIconSizeSmall);
+        },
+        iconSmallLeft: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-right: ", ";\n    "], ["\n      margin-right: ", ";\n    "])), t.btnIconGapSmallLeft);
+        },
+        iconSmallRight: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.btnIconGapSmallRight);
+        },
+        iconMedium: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.btnIconSizeMedium);
+        },
+        iconMediumLeft: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-right: ", ";\n    "], ["\n      margin-right: ", ";\n    "])), t.btnIconGapMediumRight);
+        },
+        iconMediumRight: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.btnIconGapMediumRight);
+        },
+        iconLarge: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      width: ", ";\n    "], ["\n      width: ", ";\n    "])), t.btnIconSizeLarge);
+        },
+        iconLargeLeft: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      margin-right: ", ";\n    "], ["\n      margin-right: ", ";\n    "])), t.btnIconGapLargeLeft);
+        },
+        iconLargeRight: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.btnIconGapLargeRight);
+        },
+        iconLeftLink: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      margin-right: ", ";\n    "], ["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
+        },
+        iconRightLink: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.btnLinkIconMarginLeft);
+        },
+        iconNoMargin: function () {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      margin-right: 0;\n      margin-left: 0;\n    "], ["\n      margin-right: 0;\n      margin-left: 0;\n    "])));
+        },
+    });
 });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 //# sourceMappingURL=ButtonIcon.styles.js.map

package/components/Button/ButtonIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.styles.js","sourceRoot":"","sources":["ButtonIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,gEAAgE;AAChE,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,+BAA+B;IAC1C,aAAa,EAAE,mCAAmC;IAClD,cAAc,EAAE,oCAAoC;IACpD,UAAU,EAAE,gCAAgC;IAC5C,cAAc,EAAE,oCAAoC;IACpD,eAAe,EAAE,qCAAqC;IACtD,SAAS,EAAE,+BAA+B;IAC1C,aAAa,EAAE,mCAAmC;IAClD,cAAc,EAAE,oCAAoC;IACpD,YAAY,EAAE,kCAAkC;IAChD,aAAa,EAAE,mCAAmC;IAClD,YAAY,EAAE,kCAAkC;CACjD,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\n\n/** Правила — в `ButtonIcon.css`; здесь только имена классов. */\nexport const getStyles = staticStyles({\n  icon: 'react-ui-ButtonIcon-icon',\n  iconSmall: 'react-ui-ButtonIcon-iconSmall',\n  iconSmallLeft: 'react-ui-ButtonIcon-iconSmallLeft',\n  iconSmallRight: 'react-ui-ButtonIcon-iconSmallRight',\n  iconMedium: 'react-ui-ButtonIcon-iconMedium',\n  iconMediumLeft: 'react-ui-ButtonIcon-iconMediumLeft',\n  iconMediumRight: 'react-ui-ButtonIcon-iconMediumRight',\n  iconLarge: 'react-ui-ButtonIcon-iconLarge',\n  iconLargeLeft: 'react-ui-ButtonIcon-iconLargeLeft',\n  iconLargeRight: 'react-ui-ButtonIcon-iconLargeRight',\n  iconLeftLink: 'react-ui-ButtonIcon-iconLeftLink',\n  iconRightLink: 'react-ui-ButtonIcon-iconRightLink',\n  iconNoMargin: 'react-ui-ButtonIcon-iconNoMargin',\n});\n"]}
+{"version":3,"file":"ButtonIcon.styles.js","sourceRoot":"","sources":["ButtonIcon.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,IAAM,KAAK,GAAG,WAAI,oBAAoB,MAAG,CAAC;YAC1C,OAAO,GAAG,+JAAA,wEAIK,EAAK,kBAEnB,KAFc,KAAK,EAElB;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,+FAAA,iBACC,EAAkB,SAC5B,KADU,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,sGAAA,wBACQ,EAAqB,SACtC,KADiB,CAAC,CAAC,mBAAmB,EACrC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,qGAAA,uBACO,EAAsB,SACtC,KADgB,CAAC,CAAC,oBAAoB,EACrC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,+FAAA,iBACC,EAAmB,SAC7B,KADU,CAAC,CAAC,iBAAiB,EAC5B;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,sGAAA,wBACQ,EAAuB,SACxC,KADiB,CAAC,CAAC,qBAAqB,EACvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qGAAA,uBACO,EAAuB,SACvC,KADgB,CAAC,CAAC,qBAAqB,EACtC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,+FAAA,iBACC,EAAkB,SAC5B,KADU,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,sGAAA,wBACQ,EAAqB,SACtC,KADiB,CAAC,CAAC,mBAAmB,EACrC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,uGAAA,uBACO,EAAsB,SACtC,KADgB,CAAC,CAAC,oBAAoB,EACrC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wGAAA,wBACQ,EAAwB,SACzC,KADiB,CAAC,CAAC,sBAAsB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,uGAAA,uBACO,EAAuB,SACvC,KADgB,CAAC,CAAC,qBAAqB,EACtC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,4HAAA,uDAGT,KAAC;QACJ,CAAC;KACF,CAAC;AApF8D,CAoF9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  icon() {\n    const space = `'${ZERO_WIDTH_SPACE_CSS}'`;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmallLeft};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLargeLeft};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n}));\n"]}

package/components/Calendar/Calendar.d.ts

@@ -63,6 +63,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     static defaultProps: DefaultProps;
     private getProps;
     private globalObject;
+    private emotion;
     private cx;
     private styles;
     private theme;

package/components/Calendar/Calendar.js

@@ -206,10 +206,10 @@ var Calendar = /** @class */ (function (_super) {
                 onDateClick: _this.handleDateClick,
             };
             return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, props),
-                React.createElement("div", { ref: _this.refRoot, "data-tid": CalendarDataTids.root, className: _this.cx(_this.styles.root()) },
+                React.createElement("div", { ref: _this.refRoot, "data-tid": CalendarDataTids.root, className: _this.cx(_this.styles.root(_this.theme)) },
                     React.createElement("div", { style: wrapperStyle, className: _this.styles.wrapper() },
                         React.createElement(CalendarContext.Provider, { value: context }, monthsForRender.map(_this.renderMonth, _this))),
-                    React.createElement("div", { className: _this.styles.separator() }))));
+                    React.createElement("div", { className: _this.styles.separator(_this.theme) }))));
         };
         _this.refRoot = function (element) {
             if (!_this.root && element) {
@@ -367,7 +367,7 @@ var Calendar = /** @class */ (function (_super) {
     };
     Calendar.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles();
+        this.styles = getStyles(this.emotion);
         this.animation = animation(this.globalObject);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;

package/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["Calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import throttle from 'lodash.throttle';\nimport normalizeWheel from 'normalize-wheel';\nimport React from 'react';\nimport shallowEqual from 'shallowequal';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { animation } from '../../lib/animation/index.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.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 type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Nullable, Range } from '../../typings/utility-types.js';\nimport { getStyles } from './Calendar.styles.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport type { CalendarContextProps } from './CalendarContext.js';\nimport { create, isGreater, isLess } from './CalendarDateShape.js';\nimport type { CalendarDateShape } from './CalendarDateShape.js';\nimport { CalendarDay } from './CalendarDay.js';\nimport type { CalendarDayProps } from './CalendarDay.js';\nimport * as CalendarScrollEvents from './CalendarScrollEvents.js';\nimport * as CalendarUtils from './CalendarUtils.js';\nimport { themeConfig } from './config.js';\nimport { Month } from './Month.js';\nimport { MonthViewModel } from './MonthViewModel.js';\nimport { CalendarDataTids } from './tids.js';\n\nexport { CalendarDataTids };\n\nexport interface CalendarProps extends CommonProps {\n  /** Событие изменения value.\n   * @param {string} date - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (date: string) => void;\n\n  /** Текущая дата в формате `dd.mm.yyyy`. */\n  value: Nullable<string>;\n\n  /** Максимальная дата в формате `dd.mm.yyyy`. */\n  maxDate?: string;\n\n  /** Минимальная дата в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Начальная дата периода в формате `dd.mm.yyyy`. */\n  periodStartDate?: string;\n\n  /** Конечная дата периода в формате `dd.mm.yyyy`. */\n  periodEndDate?: string;\n\n  /** Определение праздничных дней.\n   * @default (_day, isWeekend) => isWeekend.\n   * @param {string} day - строка в формате `dd.mm.yyyy`.\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье).\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня. */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n\n  /** Начальный месяц. */\n  initialMonth?: Range<1, 13>;\n\n  /** Начальный год. */\n  initialYear?: number;\n\n  /** Отрисовка дат в календаре.\n   * @default (props: CalendarDayProps) => <CalendarDay {...props} />\n   * @param {CalendarDayProps} props - параметры дня.\n   * @returns {ReactElement} элемент, который отрисовывает контент числа месяца. */\n  renderDay?: (props: CalendarDayProps) => React.ReactElement<unknown>;\n\n  /** Событие изменения месяца.\n   * @param {CalendarMonthChangeInfo} changeInfo - информация об изменении отображаемого месяца, где\n   * `month: number` - номер текущего отображаемого месяца от 1 до 12,\n   * `year: number` - отображаемый год. */\n  onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  scrollDirection: number;\n  scrollTarget: number;\n}\n\nexport interface CalendarMonthChangeInfo {\n  month: number;\n  year: number;\n}\n\ntype DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n/**\n * Блок календаря для выбора даты с помощью мыши. Используется в [поле с датой](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_date-components-datepicker--docs).\n */\n@withRenderEnvironment\n@rootNode\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n  public static displayName = 'Calendar';\n\n  public static Day = CalendarDay;\n\n  private static formatDate(date: number, month: number, year: number) {\n    return new InternalDate().setComponents({ date, month, year }).toString({ withPad: true });\n  }\n\n  public static defaultProps: DefaultProps = {\n    minDate: Calendar.formatDate(MIN_DATE, MIN_MONTH, MIN_YEAR),\n    maxDate: Calendar.formatDate(MAX_DATE, MAX_MONTH, MAX_YEAR),\n    isHoliday: (_day: string, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(Calendar.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private wheelEndTimeout: SafeTimer;\n  private root: Nullable<HTMLElement>;\n  private animation!: ReturnType<typeof animation>;\n  private touchStartY: Nullable<number> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const { minDate, maxDate, value } = this.getProps();\n\n    const minDateShape = this.getDateInNativeFormat(minDate);\n    const maxDateShape = this.getDateInNativeFormat(maxDate);\n    const dateShape = this.getDateInNativeFormat(value);\n\n    const today = CalendarUtils.getTodayDate();\n    const initialDate = CalendarUtils.getInitialDate({\n      today,\n      date: dateShape,\n      minDate: minDateShape,\n      maxDate: maxDateShape,\n    });\n\n    const initialMonth = this.props.initialMonth\n      ? CalendarUtils.getMonthInNativeFormat(this.props.initialMonth)\n      : initialDate.month;\n    const initialYear = this.props.initialYear ?? initialDate.year;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      scrollDirection: 1,\n      scrollTarget: 0,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void {\n    const { value, onMonthChange } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      const date = new InternalDate().parseValue(value).getComponentsLikeNumber();\n      this.scrollToMonth(date.month, date.year);\n    }\n\n    if (onMonthChange) {\n      const visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);\n      const prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);\n\n      if (visibleMonthsModels.length > 0 && prevFirstVisibleMonthModels.length > 0) {\n        const currentMonth = visibleMonthsModels[0].month;\n        const prevCurrentMonth = prevFirstVisibleMonthModels[0].month;\n\n        if (currentMonth !== prevCurrentMonth) {\n          this.handleMonthChange(visibleMonthsModels);\n        }\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles();\n    this.animation = animation(this.globalObject);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Прокручивает календарь до переданной даты.\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number): Promise<void> => {\n    const monthNative = CalendarUtils.getMonthInNativeFormat(month);\n\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r, 0));\n    }\n\n    const minDate = this.getDateInNativeFormat(this.getProps().minDate);\n    const maxDate = this.getDateInNativeFormat(this.getProps().maxDate);\n\n    if (minDate && isGreater(minDate, create(32, monthNative, year))) {\n      const minMonth = CalendarUtils.getMonthInHumanFormat(minDate.month);\n      this.scrollToMonth(minMonth, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, monthNative, year))) {\n      const maxMonth = CalendarUtils.getMonthInHumanFormat(maxDate.month);\n      this.scrollToMonth(maxMonth, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - monthNative - year * 12;\n\n    if (diffInMonths === 0) {\n      this.scrollTo(0);\n      return;\n    }\n\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\n\n    const onEnd = () => {\n      this.setState({\n        months: CalendarUtils.getMonths(monthNative, year),\n        scrollPosition: 0,\n      });\n    };\n\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\n    // and scroll to the first month\n    if (diffInMonths > 0) {\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) => {\n        return MonthViewModel.create(monthNative + index, year);\n      });\n      this.setState(\n        (state) => {\n          return {\n            months: monthsToPrepend.concat(state.months),\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\n          };\n        },\n        () => {\n          const targetPosition = this.state.months[0].getHeight(this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n\n    // If scrolling downwards, append maximum maxMonthsToAdd months\n    // and scroll to the last but one month\n    if (diffInMonths < 0) {\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) => {\n        return MonthViewModel.create(monthNative + index - monthsToAppendCount + 2, year);\n      });\n      this.setState(\n        (state) => {\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private handleMonthChange = (visibleMonths: MonthViewModel[]): void => {\n    const currentMonth = visibleMonths[0];\n    const changeInfo = {\n      month: CalendarUtils.getMonthInHumanFormat(currentMonth.month),\n      year: currentMonth.year,\n    };\n\n    this.props.onMonthChange?.(changeInfo);\n  };\n\n  private getViewModel = (item: [number, MonthViewModel]): MonthViewModel => item[1];\n\n  private renderMain = () => {\n    const monthsForRender = this.getVisibleMonths(this.state);\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n\n    const props = this.getProps();\n\n    const context: CalendarContextProps = {\n      value: this.getDateInNativeFormat(props.value),\n      minDate: this.getDateInNativeFormat(props.minDate),\n      maxDate: this.getDateInNativeFormat(props.maxDate),\n      isHoliday: props.isHoliday,\n      renderDay: props.renderDay,\n      today: CalendarUtils.getTodayDate(),\n      onDateClick: this.handleDateClick,\n    };\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...props}>\n        <div ref={this.refRoot} data-tid={CalendarDataTids.root} className={this.cx(this.styles.root())}>\n          <div style={wrapperStyle} className={this.styles.wrapper()}>\n            <CalendarContext.Provider value={context}>\n              {monthsForRender.map(this.renderMonth, this)}\n            </CalendarContext.Provider>\n          </div>\n          <div className={this.styles.separator()} />\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  private refRoot = (element: HTMLElement | null) => {\n    if (!this.root && element) {\n      if (isMobile) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        element.addEventListener('wheel', this.handleWheel, { passive: false });\n      }\n    }\n    if (this.root && !element) {\n      if (isMobile) {\n        this.root.removeEventListener('touchstart', this.handleTouchStart);\n        this.root.removeEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        this.root.removeEventListener('wheel', this.handleWheel);\n      }\n    }\n    this.root = element;\n  };\n\n  private renderMonth([top, month]: [number, MonthViewModel]) {\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        onMonthYearChange={this.handleMonthYearChange}\n      />\n    );\n  }\n\n  private handleDateClick = (dateShape: CalendarDateShape) => {\n    const value = InternalDateTransformer.dateToHumanString(dateShape);\n\n    this.props.onValueChange?.(value);\n  };\n\n  private getDateInNativeFormat(date: Nullable<string>) {\n    return new InternalDate().parseValue(date).toNativeFormat();\n  }\n\n  private getMonthPositions(months: MonthViewModel[], scrollPosition: number) {\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private getVisibleMonths(state: Readonly<CalendarState>): Array<[number, MonthViewModel]> {\n    const { months, scrollPosition } = state;\n    const positions = this.getMonthPositions(months, scrollPosition);\n\n    return months\n      .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n      .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme));\n  }\n\n  private handleMonthYearChange = (monthNative: number, year: number) => {\n    const month = CalendarUtils.getMonthInHumanFormat(monthNative);\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) => {\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n    });\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const thresholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_HEIGHT;\n\n    if (scrollTarget < thresholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = thresholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) => {\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n        });\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) => {\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        }));\n      },\n      onEnd,\n    );\n  };\n}\n"]}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["Calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport throttle from 'lodash.throttle';\nimport normalizeWheel from 'normalize-wheel';\nimport React from 'react';\nimport shallowEqual from 'shallowequal';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { animation } from '../../lib/animation/index.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.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 type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Nullable, Range } from '../../typings/utility-types.js';\nimport { getStyles } from './Calendar.styles.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport type { CalendarContextProps } from './CalendarContext.js';\nimport { create, isGreater, isLess } from './CalendarDateShape.js';\nimport type { CalendarDateShape } from './CalendarDateShape.js';\nimport { CalendarDay } from './CalendarDay.js';\nimport type { CalendarDayProps } from './CalendarDay.js';\nimport * as CalendarScrollEvents from './CalendarScrollEvents.js';\nimport * as CalendarUtils from './CalendarUtils.js';\nimport { themeConfig } from './config.js';\nimport { Month } from './Month.js';\nimport { MonthViewModel } from './MonthViewModel.js';\nimport { CalendarDataTids } from './tids.js';\n\nexport { CalendarDataTids };\n\nexport interface CalendarProps extends CommonProps {\n  /** Событие изменения value.\n   * @param {string} date - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (date: string) => void;\n\n  /** Текущая дата в формате `dd.mm.yyyy`. */\n  value: Nullable<string>;\n\n  /** Максимальная дата в формате `dd.mm.yyyy`. */\n  maxDate?: string;\n\n  /** Минимальная дата в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Начальная дата периода в формате `dd.mm.yyyy`. */\n  periodStartDate?: string;\n\n  /** Конечная дата периода в формате `dd.mm.yyyy`. */\n  periodEndDate?: string;\n\n  /** Определение праздничных дней.\n   * @default (_day, isWeekend) => isWeekend.\n   * @param {string} day - строка в формате `dd.mm.yyyy`.\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье).\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня. */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n\n  /** Начальный месяц. */\n  initialMonth?: Range<1, 13>;\n\n  /** Начальный год. */\n  initialYear?: number;\n\n  /** Отрисовка дат в календаре.\n   * @default (props: CalendarDayProps) => <CalendarDay {...props} />\n   * @param {CalendarDayProps} props - параметры дня.\n   * @returns {ReactElement} элемент, который отрисовывает контент числа месяца. */\n  renderDay?: (props: CalendarDayProps) => React.ReactElement<unknown>;\n\n  /** Событие изменения месяца.\n   * @param {CalendarMonthChangeInfo} changeInfo - информация об изменении отображаемого месяца, где\n   * `month: number` - номер текущего отображаемого месяца от 1 до 12,\n   * `year: number` - отображаемый год. */\n  onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  scrollDirection: number;\n  scrollTarget: number;\n}\n\nexport interface CalendarMonthChangeInfo {\n  month: number;\n  year: number;\n}\n\ntype DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n/**\n * Блок календаря для выбора даты с помощью мыши. Используется в [поле с датой](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_date-components-datepicker--docs).\n */\n@withRenderEnvironment\n@rootNode\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n  public static displayName = 'Calendar';\n\n  public static Day = CalendarDay;\n\n  private static formatDate(date: number, month: number, year: number) {\n    return new InternalDate().setComponents({ date, month, year }).toString({ withPad: true });\n  }\n\n  public static defaultProps: DefaultProps = {\n    minDate: Calendar.formatDate(MIN_DATE, MIN_MONTH, MIN_YEAR),\n    maxDate: Calendar.formatDate(MAX_DATE, MAX_MONTH, MAX_YEAR),\n    isHoliday: (_day: string, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(Calendar.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private wheelEndTimeout: SafeTimer;\n  private root: Nullable<HTMLElement>;\n  private animation!: ReturnType<typeof animation>;\n  private touchStartY: Nullable<number> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const { minDate, maxDate, value } = this.getProps();\n\n    const minDateShape = this.getDateInNativeFormat(minDate);\n    const maxDateShape = this.getDateInNativeFormat(maxDate);\n    const dateShape = this.getDateInNativeFormat(value);\n\n    const today = CalendarUtils.getTodayDate();\n    const initialDate = CalendarUtils.getInitialDate({\n      today,\n      date: dateShape,\n      minDate: minDateShape,\n      maxDate: maxDateShape,\n    });\n\n    const initialMonth = this.props.initialMonth\n      ? CalendarUtils.getMonthInNativeFormat(this.props.initialMonth)\n      : initialDate.month;\n    const initialYear = this.props.initialYear ?? initialDate.year;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      scrollDirection: 1,\n      scrollTarget: 0,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void {\n    const { value, onMonthChange } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      const date = new InternalDate().parseValue(value).getComponentsLikeNumber();\n      this.scrollToMonth(date.month, date.year);\n    }\n\n    if (onMonthChange) {\n      const visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);\n      const prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);\n\n      if (visibleMonthsModels.length > 0 && prevFirstVisibleMonthModels.length > 0) {\n        const currentMonth = visibleMonthsModels[0].month;\n        const prevCurrentMonth = prevFirstVisibleMonthModels[0].month;\n\n        if (currentMonth !== prevCurrentMonth) {\n          this.handleMonthChange(visibleMonthsModels);\n        }\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n    this.animation = animation(this.globalObject);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Прокручивает календарь до переданной даты.\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number): Promise<void> => {\n    const monthNative = CalendarUtils.getMonthInNativeFormat(month);\n\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r, 0));\n    }\n\n    const minDate = this.getDateInNativeFormat(this.getProps().minDate);\n    const maxDate = this.getDateInNativeFormat(this.getProps().maxDate);\n\n    if (minDate && isGreater(minDate, create(32, monthNative, year))) {\n      const minMonth = CalendarUtils.getMonthInHumanFormat(minDate.month);\n      this.scrollToMonth(minMonth, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, monthNative, year))) {\n      const maxMonth = CalendarUtils.getMonthInHumanFormat(maxDate.month);\n      this.scrollToMonth(maxMonth, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - monthNative - year * 12;\n\n    if (diffInMonths === 0) {\n      this.scrollTo(0);\n      return;\n    }\n\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\n\n    const onEnd = () => {\n      this.setState({\n        months: CalendarUtils.getMonths(monthNative, year),\n        scrollPosition: 0,\n      });\n    };\n\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\n    // and scroll to the first month\n    if (diffInMonths > 0) {\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) => {\n        return MonthViewModel.create(monthNative + index, year);\n      });\n      this.setState(\n        (state) => {\n          return {\n            months: monthsToPrepend.concat(state.months),\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\n          };\n        },\n        () => {\n          const targetPosition = this.state.months[0].getHeight(this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n\n    // If scrolling downwards, append maximum maxMonthsToAdd months\n    // and scroll to the last but one month\n    if (diffInMonths < 0) {\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) => {\n        return MonthViewModel.create(monthNative + index - monthsToAppendCount + 2, year);\n      });\n      this.setState(\n        (state) => {\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private handleMonthChange = (visibleMonths: MonthViewModel[]): void => {\n    const currentMonth = visibleMonths[0];\n    const changeInfo = {\n      month: CalendarUtils.getMonthInHumanFormat(currentMonth.month),\n      year: currentMonth.year,\n    };\n\n    this.props.onMonthChange?.(changeInfo);\n  };\n\n  private getViewModel = (item: [number, MonthViewModel]): MonthViewModel => item[1];\n\n  private renderMain = () => {\n    const monthsForRender = this.getVisibleMonths(this.state);\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n\n    const props = this.getProps();\n\n    const context: CalendarContextProps = {\n      value: this.getDateInNativeFormat(props.value),\n      minDate: this.getDateInNativeFormat(props.minDate),\n      maxDate: this.getDateInNativeFormat(props.maxDate),\n      isHoliday: props.isHoliday,\n      renderDay: props.renderDay,\n      today: CalendarUtils.getTodayDate(),\n      onDateClick: this.handleDateClick,\n    };\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...props}>\n        <div ref={this.refRoot} data-tid={CalendarDataTids.root} className={this.cx(this.styles.root(this.theme))}>\n          <div style={wrapperStyle} className={this.styles.wrapper()}>\n            <CalendarContext.Provider value={context}>\n              {monthsForRender.map(this.renderMonth, this)}\n            </CalendarContext.Provider>\n          </div>\n          <div className={this.styles.separator(this.theme)} />\n        </div>\n      </CommonWrapper>\n    );\n  };\n\n  private refRoot = (element: HTMLElement | null) => {\n    if (!this.root && element) {\n      if (isMobile) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        element.addEventListener('wheel', this.handleWheel, { passive: false });\n      }\n    }\n    if (this.root && !element) {\n      if (isMobile) {\n        this.root.removeEventListener('touchstart', this.handleTouchStart);\n        this.root.removeEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        this.root.removeEventListener('wheel', this.handleWheel);\n      }\n    }\n    this.root = element;\n  };\n\n  private renderMonth([top, month]: [number, MonthViewModel]) {\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        onMonthYearChange={this.handleMonthYearChange}\n      />\n    );\n  }\n\n  private handleDateClick = (dateShape: CalendarDateShape) => {\n    const value = InternalDateTransformer.dateToHumanString(dateShape);\n\n    this.props.onValueChange?.(value);\n  };\n\n  private getDateInNativeFormat(date: Nullable<string>) {\n    return new InternalDate().parseValue(date).toNativeFormat();\n  }\n\n  private getMonthPositions(months: MonthViewModel[], scrollPosition: number) {\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private getVisibleMonths(state: Readonly<CalendarState>): Array<[number, MonthViewModel]> {\n    const { months, scrollPosition } = state;\n    const positions = this.getMonthPositions(months, scrollPosition);\n\n    return months\n      .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n      .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme));\n  }\n\n  private handleMonthYearChange = (monthNative: number, year: number) => {\n    const month = CalendarUtils.getMonthInHumanFormat(monthNative);\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) => {\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n    });\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!isInstanceOf(event, this.globalObject.WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const thresholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_HEIGHT;\n\n    if (scrollTarget < thresholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = thresholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) => {\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n        });\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) => {\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        }));\n      },\n      onEnd,\n    );\n  };\n}\n"]}