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

package/dist/css/es/plasmaCore/utils/mixins/applyMaxLines.js

@@ -0,0 +1,10 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { css } from 'styled-components';
+
+var _templateObject;
+var applyMaxLines = function applyMaxLines(_ref) {
+  var maxLines = _ref.maxLines;
+  return maxLines && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: -webkit-box;\n        overflow: hidden;\n        box-sizing: border-box;\n\n        white-space: normal;\n\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: ", ";\n    "])), maxLines);
+};
+
+export { applyMaxLines };

package/dist/css/es/plasmaCore/utils/mixins/applyNoSelect.js

@@ -0,0 +1,9 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { css } from 'styled-components';
+
+var _templateObject;
+var applyNoSelect = function applyNoSelect() {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        user-select: none;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    "])));
+};
+
+export { applyNoSelect };

package/dist/css/es/plasmaCore/utils/mixins/applyRoundness.js

@@ -0,0 +1,30 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { css } from 'styled-components';
+
+var _templateObject;
+
+/**
+ * Набор часто встречающихся скруглений.
+ */
+var radiuses = {
+  250: 15.625,
+  32: 2,
+  28: 1.75,
+  24: 1.5,
+  20: 1.25,
+  18: 1.125,
+  16: 1,
+  14: 0.875,
+  12: 0.75,
+  8: 0.5,
+  0: 0
+};
+/**
+ * Миксин скругленности.
+ */
+var applyRoundness = function applyRoundness(_ref) {
+  var roundness = _ref.roundness;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        border-radius: ", "rem;\n    "])), radiuses[roundness]);
+};
+
+export { applyRoundness, radiuses };

package/dist/css/es/plasmaCore/utils/mixins/applyScrollSnap.js

@@ -0,0 +1,11 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { css } from 'styled-components';
+
+var _templateObject;
+var applyScrollSnap = function applyScrollSnap(_ref) {
+  var scrollSnapAlign = _ref.scrollSnapAlign,
+    scrollSnapStop = _ref.scrollSnapStop;
+  return scrollSnapAlign && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        scroll-snap-align: ", ";\n        scroll-snap-stop: ", ";\n    "])), scrollSnapAlign, scrollSnapStop);
+};
+
+export { applyScrollSnap };

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

@@ -0,0 +1,12 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { css, keyframes } from 'styled-components';
+import { skeletonGradientLighter, skeletonGradient } from '../tokens/colors.js';
+
+var _templateObject, _templateObject2;
+var loading = /*#__PURE__*/keyframes(_templateObject || (_templateObject = /*#__PURE__*/_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 css(_templateObject2 || (_templateObject2 = _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 ? skeletonGradientLighter : skeletonGradient);
+};
+
+export { applySkeletonGradient };

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

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

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

@@ -0,0 +1,11 @@
+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], ");");
+};
+
+export { applyBlur, blurs };

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

@@ -0,0 +1,7 @@
+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)'
+};
+
+export { shadows };

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

@@ -0,0 +1,51 @@
+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)';
+
+export { accent, background, backgroundPrimary, backgroundSecondary, backgroundTertiary, black, blackPrimary, blackSecondary, blackTertiary, buttonAccent, buttonChecked, buttonCritical, buttonFocused, buttonPrimary, buttonSecondary, buttonSuccess, buttonWarning, critical, dark01, dark02, dark03, gradient, inverse, overlay, paragraph, primary, secondary, skeletonGradient, skeletonGradientLighter, speechBubbleReceived, speechBubbleSent, success, surfaceCard, surfaceLiquid01, surfaceLiquid02, surfaceLiquid03, surfaceSolid01, surfaceSolid02, surfaceSolid03, tertiary, text, transparent, voicePhraseGradient, warning, white, whitePrimary, whiteSecondary, whiteTertiary };

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

@@ -0,0 +1,146 @@
+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)'
+};
+
+export { body1, body2, body3, button1, button2, caption, display1, display2, display3, footnote1, footnote2, headline1, headline2, headline3, headline4, paragraph1, paragraph2, underline };

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

@@ -0,0 +1,72 @@
+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);
+};
+
+export { animatedScrollToX, animatedScrollToY };

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

@@ -0,0 +1,7 @@
+/**
+ * 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');
+
+export { canUseDOM };

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

@@ -0,0 +1,24 @@
+import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { isValidElement, Children } from 'react';
+
+var extractTextFrom = function extractTextFrom(textSource) {
+  switch (_typeof(textSource)) {
+    case 'string':
+      return textSource;
+    case 'number':
+      return textSource.toString();
+    case 'object':
+      {
+        if (! /*#__PURE__*/isValidElement(textSource) || !textSource.props || !textSource.props.children) {
+          return '';
+        }
+        return Children.map(textSource.props.children, function (child) {
+          return extractTextFrom(child);
+        }).join('');
+      }
+    default:
+      return '';
+  }
+};
+
+export { extractTextFrom };

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

@@ -0,0 +1,51 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { findTabbableDescendants } from './tabbable.js';
+
+/**
+ *  Менеджер фокуса при открытии и закрытии нод при использовании focus-trap.
+ *  Также необходим, чтобы фокус всегда должен находиться внутри необходимой ноды.
+ * */
+var FocusManager = /*#__PURE__*/_createClass(function FocusManager() {
+  var _this = this;
+  _classCallCheck(this, FocusManager);
+  // массив с элементами, которые нужно зафокусить после анмаунта
+  _defineProperty(this, "focusAfterElements", []);
+  // массив с trap нодами
+  _defineProperty(this, "focusNodes", []);
+  _defineProperty(this, "handleFocus", function () {
+    // Фокус всегда должен находиться внутри необходимой ноды
+    var focusNode = _this.focusNodes[_this.focusNodes.length - 1];
+    if (!focusNode || focusNode.contains(document.activeElement)) {
+      return;
+    }
+
+    // Выделяем первый tabbable элемент
+    var el = findTabbableDescendants(focusNode)[0] || focusNode;
+    el.focus();
+  });
+  // добавление на фокус после анмаунта
+  _defineProperty(this, "markForFocusAfter", function (focusAfterNode) {
+    var node = focusAfterNode && focusAfterNode.current ? focusAfterNode.current : document.activeElement;
+    _this.focusAfterElements.push(node);
+  });
+  // фокус на необходимый элемент
+  _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();
+    }
+  });
+  // при маунте ноды
+  _defineProperty(this, "setupScopedFocus", function (element) {
+    _this.focusNodes.push(element);
+    document.addEventListener('focusin', _this.handleFocus, true);
+  });
+  // при анмаунте
+  _defineProperty(this, "teardownScopedFocus", function () {
+    _this.focusNodes.pop();
+    document.removeEventListener('focusin', _this.handleFocus);
+  });
+});
+
+export { FocusManager };

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

@@ -0,0 +1,17 @@
+/**
+ * Форматирование числа в цену.
+ * @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);
+};
+
+export { formatCurrency };

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

@@ -0,0 +1,30 @@
+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('.', '');
+};
+
+export { last, monthLongName, monthName, monthShortName, padZeroNumber };

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { useUniqId } from '../hooks/useUniqId.js';
+
+// TODO: https://github.com/salute-developers/plasma/issues/233
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _ref = ReactDOM,
+  flushSync = _ref.flushSync;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _ref2 = React,
+  useId = _ref2.useId;
+var IS_REACT_18 = ReactDOM.version.split('.')[0] === '18';
+function safeFlushSync(fn) {
+  if (!IS_REACT_18) {
+    return fn();
+  }
+  return flushSync(fn);
+}
+var safeUseId = !IS_REACT_18 ? useUniqId : useId;
+
+export { IS_REACT_18, safeFlushSync, safeUseId };

package/dist/css/es/plasmaCore/utils/utils/roundness.js

@@ -0,0 +1,41 @@
+/** Матрица радиусов. r - радиус стандартный, h - радиус округлый (вычисляемый из высоты)
+ * tl ---- tr
+ * |        |
+ * |        |
+ * bl ---- br
+ */
+var pins = {
+  'square-square': 'r',
+  'square-clear': 'r 0 0 r',
+  'clear-square': '0 r r 0',
+  'clear-clear': '0',
+  'clear-circle': '0 h h 0',
+  'circle-clear': 'h 0 0 h',
+  'circle-circle': 'h'
+};
+/**
+ * Преобразовывает матрицу радиусов с указанными размерами.
+ * @param {string} matrixKey Ключ матрицы радиусов
+ * @param {string} r r-радиус
+ * @param {string} h h-радиус
+ * @example
+ * // Выведет значение для border-radius, равное '1em 0 0 1em'
+ * convertPinsMatrix('r 0 0 r', '1em');
+ * @example
+ * // Выведет значение для border-radius, равное '1em 2em 2em 1em'
+ * convertPinsMatrix('r h h r', '1em', '2em');
+ */
+var convertRoundnessMatrix = function convertRoundnessMatrix(matrixKey, r, h) {
+  return matrixKey && pins[matrixKey].split(' ').map(function (_char) {
+    switch (_char) {
+      case 'r':
+        return r;
+      case 'h':
+        return h;
+      default:
+        return _char;
+    }
+  }).join(' ');
+};
+
+export { convertRoundnessMatrix, pins };

package/dist/css/es/plasmaCore/utils/utils/scopeTab.js

@@ -0,0 +1,32 @@
+import { findTabbableDescendants } from './tabbable.js';
+
+/**
+ * Управлление фокусом лишь внутри ноды через tab
+ * @param node
+ * @param event
+ */
+var scopeTab = function scopeTab(node, event) {
+  var tabbable = findTabbableDescendants(node);
+  if (!tabbable.length) {
+    event.preventDefault();
+    return;
+  }
+
+  // смотрим, является ли элемент крайним - первый или последним
+  var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
+  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
+
+  // если не является, то передаем обработку таба самому браузеру
+  if (!leavingFinalTabbable) {
+    return;
+  }
+
+  // иначе зацкливаемся
+  event.preventDefault();
+  var target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];
+  if (target) {
+    target.focus();
+  }
+};
+
+export { scopeTab };