@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0-dev.0

package/dist/css/cjs/plasmaCore/utils/mixins/applySkeletonGradient.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var colors = require('../tokens/colors.js');
+
+var _templateObject, _templateObject2;
+var loading = /*#__PURE__*/styled.keyframes(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    from {\n        transform: translateX(0);\n    }\n\n    to {\n        transform: translateX(100vw);\n    }\n"])));
+var applySkeletonGradient = function applySkeletonGradient(_ref) {
+  var lighter = _ref.lighter;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        z-index: 1; /* for safari */\n\n        &::before {\n            content: '';\n            position: absolute;\n            animation: ", " 4s linear infinite;\n            background-image: ", ";\n            top: 0;\n            left: -100vw;\n            width: 200vw;\n            height: 100%;\n        }\n    "])), loading, lighter ? colors.skeletonGradientLighter : colors.skeletonGradient);
+};
+
+exports.applySkeletonGradient = applySkeletonGradient;

package/dist/css/cjs/plasmaCore/utils/mixins/applyView.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var colors = require('../tokens/colors.js');
+
+/**
+ * Общие цветовые стили оформления кнопок, баджей и т.п.
+ */
+var views = {
+  accent: {
+    backgroundColor: colors.accent,
+    color: colors.white
+  },
+  primary: {
+    backgroundColor: colors.buttonAccent,
+    color: colors.white
+  },
+  secondary: {
+    backgroundColor: colors.buttonSecondary,
+    color: colors.text
+  },
+  success: {
+    backgroundColor: colors.buttonSuccess,
+    color: colors.white
+  },
+  warning: {
+    backgroundColor: colors.buttonWarning,
+    color: colors.white
+  },
+  critical: {
+    backgroundColor: colors.buttonCritical,
+    color: colors.white
+  },
+  checked: {
+    backgroundColor: colors.buttonChecked,
+    /**
+     * FixMe: Заменить на соответствующий цвет при исправлении токенов дизайнерами
+     */
+    color: colors.background
+  },
+  clear: {
+    backgroundColor: colors.transparent,
+    color: colors.text
+  },
+  overlay: {
+    backgroundColor: colors.blackSecondary,
+    color: colors.white
+  }
+};
+/**
+ * Миксин для применения общих цветовых стилей.
+ */
+var applyView = function applyView(_ref) {
+  var view = _ref.view;
+  return views[view];
+};
+
+exports.applyView = applyView;
+exports.views = views;

package/dist/css/cjs/plasmaCore/utils/mixins/blur.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var blurs = {
+  small: '27px',
+  medium: '37px',
+  large: '50px'
+};
+var applyBlur = function applyBlur(_ref) {
+  var blur = _ref.blur;
+  return blur && "backdrop-filter: blur(".concat(blurs[blur], ");");
+};
+
+exports.applyBlur = applyBlur;
+exports.blurs = blurs;

package/dist/css/cjs/plasmaCore/utils/mixins/shadows.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var shadows = {
+  tiny: '0 1px 1px rgba(0, 0, 0, 0.11)',
+  small: '0 1px 4px rgba(0, 0, 0, 0.05)',
+  medium: '0 1px 1px rgba(0, 0, 0, 0.05), 0 4px 14px rgba(0, 0, 0, 0.08)'
+};
+
+exports.shadows = shadows;

package/dist/css/cjs/plasmaCore/utils/tokens/colors.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var white = 'var(--plasma-colors-white)';
+var whitePrimary = 'var(--plasma-colors-white-primary)';
+var whiteSecondary = 'var(--plasma-colors-white-secondary)';
+var whiteTertiary = 'var(--plasma-colors-white-tertiary)';
+var black = 'var(--plasma-colors-black)';
+var blackPrimary = 'var(--plasma-colors-black-primary)';
+var blackSecondary = 'var(--plasma-colors-black-secondary)';
+var blackTertiary = 'var(--plasma-colors-black-tertiary)';
+var dark01 = 'var(--plasma-colors-dark01)';
+var dark02 = 'var(--plasma-colors-dark02)';
+var dark03 = 'var(--plasma-colors-dark03)';
+var transparent = 'var(--plasma-colors-transparent)';
+var text = 'var(--plasma-colors-text)';
+var primary = 'var(--plasma-colors-primary)';
+var secondary = 'var(--plasma-colors-secondary)';
+var tertiary = 'var(--plasma-colors-tertiary)';
+var inverse = 'var(--plasma-colors-inverse)';
+var paragraph = 'var(--plasma-colors-paragraph)';
+var background = 'var(--plasma-colors-background)';
+var backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+var backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+var backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+
+var success = 'var(--plasma-colors-success)';
+var warning = 'var(--plasma-colors-warning)';
+var critical = 'var(--plasma-colors-critical)';
+var overlay = 'var(--plasma-colors-overlay)';
+var surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+var surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+var surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+var surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
+var surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
+var surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
+var surfaceCard = 'var(--plasma-colors-surface-card)';
+var buttonPrimary = 'var(--plasma-colors-button-primary)';
+var buttonSecondary = 'var(--plasma-colors-button-secondary)';
+var buttonSuccess = 'var(--plasma-colors-button-success)';
+var buttonWarning = 'var(--plasma-colors-button-warning)';
+var buttonCritical = 'var(--plasma-colors-button-critical)';
+var buttonChecked = 'var(--plasma-colors-button-checked)';
+var speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
+var speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
+var accent = 'var(--plasma-colors-accent)';
+var buttonAccent = 'var(--plasma-colors-button-accent)';
+var buttonFocused = 'var(--plasma-colors-button-focused)';
+var gradient = 'var(--plasma-colors-gradient)';
+var voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
+var skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
+var skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';
+
+exports.accent = accent;
+exports.background = background;
+exports.backgroundPrimary = backgroundPrimary;
+exports.backgroundSecondary = backgroundSecondary;
+exports.backgroundTertiary = backgroundTertiary;
+exports.black = black;
+exports.blackPrimary = blackPrimary;
+exports.blackSecondary = blackSecondary;
+exports.blackTertiary = blackTertiary;
+exports.buttonAccent = buttonAccent;
+exports.buttonChecked = buttonChecked;
+exports.buttonCritical = buttonCritical;
+exports.buttonFocused = buttonFocused;
+exports.buttonPrimary = buttonPrimary;
+exports.buttonSecondary = buttonSecondary;
+exports.buttonSuccess = buttonSuccess;
+exports.buttonWarning = buttonWarning;
+exports.critical = critical;
+exports.dark01 = dark01;
+exports.dark02 = dark02;
+exports.dark03 = dark03;
+exports.gradient = gradient;
+exports.inverse = inverse;
+exports.overlay = overlay;
+exports.paragraph = paragraph;
+exports.primary = primary;
+exports.secondary = secondary;
+exports.skeletonGradient = skeletonGradient;
+exports.skeletonGradientLighter = skeletonGradientLighter;
+exports.speechBubbleReceived = speechBubbleReceived;
+exports.speechBubbleSent = speechBubbleSent;
+exports.success = success;
+exports.surfaceCard = surfaceCard;
+exports.surfaceLiquid01 = surfaceLiquid01;
+exports.surfaceLiquid02 = surfaceLiquid02;
+exports.surfaceLiquid03 = surfaceLiquid03;
+exports.surfaceSolid01 = surfaceSolid01;
+exports.surfaceSolid02 = surfaceSolid02;
+exports.surfaceSolid03 = surfaceSolid03;
+exports.tertiary = tertiary;
+exports.text = text;
+exports.transparent = transparent;
+exports.voicePhraseGradient = voicePhraseGradient;
+exports.warning = warning;
+exports.white = white;
+exports.whitePrimary = whitePrimary;
+exports.whiteSecondary = whiteSecondary;
+exports.whiteTertiary = whiteTertiary;

package/dist/css/cjs/plasmaCore/utils/tokens/typography.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var body1 = {
+  fontFamily: 'var(--plasma-typo-body1-font-family)',
+  fontWeight: 'var(--plasma-typo-body1-font-weight)',
+  fontStyle: 'var(--plasma-typo-body1-font-style)',
+  fontSize: 'var(--plasma-typo-body1-font-size)',
+  letterSpacing: 'var(--plasma-typo-body1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body1-line-height)'
+};
+var body2 = {
+  fontFamily: 'var(--plasma-typo-body2-font-family)',
+  fontWeight: 'var(--plasma-typo-body2-font-weight)',
+  fontStyle: 'var(--plasma-typo-body2-font-style)',
+  fontSize: 'var(--plasma-typo-body2-font-size)',
+  letterSpacing: 'var(--plasma-typo-body2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body2-line-height)'
+};
+var body3 = {
+  fontFamily: 'var(--plasma-typo-body3-font-family)',
+  fontWeight: 'var(--plasma-typo-body3-font-weight)',
+  fontStyle: 'var(--plasma-typo-body3-font-style)',
+  fontSize: 'var(--plasma-typo-body3-font-size)',
+  letterSpacing: 'var(--plasma-typo-body3-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-body3-line-height)'
+};
+var button1 = {
+  fontFamily: 'var(--plasma-typo-button1-font-family)',
+  fontWeight: 'var(--plasma-typo-button1-font-weight)',
+  fontStyle: 'var(--plasma-typo-button1-font-style)',
+  fontSize: 'var(--plasma-typo-button1-font-size)',
+  letterSpacing: 'var(--plasma-typo-button1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-button1-line-height)'
+};
+var button2 = {
+  fontFamily: 'var(--plasma-typo-button2-font-family)',
+  fontWeight: 'var(--plasma-typo-button2-font-weight)',
+  fontStyle: 'var(--plasma-typo-button2-font-style)',
+  fontSize: 'var(--plasma-typo-button2-font-size)',
+  letterSpacing: 'var(--plasma-typo-button2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-button2-line-height)'
+};
+var caption = {
+  fontFamily: 'var(--plasma-typo-caption-font-family)',
+  fontWeight: 'var(--plasma-typo-caption-font-weight)',
+  fontStyle: 'var(--plasma-typo-caption-font-style)',
+  fontSize: 'var(--plasma-typo-caption-font-size)',
+  letterSpacing: 'var(--plasma-typo-caption-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-caption-line-height)'
+};
+var display1 = {
+  fontFamily: 'var(--plasma-typo-display1-font-family)',
+  fontWeight: 'var(--plasma-typo-display1-font-weight)',
+  fontStyle: 'var(--plasma-typo-display1-font-style)',
+  fontSize: 'var(--plasma-typo-display1-font-size)',
+  letterSpacing: 'var(--plasma-typo-display1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-display1-line-height)'
+};
+var display2 = {
+  fontFamily: 'var(--plasma-typo-display2-font-family)',
+  fontWeight: 'var(--plasma-typo-display2-font-weight)',
+  fontStyle: 'var(--plasma-typo-display2-font-style)',
+  fontSize: 'var(--plasma-typo-display2-font-size)',
+  letterSpacing: 'var(--plasma-typo-display2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-display2-line-height)'
+};
+var display3 = {
+  fontFamily: 'var(--plasma-typo-display3-font-family)',
+  fontWeight: 'var(--plasma-typo-display3-font-weight)',
+  fontStyle: 'var(--plasma-typo-display3-font-style)',
+  fontSize: 'var(--plasma-typo-display3-font-size)',
+  letterSpacing: 'var(--plasma-typo-display3-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-display3-line-height)'
+};
+var footnote1 = {
+  fontFamily: 'var(--plasma-typo-footnote1-font-family)',
+  fontWeight: 'var(--plasma-typo-footnote1-font-weight)',
+  fontStyle: 'var(--plasma-typo-footnote1-font-style)',
+  fontSize: 'var(--plasma-typo-footnote1-font-size)',
+  letterSpacing: 'var(--plasma-typo-footnote1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-footnote1-line-height)'
+};
+var footnote2 = {
+  fontFamily: 'var(--plasma-typo-footnote2-font-family)',
+  fontWeight: 'var(--plasma-typo-footnote2-font-weight)',
+  fontStyle: 'var(--plasma-typo-footnote2-font-style)',
+  fontSize: 'var(--plasma-typo-footnote2-font-size)',
+  letterSpacing: 'var(--plasma-typo-footnote2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-footnote2-line-height)'
+};
+var headline1 = {
+  fontFamily: 'var(--plasma-typo-headline1-font-family)',
+  fontWeight: 'var(--plasma-typo-headline1-font-weight)',
+  fontStyle: 'var(--plasma-typo-headline1-font-style)',
+  fontSize: 'var(--plasma-typo-headline1-font-size)',
+  letterSpacing: 'var(--plasma-typo-headline1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-headline1-line-height)'
+};
+var headline2 = {
+  fontFamily: 'var(--plasma-typo-headline2-font-family)',
+  fontWeight: 'var(--plasma-typo-headline2-font-weight)',
+  fontStyle: 'var(--plasma-typo-headline2-font-style)',
+  fontSize: 'var(--plasma-typo-headline2-font-size)',
+  letterSpacing: 'var(--plasma-typo-headline2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-headline2-line-height)'
+};
+var headline3 = {
+  fontFamily: 'var(--plasma-typo-headline3-font-family)',
+  fontWeight: 'var(--plasma-typo-headline3-font-weight)',
+  fontStyle: 'var(--plasma-typo-headline3-font-style)',
+  fontSize: 'var(--plasma-typo-headline3-font-size)',
+  letterSpacing: 'var(--plasma-typo-headline3-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-headline3-line-height)'
+};
+var headline4 = {
+  fontFamily: 'var(--plasma-typo-headline4-font-family)',
+  fontWeight: 'var(--plasma-typo-headline4-font-weight)',
+  fontStyle: 'var(--plasma-typo-headline4-font-style)',
+  fontSize: 'var(--plasma-typo-headline4-font-size)',
+  letterSpacing: 'var(--plasma-typo-headline4-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-headline4-line-height)'
+};
+var paragraph1 = {
+  fontFamily: 'var(--plasma-typo-paragraph1-font-family)',
+  fontWeight: 'var(--plasma-typo-paragraph1-font-weight)',
+  fontStyle: 'var(--plasma-typo-paragraph1-font-style)',
+  fontSize: 'var(--plasma-typo-paragraph1-font-size)',
+  letterSpacing: 'var(--plasma-typo-paragraph1-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-paragraph1-line-height)'
+};
+var paragraph2 = {
+  fontFamily: 'var(--plasma-typo-paragraph2-font-family)',
+  fontWeight: 'var(--plasma-typo-paragraph2-font-weight)',
+  fontStyle: 'var(--plasma-typo-paragraph2-font-style)',
+  fontSize: 'var(--plasma-typo-paragraph2-font-size)',
+  letterSpacing: 'var(--plasma-typo-paragraph2-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-paragraph2-line-height)'
+};
+var underline = {
+  fontFamily: 'var(--plasma-typo-underline-font-family)',
+  fontWeight: 'var(--plasma-typo-underline-font-weight)',
+  fontStyle: 'var(--plasma-typo-underline-font-style)',
+  fontSize: 'var(--plasma-typo-underline-font-size)',
+  letterSpacing: 'var(--plasma-typo-underline-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-underline-line-height)'
+};
+
+exports.body1 = body1;
+exports.body2 = body2;
+exports.body3 = body3;
+exports.button1 = button1;
+exports.button2 = button2;
+exports.caption = caption;
+exports.display1 = display1;
+exports.display2 = display2;
+exports.display3 = display3;
+exports.footnote1 = footnote1;
+exports.footnote2 = footnote2;
+exports.headline1 = headline1;
+exports.headline2 = headline2;
+exports.headline3 = headline3;
+exports.headline4 = headline4;
+exports.paragraph1 = paragraph1;
+exports.paragraph2 = paragraph2;
+exports.underline = underline;

package/dist/css/cjs/plasmaCore/utils/utils/animatedScrollTo.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_DURATION = 300;
+
+// https://css-tricks.com/emulating-css-timing-functions-javascript/
+var tfs = {
+  linear: function linear(t) {
+    return t;
+  },
+  // eslint-disable-next-line
+  easeIn: function easeIn(t) {
+    return Math.pow(t, 1.675);
+  },
+  // eslint-disable-next-line
+  easeOut: function easeOut(t) {
+    return 1 - Math.pow(1 - t, 1.675);
+  },
+  easeInOut: function easeInOut(t) {
+    return 0.5 * (Math.sin((t - 0.5) * Math.PI) + 1);
+  }
+};
+/**
+ * Плавная прокрутка по горизонтали
+ * @param {Element} elem
+ * @param {number} pos
+ * @param {number} duration
+ * @param {string} timingFunction
+ */
+var animatedScrollToX = function animatedScrollToX(elem, pos) {
+  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
+  var timingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'easeInOut';
+  var startTime;
+  var startX = elem.scrollLeft;
+  var endX = Math.max(0, Math.min(elem.scrollWidth - elem.clientWidth, pos));
+  var handleNewAnimationFrame = function handleNewAnimationFrame() {
+    startTime = startTime || Date.now();
+    var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+    var scrollPos = tfs[timingFunction](timePos);
+    var left = startX + (endX - startX) * scrollPos;
+    elem.scrollTo({
+      left: left
+    });
+    if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
+  };
+  window.requestAnimationFrame(handleNewAnimationFrame);
+};
+
+/**
+ * Плавная прокрутка по вертикали
+ * @param {Element} elem
+ * @param {number} pos
+ * @param {number} duration
+ * @param {string} timingFunction
+ */
+var animatedScrollToY = function animatedScrollToY(elem, pos) {
+  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
+  var timingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'easeInOut';
+  var startTime;
+  var startY = elem.scrollTop;
+  var endY = Math.max(0, Math.min(elem.scrollHeight - elem.clientHeight, pos));
+  var handleNewAnimationFrame = function handleNewAnimationFrame() {
+    startTime = startTime || Date.now();
+    var timePos = Math.min(1, Math.max(1, Date.now() - startTime) / duration);
+    var scrollPos = tfs[timingFunction](timePos);
+    var top = startY + (endY - startY) * scrollPos;
+    elem.scrollTo({
+      top: top
+    });
+    if (timePos !== 1) window.requestAnimationFrame(handleNewAnimationFrame);
+  };
+  window.requestAnimationFrame(handleNewAnimationFrame);
+};
+
+exports.animatedScrollToX = animatedScrollToX;
+exports.animatedScrollToY = animatedScrollToY;

package/dist/css/cjs/plasmaCore/utils/utils/canUseDOM.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * This constant tells you whether can DOM be used.
+ * https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
+ */
+var canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+
+exports.canUseDOM = canUseDOM;

package/dist/css/cjs/plasmaCore/utils/utils/extractTextFrom.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+var extractTextFrom = function extractTextFrom(textSource) {
+  switch (_rollupPluginBabelHelpers.typeof(textSource)) {
+    case 'string':
+      return textSource;
+    case 'number':
+      return textSource.toString();
+    case 'object':
+      {
+        if (! /*#__PURE__*/React.isValidElement(textSource) || !textSource.props || !textSource.props.children) {
+          return '';
+        }
+        return React.Children.map(textSource.props.children, function (child) {
+          return extractTextFrom(child);
+        }).join('');
+      }
+    default:
+      return '';
+  }
+};
+
+exports.extractTextFrom = extractTextFrom;

package/dist/css/cjs/plasmaCore/utils/utils/focusManager.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var tabbable = require('./tabbable.js');
+
+/**
+ *  Менеджер фокуса при открытии и закрытии нод при использовании focus-trap.
+ *  Также необходим, чтобы фокус всегда должен находиться внутри необходимой ноды.
+ * */
+var FocusManager = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function FocusManager() {
+  var _this = this;
+  _rollupPluginBabelHelpers.classCallCheck(this, FocusManager);
+  // массив с элементами, которые нужно зафокусить после анмаунта
+  _rollupPluginBabelHelpers.defineProperty(this, "focusAfterElements", []);
+  // массив с trap нодами
+  _rollupPluginBabelHelpers.defineProperty(this, "focusNodes", []);
+  _rollupPluginBabelHelpers.defineProperty(this, "handleFocus", function () {
+    // Фокус всегда должен находиться внутри необходимой ноды
+    var focusNode = _this.focusNodes[_this.focusNodes.length - 1];
+    if (!focusNode || focusNode.contains(document.activeElement)) {
+      return;
+    }
+
+    // Выделяем первый tabbable элемент
+    var el = tabbable.findTabbableDescendants(focusNode)[0] || focusNode;
+    el.focus();
+  });
+  // добавление на фокус после анмаунта
+  _rollupPluginBabelHelpers.defineProperty(this, "markForFocusAfter", function (focusAfterNode) {
+    var node = focusAfterNode && focusAfterNode.current ? focusAfterNode.current : document.activeElement;
+    _this.focusAfterElements.push(node);
+  });
+  // фокус на необходимый элемент
+  _rollupPluginBabelHelpers.defineProperty(this, "returnFocus", function () {
+    var _this$focusAfterEleme;
+    var toFocus = (_this$focusAfterEleme = _this.focusAfterElements.pop()) !== null && _this$focusAfterEleme !== void 0 ? _this$focusAfterEleme : null;
+    if (toFocus) {
+      toFocus.focus();
+    }
+  });
+  // при маунте ноды
+  _rollupPluginBabelHelpers.defineProperty(this, "setupScopedFocus", function (element) {
+    _this.focusNodes.push(element);
+    document.addEventListener('focusin', _this.handleFocus, true);
+  });
+  // при анмаунте
+  _rollupPluginBabelHelpers.defineProperty(this, "teardownScopedFocus", function () {
+    _this.focusNodes.pop();
+    document.removeEventListener('focusin', _this.handleFocus);
+  });
+});
+
+exports.FocusManager = FocusManager;

package/dist/css/cjs/plasmaCore/utils/utils/formatCurrency.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Форматирование числа в цену.
+ * @param {number} value
+ * @param {string} currency
+ * @param {number} minimumFractionDigits
+ * @return {string}
+ */
+var formatCurrency = function formatCurrency(value, currency, minimumFractionDigits) {
+  var formatter = new Intl.NumberFormat('ru', {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: minimumFractionDigits
+  });
+  return formatter.format(value);
+};
+
+exports.formatCurrency = formatCurrency;

package/dist/css/cjs/plasmaCore/utils/utils/formatters.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var last = function last(array) {
+  return array[array.length - 1];
+};
+var padZeroNumber = function padZeroNumber(value) {
+  return "".concat(value).padStart(2, '0');
+};
+
+/**
+ * Форматирование названия месяца.
+ * Если не передавать `day`, то название месяца будет, например, `июнь`.
+ * В данном случае вернется `июня`.
+ * Так же результат выполнения метода `formatToParts` является массивом,
+ * в котором находятся части даты, форматированной на основнии `options`.
+ * То есть в данном случае вернется массив [`day`, `separator`, `month`]
+ */
+var monthName = function monthName(val, monthFormat) {
+  var targetMonth = new Date(2000, val, 1);
+  return last(new Intl.DateTimeFormat('ru-RU', {
+    day: 'numeric',
+    month: monthFormat
+  }).formatToParts(targetMonth)).value;
+};
+var monthLongName = function monthLongName(val) {
+  return monthName(val, 'long');
+};
+var monthShortName = function monthShortName(val) {
+  return monthName(val, 'short').replace('.', '');
+};
+
+exports.last = last;
+exports.monthLongName = monthLongName;
+exports.monthName = monthName;
+exports.monthShortName = monthShortName;
+exports.padZeroNumber = padZeroNumber;

package/dist/css/cjs/plasmaCore/utils/utils/react.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+var useUniqId = require('../hooks/useUniqId.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+// TODO: https://github.com/salute-developers/plasma/issues/233
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _ref = ReactDOM__default.default,
+  flushSync = _ref.flushSync;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _ref2 = React__default.default,
+  useId = _ref2.useId;
+var IS_REACT_18 = ReactDOM__default.default.version.split('.')[0] === '18';
+function safeFlushSync(fn) {
+  if (!IS_REACT_18) {
+    return fn();
+  }
+  return flushSync(fn);
+}
+var safeUseId = !IS_REACT_18 ? useUniqId.useUniqId : useId;
+
+exports.IS_REACT_18 = IS_REACT_18;
+exports.safeFlushSync = safeFlushSync;
+exports.safeUseId = safeUseId;