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

package/dist/css/cjs/plasmaCore/index.js

@@ -0,0 +1,236 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Card = require('./components/Card/Card.js');
+var CardBody = require('./components/Card/CardBody.js');
+var CardContent = require('./components/Card/CardContent.js');
+var CardMedia = require('./components/Card/CardMedia.js');
+var CardPrice = require('./components/Card/CardPrice.js');
+var CardTypography = require('./components/Card/CardTypography.js');
+var Field = require('./components/Field/Field.js');
+var Field_statuses = require('./components/Field/Field.statuses.js');
+var Image = require('./components/Image/Image.js');
+var Price = require('./components/Price/Price.js');
+var SSRProvider = require('./components/SSRProvider/SSRProvider.js');
+var Body = require('./components/Typography/Body.js');
+var Button = require('./components/Typography/Button.js');
+var Caption = require('./components/Typography/Caption.js');
+var Display = require('./components/Typography/Display.js');
+var Footnote = require('./components/Typography/Footnote.js');
+var Headline = require('./components/Typography/Headline.js');
+var Paragraph = require('./components/Typography/Paragraph.js');
+var Underline = require('./components/Typography/Underline.js');
+var Badge = require('./components/Badge/Badge.js');
+var Button$1 = require('./components/Button/Button.js');
+var Button_props = require('./components/Button/Button.props.js');
+var Button_mixins = require('./components/Button/Button.mixins.js');
+var createButton = require('./components/Button/createButton.js');
+var Spinner = require('./components/Spinner/Spinner.js');
+var useDebouncedFunction = require('./utils/hooks/useDebouncedFunction.js');
+var useForkRef = require('./utils/hooks/useForkRef.js');
+var useIsomorphicLayoutEffect = require('./utils/hooks/useIsomorphicLayoutEffect.js');
+var useUniqId = require('./utils/hooks/useUniqId.js');
+var useResizeObserver = require('./utils/hooks/useResizeObserver.js');
+var useFocusTrap = require('./utils/hooks/useFocusTrap.js');
+var addFocus = require('./utils/mixins/addFocus.js');
+var blur = require('./utils/mixins/blur.js');
+var applyDisabled = require('./utils/mixins/applyDisabled.js');
+var applyEllipsis = require('./utils/mixins/applyEllipsis.js');
+var applyMaxLines = require('./utils/mixins/applyMaxLines.js');
+var applyNoSelect = require('./utils/mixins/applyNoSelect.js');
+var applyRoundness = require('./utils/mixins/applyRoundness.js');
+var applySkeletonGradient = require('./utils/mixins/applySkeletonGradient.js');
+var applyView = require('./utils/mixins/applyView.js');
+var applyScrollSnap = require('./utils/mixins/applyScrollSnap.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+var shadows = require('./utils/mixins/shadows.js');
+var colors = require('./utils/tokens/colors.js');
+var typography = require('./utils/tokens/typography.js');
+var animatedScrollTo = require('./utils/utils/animatedScrollTo.js');
+var canUseDOM = require('./utils/utils/canUseDOM.js');
+var roundness = require('./utils/utils/roundness.js');
+var extractTextFrom = require('./utils/utils/extractTextFrom.js');
+var formatters = require('./utils/utils/formatters.js');
+var formatCurrency = require('./utils/utils/formatCurrency.js');
+var setRef = require('./utils/utils/setRef.js');
+var toCssSize = require('./utils/utils/toCssSize.js');
+var transformStyles = require('./utils/utils/transformStyles.js');
+var react = require('./utils/utils/react.js');
+
+
+
+exports.Card = Card.Card;
+exports.StyledCard = Card.StyledCard;
+exports.CardBody = CardBody.CardBody;
+exports.CardContent = CardContent.CardContent;
+exports.CardMedia = CardMedia.CardMedia;
+exports.CardPrice = CardPrice.CardPrice;
+exports.CardBody1 = CardTypography.CardBody1;
+exports.CardBody2 = CardTypography.CardBody2;
+exports.CardFootnote1 = CardTypography.CardFootnote1;
+exports.CardFootnote2 = CardTypography.CardFootnote2;
+exports.CardHeadline1 = CardTypography.CardHeadline1;
+exports.CardHeadline2 = CardTypography.CardHeadline2;
+exports.CardHeadline3 = CardTypography.CardHeadline3;
+exports.CardParagraph1 = CardTypography.CardParagraph1;
+exports.CardParagraph2 = CardTypography.CardParagraph2;
+exports.FieldContent = Field.FieldContent;
+exports.FieldHelper = Field.FieldHelper;
+exports.FieldPlaceholder = Field.FieldPlaceholder;
+exports.FieldRoot = Field.FieldRoot;
+exports.fieldBackgroundStatuses = Field_statuses.fieldBackgroundStatuses;
+exports.fieldStatuses = Field_statuses.fieldStatuses;
+exports.Image = Image.Image;
+exports.Price = Price.Price;
+exports.SSRContext = SSRProvider.SSRContext;
+exports.SSRProvider = SSRProvider.SSRProvider;
+exports.Body1 = Body.Body1;
+exports.Body2 = Body.Body2;
+exports.Body3 = Body.Body3;
+exports.Button1 = Button.Button1;
+exports.Button2 = Button.Button2;
+exports.Caption = Caption.Caption;
+exports.Display1 = Display.Display1;
+exports.Display2 = Display.Display2;
+exports.Display3 = Display.Display3;
+exports.Footnote1 = Footnote.Footnote1;
+exports.Footnote2 = Footnote.Footnote2;
+exports.H1 = Headline.H1;
+exports.H2 = Headline.H2;
+exports.H3 = Headline.H3;
+exports.H4 = Headline.H4;
+exports.Headline1 = Headline.Headline1;
+exports.Headline2 = Headline.Headline2;
+exports.Headline3 = Headline.Headline3;
+exports.Headline4 = Headline.Headline4;
+exports.P = Paragraph.P;
+exports.P1 = Paragraph.P1;
+exports.P2 = Paragraph.P2;
+exports.ParagraphText1 = Paragraph.ParagraphText1;
+exports.ParagraphText2 = Paragraph.ParagraphText2;
+exports.Underline = Underline.Underline;
+exports.Badge = Badge.Badge;
+exports.badgeSizes = Badge.badgeSizes;
+exports.Button = Button$1.Button;
+exports.ButtonRoot = Button$1.ButtonRoot;
+exports.buttonSizes = Button_props.buttonSizes;
+exports.buttonTypography = Button_props.buttonTypography;
+exports.buttonViews = Button_props.buttonViews;
+exports.getButtonSizesMixin = Button_mixins.getButtonSizesMixin;
+exports.createButton = createButton.createButton;
+exports.Spinner = Spinner.Spinner;
+exports.useDebouncedFunction = useDebouncedFunction.useDebouncedFunction;
+exports.useForkRef = useForkRef.useForkRef;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useUniqId = useUniqId.useUniqId;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useFocusTrap = useFocusTrap.useFocusTrap;
+exports.addFocus = addFocus.addFocus;
+exports.syntheticFocus = addFocus.syntheticFocus;
+exports.applyBlur = blur.applyBlur;
+exports.blurs = blur.blurs;
+exports.applyDisabled = applyDisabled.applyDisabled;
+exports.applyEllipsis = applyEllipsis.applyEllipsis;
+exports.applyMaxLines = applyMaxLines.applyMaxLines;
+exports.applyNoSelect = applyNoSelect.applyNoSelect;
+exports.applyRoundness = applyRoundness.applyRoundness;
+exports.radiuses = applyRoundness.radiuses;
+exports.applySkeletonGradient = applySkeletonGradient.applySkeletonGradient;
+exports.applyView = applyView.applyView;
+exports.views = applyView.views;
+exports.applyScrollSnap = applyScrollSnap.applyScrollSnap;
+Object.defineProperty(exports, 'applyHyphens', {
+	enumerable: true,
+	get: function () { return plasmaTypo.applyHyphens; }
+});
+Object.defineProperty(exports, 'applySpacing', {
+	enumerable: true,
+	get: function () { return plasmaTypo.applySpacing; }
+});
+Object.defineProperty(exports, 'spacing', {
+	enumerable: true,
+	get: function () { return plasmaTypo.spacing; }
+});
+exports.shadows = shadows.shadows;
+exports.accent = colors.accent;
+exports.background = colors.background;
+exports.backgroundPrimary = colors.backgroundPrimary;
+exports.backgroundSecondary = colors.backgroundSecondary;
+exports.backgroundTertiary = colors.backgroundTertiary;
+exports.black = colors.black;
+exports.blackPrimary = colors.blackPrimary;
+exports.blackSecondary = colors.blackSecondary;
+exports.blackTertiary = colors.blackTertiary;
+exports.buttonAccent = colors.buttonAccent;
+exports.buttonChecked = colors.buttonChecked;
+exports.buttonCritical = colors.buttonCritical;
+exports.buttonFocused = colors.buttonFocused;
+exports.buttonPrimary = colors.buttonPrimary;
+exports.buttonSecondary = colors.buttonSecondary;
+exports.buttonSuccess = colors.buttonSuccess;
+exports.buttonWarning = colors.buttonWarning;
+exports.critical = colors.critical;
+exports.dark01 = colors.dark01;
+exports.dark02 = colors.dark02;
+exports.dark03 = colors.dark03;
+exports.gradient = colors.gradient;
+exports.inverse = colors.inverse;
+exports.overlay = colors.overlay;
+exports.paragraph = colors.paragraph;
+exports.primary = colors.primary;
+exports.secondary = colors.secondary;
+exports.skeletonGradient = colors.skeletonGradient;
+exports.skeletonGradientLighter = colors.skeletonGradientLighter;
+exports.speechBubbleReceived = colors.speechBubbleReceived;
+exports.speechBubbleSent = colors.speechBubbleSent;
+exports.success = colors.success;
+exports.surfaceCard = colors.surfaceCard;
+exports.surfaceLiquid01 = colors.surfaceLiquid01;
+exports.surfaceLiquid02 = colors.surfaceLiquid02;
+exports.surfaceLiquid03 = colors.surfaceLiquid03;
+exports.surfaceSolid01 = colors.surfaceSolid01;
+exports.surfaceSolid02 = colors.surfaceSolid02;
+exports.surfaceSolid03 = colors.surfaceSolid03;
+exports.tertiary = colors.tertiary;
+exports.text = colors.text;
+exports.transparent = colors.transparent;
+exports.voicePhraseGradient = colors.voicePhraseGradient;
+exports.warning = colors.warning;
+exports.white = colors.white;
+exports.whitePrimary = colors.whitePrimary;
+exports.whiteSecondary = colors.whiteSecondary;
+exports.whiteTertiary = colors.whiteTertiary;
+exports.body1 = typography.body1;
+exports.body2 = typography.body2;
+exports.body3 = typography.body3;
+exports.button1 = typography.button1;
+exports.button2 = typography.button2;
+exports.caption = typography.caption;
+exports.display1 = typography.display1;
+exports.display2 = typography.display2;
+exports.display3 = typography.display3;
+exports.footnote1 = typography.footnote1;
+exports.footnote2 = typography.footnote2;
+exports.headline1 = typography.headline1;
+exports.headline2 = typography.headline2;
+exports.headline3 = typography.headline3;
+exports.headline4 = typography.headline4;
+exports.paragraph1 = typography.paragraph1;
+exports.paragraph2 = typography.paragraph2;
+exports.underline = typography.underline;
+exports.animatedScrollToX = animatedScrollTo.animatedScrollToX;
+exports.animatedScrollToY = animatedScrollTo.animatedScrollToY;
+exports.canUseDOM = canUseDOM.canUseDOM;
+exports.convertRoundnessMatrix = roundness.convertRoundnessMatrix;
+exports.extractTextFrom = extractTextFrom.extractTextFrom;
+exports.monthLongName = formatters.monthLongName;
+exports.monthShortName = formatters.monthShortName;
+exports.padZeroNumber = formatters.padZeroNumber;
+exports.formatCurrency = formatCurrency.formatCurrency;
+exports.setRef = setRef.setRef;
+exports.toCssSize = toCssSize.toCssSize;
+exports.transformStyles = transformStyles.transformStyles;
+exports.IS_REACT_18 = react.IS_REACT_18;
+exports.safeFlushSync = react.safeFlushSync;
+exports.safeUseId = react.safeUseId;

package/dist/css/cjs/plasmaCore/utils/hooks/useDebouncedFunction.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * @param {Function} func
+ * @param {number} delay
+ * @param {boolean} cleanUp
+ * https://habr.com/ru/company/domclick/blog/510616/
+ */
+function useDebouncedFunction(func, delay, cleanUp) {
+  var timeoutRef = React__default.default.useRef();
+
+  /**
+   * Очистка таймера
+   */
+  function clearTimer() {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = undefined;
+    }
+  }
+
+  /**
+   * Очищаем таймер при анмаунте компонента, если cleanUp выставлен в true
+   * и тем самым отменяем последний запланированный вызов
+   */
+  React__default.default.useEffect(function () {
+    return cleanUp ? clearTimer : undefined;
+  }, [cleanUp]);
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimer();
+    timeoutRef.current = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, delay);
+  };
+}
+
+exports.useDebouncedFunction = useDebouncedFunction;

package/dist/css/cjs/plasmaCore/utils/hooks/useFocusTrap.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var focusManager$1 = require('../utils/focusManager.js');
+var tabbable = require('../utils/tabbable.js');
+var scopeTab = require('../utils/scopeTab.js');
+
+// Находим элемент для фокуса
+var getFocusElement = function getFocusElement(node, firstFocusSelector) {
+  var focusElement = null;
+  if (firstFocusSelector) {
+    if (typeof firstFocusSelector === 'string') {
+      focusElement = node.querySelector(firstFocusSelector);
+    } else if (firstFocusSelector.current) {
+      focusElement = firstFocusSelector.current;
+    }
+  }
+  if (!focusElement) {
+    var children = Array.from(node.querySelectorAll(tabbable.focusSelector));
+    focusElement = children.find(function (el) {
+      return tabbable.isTabble(el);
+    }) || null;
+  }
+
+  // Если ничего не нашлось, то может ли сама нода быть под фокусом
+  if (!focusElement && tabbable.isFocusable(node)) {
+    focusElement = node;
+  }
+  return focusElement;
+};
+var processNode = function processNode(node, firstFocusSelector, ref) {
+  if (ref !== null && ref !== void 0 && ref.current) {
+    ref.current.removeEventListener('animationend', function () {
+      processNode(node, firstFocusSelector, ref);
+    });
+  }
+  var focusElement = getFocusElement(node, firstFocusSelector);
+  if (focusElement) {
+    focusElement.focus();
+  }
+};
+var focusManager = /*#__PURE__*/new focusManager$1.FocusManager();
+
+/**
+ *  Захватывает фокус внутри DOM node.
+ * */
+var useFocusTrap = function useFocusTrap() {
+  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
+  var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
+  var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
+  var ref = React.useRef();
+  var setRef = React.useCallback(function (node) {
+    if (ref.current) {
+      focusManager.teardownScopedFocus();
+      focusManager.returnFocus();
+    }
+    if (active && node) {
+      focusManager.setupScopedFocus(node);
+      focusManager.markForFocusAfter(focusAfterNode);
+
+      // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
+      setTimeout(function () {
+        if (ref !== null && ref !== void 0 && ref.current && node.ownerDocument && focusAfterAnimation) {
+          ref.current.addEventListener('animationend', function () {
+            processNode(node, firstFocusSelector, ref);
+          });
+        } else if (node.ownerDocument) {
+          processNode(node, firstFocusSelector);
+        }
+      });
+      ref.current = node;
+      return;
+    }
+    ref.current = null;
+  }, [active, firstFocusSelector]);
+  React.useEffect(function () {
+    if (!active) {
+      return;
+    }
+    var handleKeyDown = function handleKeyDown(event) {
+      if (event.key === 'Tab' && ref.current) {
+        scopeTab.scopeTab(ref.current, event);
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [active]);
+  return setRef;
+};
+
+exports.useFocusTrap = useFocusTrap;

package/dist/css/cjs/plasmaCore/utils/hooks/useForkRef.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var setRef = require('../utils/setRef.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * Позволяет переиспользовать объект `ref` внутри forwardRef.
+ * @param {React.Ref<T>} refOne
+ * @param {React.Ref<T>} refTwo
+ * @return {Function React.Ref}
+ */
+var useForkRef = function useForkRef(refOne, refTwo) {
+  return React__default.default.useMemo(function () {
+    if (refOne == null && refTwo === null) {
+      return null;
+    }
+    return function (refOb) {
+      setRef.setRef(refOne, refOb);
+      setRef.setRef(refTwo, refOb);
+    };
+  }, [refOne, refTwo]);
+};
+
+exports.useForkRef = useForkRef;

package/dist/css/cjs/plasmaCore/utils/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var canUseDOM = require('../utils/canUseDOM.js');
+
+/**
+ * Runs effect safely on server.
+ */
+var useIsomorphicLayoutEffect = canUseDOM.canUseDOM ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/css/cjs/plasmaCore/utils/hooks/useResizeObserver.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Отслеживает изменение размеров переданного элемента
+ * @param {React.Ref<T>} ref - реф элемента, за которым нужно следить
+ * @callback callback - функция, которая вызывается при изменении элемента
+ * @param {Element} element - элемент, размер которого изменился
+ */
+var useResizeObserver = function useResizeObserver(ref, callback) {
+  React.useEffect(function () {
+    /* istanbul ignore if: убираем проверку на рефы из покрытия */
+    if (!(ref !== null && ref !== void 0 && ref.current)) {
+      return;
+    }
+    var current = ref.current;
+    var resizeObserver = new window.ResizeObserver(function () {
+      window.requestAnimationFrame(function () {
+        callback(current);
+      });
+    });
+    resizeObserver.observe(ref.current);
+    return function () {
+      /* istanbul ignore if: убираем проверку на рефы из покрытия */
+      if (!(ref !== null && ref !== void 0 && ref.current)) {
+        return;
+      }
+      resizeObserver.unobserve(ref.current);
+    };
+  }, [ref]);
+};
+
+exports.useResizeObserver = useResizeObserver;

package/dist/css/cjs/plasmaCore/utils/hooks/useUniqId.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var SSRProvider = require('../../components/SSRProvider/SSRProvider.js');
+
+var noSSRId = 0;
+function useUniqId() {
+  var context = React.useContext(SSRProvider.SSRContext);
+  var _useState = React.useState(function () {
+      if (context.uniqId !== null) {
+        return "plasma-uniq-id-ssr-".concat(++context.uniqId);
+      }
+      return "plasma-uniq-id-".concat(++noSSRId);
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 1),
+    id = _useState2[0];
+  return id;
+}
+
+exports.useUniqId = useUniqId;

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

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+require('focus-visible');
+var colors = require('../tokens/colors.js');
+
+var _templateObject, _templateObject2, _templateObject3;
+var syntheticFocus = function syntheticFocus(ruleset, focused) {
+  return styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &.focus-visible:focus,\n    &[data-focus-visible-added] {\n        outline: none;\n        ", "\n    }\n\n    ", ";\n"])), ruleset, focused && ruleset);
+};
+
+/**
+ * Миксин для добавления фокусной рамки к элементу через псевдоэлемент before
+ * @param {FocusProps} props
+ * @example
+ * // Выведет фокусную рамку размером 2em, скруглением 5em, отступом 2em и цветом 'rebeccapurple'.
+ * addFocus({
+ *  outlineSize: '2em',
+ *  outlineOffset: '2em',
+ *  outlineRadius: '5em',
+ *  outlineColor: 'rebeccapurple',
+ * });
+ * @example
+ * // Выведет outline размером 4em, скруглением 10px 1px, без отступа и цветом 'greenyellow'.
+ * addFocus({
+ *  outlineSize: '4em',
+ *  outlineOffset: '0',
+ *  outlineRadius: '10em 1em',
+ *  outlineColor: 'greenyellow',
+ * });
+ */
+var addFocus = function addFocus(_ref) {
+  var lowPerformance = _ref.lowPerformance,
+    focused = _ref.focused,
+    _ref$outlined = _ref.outlined,
+    outlined = _ref$outlined === void 0 ? true : _ref$outlined,
+    _ref$outlineSize = _ref.outlineSize,
+    outlineSize = _ref$outlineSize === void 0 ? '0.125rem' : _ref$outlineSize,
+    _ref$outlineOffset = _ref.outlineOffset,
+    outlineOffset = _ref$outlineOffset === void 0 ? outlineSize : _ref$outlineOffset,
+    _ref$outlineColor = _ref.outlineColor,
+    outlineColor = _ref$outlineColor === void 0 ? colors.buttonFocused : _ref$outlineColor,
+    _ref$outlineRadius = _ref.outlineRadius,
+    outlineRadius = _ref$outlineRadius === void 0 ? 0 : _ref$outlineRadius,
+    _ref$synthesizeFocus = _ref.synthesizeFocus,
+    synthesizeFocus = _ref$synthesizeFocus === void 0 ? syntheticFocus : _ref$synthesizeFocus;
+  return outlined && styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        position: relative;\n\n        &::before {\n            content: '';\n\n            position: absolute;\n            top: -", ";\n            left: -", ";\n            right: -", ";\n            bottom: -", ";\n\n            display: block;\n            box-sizing: content-box;\n\n            border: ", " solid transparent;\n            border-radius: ", ";\n\n            transition: ", ";\n\n            pointer-events: none;\n        }\n\n        ", "\n    "])), outlineOffset, outlineOffset, outlineOffset, outlineOffset, outlineSize, outlineRadius, lowPerformance ? 'unset' : 'box-shadow 0.2s ease-in-out', synthesizeFocus(styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n                &::before {\n                    box-shadow: 0 0 0 ", " ", ";\n                }\n            "])), outlineSize, outlineColor), focused));
+};
+
+exports.addFocus = addFocus;
+exports.syntheticFocus = syntheticFocus;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+
+var _templateObject, _templateObject2;
+var disabledCss = /*#__PURE__*/styled.css(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    opacity: 0.4;\n    cursor: not-allowed;\n\n    /* stylelint-disable-next-line selector-nested-pattern */\n    &:hover,\n    &:active {\n        transform: none;\n    }\n"])));
+
+/**
+ * Миксин неактивной кнопки
+ */
+var applyDisabled = function applyDisabled(_ref) {
+  var disabled = _ref.disabled,
+    $disabled = _ref.$disabled;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &:disabled {\n        ", "\n    }\n\n    ", "\n"])), disabledCss, (disabled || $disabled) && disabledCss);
+};
+
+exports.applyDisabled = applyDisabled;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+
+var _templateObject;
+var applyEllipsis = function applyEllipsis() {
+  return styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    "])));
+};
+
+exports.applyEllipsis = applyEllipsis;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+
+var _templateObject;
+var applyMaxLines = function applyMaxLines(_ref) {
+  var maxLines = _ref.maxLines;
+  return maxLines && styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.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);
+};
+
+exports.applyMaxLines = applyMaxLines;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+
+var _templateObject;
+var applyNoSelect = function applyNoSelect() {
+  return styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        user-select: none;\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    "])));
+};
+
+exports.applyNoSelect = applyNoSelect;

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('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 styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        border-radius: ", "rem;\n    "])), radiuses[roundness]);
+};
+
+exports.applyRoundness = applyRoundness;
+exports.radiuses = radiuses;

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+
+var _templateObject;
+var applyScrollSnap = function applyScrollSnap(_ref) {
+  var scrollSnapAlign = _ref.scrollSnapAlign,
+    scrollSnapStop = _ref.scrollSnapStop;
+  return scrollSnapAlign && styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        scroll-snap-align: ", ";\n        scroll-snap-stop: ", ";\n    "])), scrollSnapAlign, scrollSnapStop);
+};
+
+exports.applyScrollSnap = applyScrollSnap;