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

package/dist/css/cjs/plasmaCore/components/Field/Field.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var Field_statuses = require('./Field.statuses.js');
+var applyEllipsis = require('../../utils/mixins/applyEllipsis.js');
+var applyDisabled = require('../../utils/mixins/applyDisabled.js');
+var colors = require('../../utils/tokens/colors.js');
+var typography = require('../../utils/tokens/typography.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+/**
+ * Common dynamic placeholder.
+ */
+var FieldPlaceholder = /*#__PURE__*/styled__default.default.label(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    box-sizing: border-box;\n\n    width: 100%;\n    height: 100%;\n\n    color: ", ";\n    pointer-events: none;\n\n    transition: ", ";\n    transform-origin: top left;\n\n    ", "\n"])), colors.tertiary, function (_ref) {
+  var theme = _ref.theme;
+  return theme.lowPerformance ? 'unset' : 'all 0.1s ease-in';
+}, applyEllipsis.applyEllipsis);
+
+/**
+ * Content wrapper for left and right slots of the field.
+ */
+var FieldContent = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    ", ";\n    bottom: 0;\n\n    display: flex;\n    align-items: center;\n    height: 3rem;\n"])), function (_ref2) {
+  var pos = _ref2.pos;
+  return pos === 'left' ? 'left: 1rem' : 'right: 1rem';
+});
+
+/**
+ * An inline block to place a helper text under the form item.
+ */
+var FieldHelper = /*#__PURE__*/styled__default.default.span(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", ";\n\n    display: block;\n\n    margin-top: 0.25rem;\n\n    ", "\n"])), typography.caption, applyEllipsis.applyEllipsis);
+/**
+ * Common container for singular form item.
+ */
+var FieldRoot = /*#__PURE__*/styled__default.default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", ";\n\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    color: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"])), typography.body1, colors.secondary, applyDisabled.applyDisabled, function (_ref3) {
+  var _ref3$$size = _ref3.$size,
+    $size = _ref3$$size === void 0 ? 'm' : _ref3$$size;
+  return $size === 'l' ? styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n                  /* stylelint-disable-next-line selector-nested-pattern */\n                  ", " {\n                      top: 1.125rem;\n                      left: 1rem;\n                      right: 1rem;\n                  }\n                  /* stylelint-disable-next-line selector-nested-pattern */\n                  input:not(:placeholder-shown) ~ ", " {\n                      transform: scale(0.75);\n                      top: 0.375rem;\n                  }\n                  /* stylelint-disable-next-line selector-nested-pattern */\n                  ", " {\n                      height: 3.5rem;\n                  }\n              "])), FieldPlaceholder, FieldPlaceholder, FieldContent) : styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n                  /* stylelint-disable-next-line selector-nested-pattern */\n                  ", " {\n                      height: 3rem;\n                  }\n              "])), FieldContent);
+}, function (_ref4) {
+  var $isContentLeft = _ref4.$isContentLeft,
+    $isContentRight = _ref4.$isContentRight;
+  return styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        input, textarea {\n            ", " // 50px\n            ", "\n        }\n\n        ", " {\n            ", " // 50px\n            ", "\n        }\n    "])), $isContentLeft && 'padding-left: 3.125rem;', $isContentRight && 'padding-right: 3.125rem;', FieldPlaceholder, $isContentLeft && 'left: 3.125rem;', $isContentRight && 'right: 3.125rem;');
+}, function (_ref5) {
+  var $isHelper = _ref5.$isHelper,
+    status = _ref5.status;
+  return status && ($isHelper ? styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n                  ", " {\n                      color: ", ";\n                  }\n              "])), FieldHelper, Field_statuses.fieldStatuses[status]) : styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n                  ", " {\n                      color: ", ";\n                  }\n              "])), FieldPlaceholder, Field_statuses.fieldStatuses[status]));
+});
+
+exports.FieldContent = FieldContent;
+exports.FieldHelper = FieldHelper;
+exports.FieldPlaceholder = FieldPlaceholder;
+exports.FieldRoot = FieldRoot;

package/dist/css/cjs/plasmaCore/components/Field/Field.statuses.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var colors = require('../../utils/tokens/colors.js');
+
+var fieldStatuses = {
+  success: colors.success,
+  warning: colors.warning,
+  error: colors.critical
+};
+var fieldBackgroundStatuses = {
+  success: colors.buttonSuccess,
+  warning: colors.buttonWarning,
+  error: colors.buttonCritical
+};
+
+exports.fieldBackgroundStatuses = fieldBackgroundStatuses;
+exports.fieldStatuses = fieldStatuses;

package/dist/css/cjs/plasmaCore/components/Image/Image.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var styled = require('styled-components');
+var toCssSize = require('../../utils/utils/toCssSize.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["src", "srcSet", "sizes", "base", "alt", "width", "height"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var ratios = {
+  '1 / 1': '100',
+  '1/1': '100',
+  '3 / 4': '133.3333',
+  '3/4': '133.3333',
+  '4 / 3': '75',
+  '4/3': '75',
+  '9 / 16': '177.7778',
+  '9/16': '177.7778',
+  '16 / 9': '56.25',
+  '16/9': '56.25',
+  '1 / 2': '200',
+  '1/2': '200',
+  '2 / 1': '50',
+  '2/1': '50'
+};
+var StyledRoot = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    width: 100%;\n    height: inherit;\n    border-radius: inherit;\n\n    ", "\n\n    ", "\n"])), function (_ref) {
+  var $ratio = _ref.$ratio,
+    $customRatio = _ref.$customRatio;
+  return ($ratio || $customRatio) && styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n            height: 0;\n            padding-bottom: ", "%;\n        "])), $ratio ? ratios[$ratio] : $customRatio);
+}, function (_ref2) {
+  var $width = _ref2.$width,
+    $height = _ref2.$height;
+  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n            ", "\n            ", "\n        "])), $width && "width: ".concat(toCssSize.toCssSize($width), ";"), $height && "height: ".concat(toCssSize.toCssSize($height), ";"));
+});
+var StyledImg = /*#__PURE__*/styled__default.default.img(_templateObject4 || (_templateObject4 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    width: 100%;\n    ", ";\n"])), function (_ref3) {
+  var src = _ref3.src,
+    ratio = _ref3.ratio;
+  return src && ratio && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n            height: 100%;\n            object-fit: cover;\n            position: absolute;\n        "])));
+});
+var StyledDivImg = /*#__PURE__*/styled__default.default.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-position: center;\n    background-size: cover;\n"])));
+
+/**
+ * Компонент для отображения картинок.
+ */
+var ImageBase = function ImageBase(_ref4) {
+  var src = _ref4.src,
+    srcSet = _ref4.srcSet,
+    sizes = _ref4.sizes,
+    _ref4$base = _ref4.base,
+    base = _ref4$base === void 0 ? 'img' : _ref4$base,
+    alt = _ref4.alt,
+    width = _ref4.width,
+    height = _ref4.height,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded);
+  var ratio = 'ratio' in props ? props.ratio : undefined;
+  var customRatio = 'customRatio' in props ? props.customRatio : undefined;
+  return /*#__PURE__*/React__default.default.createElement(StyledRoot, _rollupPluginBabelHelpers.extends({
+    $ratio: ratio,
+    $customRatio: customRatio,
+    $width: width,
+    $height: height
+  }, props), base === 'img' && /*#__PURE__*/React__default.default.createElement(StyledImg, {
+    src: src,
+    srcSet: srcSet,
+    sizes: sizes,
+    alt: alt,
+    ratio: ratio
+  }), base === 'div' && /*#__PURE__*/React__default.default.createElement(StyledDivImg, {
+    style: {
+      backgroundImage: "url(".concat(src, ")")
+    },
+    role: "img",
+    "aria-label": alt
+  }));
+};
+
+/**
+ * Компонент для отображения картинок.
+ */
+var Image = /*#__PURE__*/styled__default.default(ImageBase)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral([""])));
+
+exports.Image = Image;

package/dist/css/cjs/plasmaCore/components/Price/Price.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var styled = require('styled-components');
+var formatCurrency = require('../../utils/utils/formatCurrency.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["children", "currency", "minimumFractionDigits", "stroke", "periodicity"];
+var _templateObject, _templateObject2, _templateObject3;
+var StyledPrice = /*#__PURE__*/styled__default.default.span(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", ";\n"])), function (_ref) {
+  var $stroke = _ref.$stroke;
+  return $stroke && styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n            text-decoration: line-through;\n        "])));
+});
+var StyledPeriodicity = /*#__PURE__*/styled__default.default.span(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    padding-left: 0.25rem;\n"])));
+
+/**
+ * Компонент для отображения цены / стоимости / суммы.
+ */
+var Price = function Price(_ref2) {
+  var children = _ref2.children,
+    _ref2$currency = _ref2.currency,
+    currency = _ref2$currency === void 0 ? 'rub' : _ref2$currency,
+    _ref2$minimumFraction = _ref2.minimumFractionDigits,
+    minimumFractionDigits = _ref2$minimumFraction === void 0 ? 0 : _ref2$minimumFraction,
+    _ref2$stroke = _ref2.stroke,
+    stroke = _ref2$stroke === void 0 ? false : _ref2$stroke,
+    periodicity = _ref2.periodicity,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React__default.default.createElement(StyledPrice, _rollupPluginBabelHelpers.extends({
+    $stroke: stroke
+  }, rest), formatCurrency.formatCurrency(children, currency, minimumFractionDigits), periodicity && /*#__PURE__*/React__default.default.createElement(StyledPeriodicity, null, periodicity));
+};
+
+exports.Price = Price;

package/dist/css/cjs/plasmaCore/components/SSRProvider/SSRProvider.js

@@ -0,0 +1,31 @@
+'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);
+
+var SSRContext = /*#__PURE__*/React.createContext({
+  uniqId: null
+});
+
+/**
+ * Провайдер обязателен для использования, необходимо обернуть в него все приложение.
+ *
+ * Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.
+ */
+var SSRProvider = function SSRProvider(_ref) {
+  var children = _ref.children;
+  var value = {
+    uniqId: 0
+  };
+  return /*#__PURE__*/React__default.default.createElement(SSRContext.Provider, {
+    value: value
+  }, children);
+};
+
+exports.SSRContext = SSRContext;
+exports.SSRProvider = SSRProvider;

package/dist/css/cjs/plasmaCore/components/Spinner/Spinner.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var styled = require('styled-components');
+var SpinnerSvg = require('./SpinnerSvg.js');
+var useUniqId = require('../../utils/hooks/useUniqId.js');
+var colors = require('../../utils/tokens/colors.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["id", "size", "color", "deviceScale"];
+var _templateObject, _templateObject2, _templateObject3;
+var rotateAnimation = /*#__PURE__*/styled.keyframes(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    from {\n        transform: rotate(0);\n    }\n\n    to {\n        transform: rotate(360deg);\n    }\n"])));
+var StyledRoot = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    box-sizing: border-box;\n\n    ", "\n\n    animation: ", " 1s linear infinite;\n"])), function (_ref) {
+  var $size = _ref.$size;
+  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n        width: ", ";\n        height: ", ";\n    "])), $size, $size);
+}, rotateAnimation);
+var scalingPixelBasis = 16;
+var sizeFormatting = function sizeFormatting(size) {
+  var deviceScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  if (typeof size === 'number' || !size.endsWith('rem') && !size.endsWith('px')) {
+    return "".concat(Number(size) / (scalingPixelBasis * deviceScale), "rem");
+  }
+  return size;
+};
+
+/**
+ * Компонент для отображения индикатора загрузки.
+ */
+var Spinner = function Spinner(props) {
+  var id = props.id,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 56 : _props$size,
+    _props$color = props.color,
+    color = _props$color === void 0 ? colors.accent : _props$color,
+    deviceScale = props.deviceScale,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var uniqId = useUniqId.useUniqId();
+  var innerId = id || uniqId;
+  var currentSize = sizeFormatting(size, deviceScale);
+  return /*#__PURE__*/React__default.default.createElement(StyledRoot, _rollupPluginBabelHelpers.extends({
+    id: innerId,
+    $size: currentSize
+  }, rest), /*#__PURE__*/React__default.default.createElement(SpinnerSvg.SpinnerSvg, {
+    id: innerId,
+    width: size,
+    height: size,
+    color: color
+  }));
+};
+
+exports.Spinner = Spinner;

package/dist/css/cjs/plasmaCore/components/Spinner/SpinnerSvg.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _excluded = ["id", "color"];
+var SpinnerSvg = function SpinnerSvg(_ref) {
+  var id = _ref.id,
+    color = _ref.color,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.default.createElement("svg", _rollupPluginBabelHelpers.extends({
+    viewBox: "0 0 56 56",
+    fill: "none"
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M28 0C12.536 0 0 12.536 0 28s12.536 28 28 28h.055H28v-4C14.745 52 4 41.255 4 28S14.745 4 28 4V0z",
+    fill: "url(#prefix__paint0_linear".concat(id, ")")
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M56 28c0 14.791-11.47 26.904-26 27.93-1.102.077-2-.825-2-1.93s.899-1.991 2-2.082C42.318 50.902 52 40.58 52 28 52 14.745 41.255 4 28 4V0c15.464 0 28 12.536 28 28z",
+    fill: "url(#prefix__paint1_linear".concat(id, ")")
+  }), /*#__PURE__*/React__default.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    id: "prefix__paint0_linear".concat(id),
+    x1: 0,
+    y1: 56,
+    x2: 0,
+    y2: 0,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    stopColor: color,
+    stopOpacity: 0
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 0.048,
+    stopColor: color,
+    stopOpacity: 0
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 0.952,
+    stopColor: color,
+    stopOpacity: 0.5
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 1,
+    stopColor: color,
+    stopOpacity: 0.5
+  })), /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    id: "prefix__paint1_linear".concat(id),
+    x1: 28,
+    y1: 56,
+    x2: 28,
+    y2: 0,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    stopColor: color
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 0.048,
+    stopColor: color
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 0.952,
+    stopColor: color,
+    stopOpacity: 0.5
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: 1,
+    stopColor: color,
+    stopOpacity: 0.5
+  }))));
+};
+
+exports.SpinnerSvg = SpinnerSvg;

package/dist/css/cjs/plasmaCore/components/Typography/Body.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3;
+var Body1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.body1);
+var Body2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.body2);
+var Body3 = /*#__PURE__*/styled__default.default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.body3);
+
+exports.Body1 = Body1;
+exports.Body2 = Body2;
+exports.Body3 = Body3;

package/dist/css/cjs/plasmaCore/components/Typography/Button.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2;
+var Button1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.button1);
+var Button2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.button2);
+
+exports.Button1 = Button1;
+exports.Button2 = Button2;

package/dist/css/cjs/plasmaCore/components/Typography/Caption.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject;
+var Caption = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.caption);
+
+exports.Caption = Caption;

package/dist/css/cjs/plasmaCore/components/Typography/Display.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3;
+var Display1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.display1);
+var Display2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.display2);
+var Display3 = /*#__PURE__*/styled__default.default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.display3);
+
+exports.Display1 = Display1;
+exports.Display2 = Display2;
+exports.Display3 = Display3;

package/dist/css/cjs/plasmaCore/components/Typography/Footnote.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2;
+var Footnote1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.footnote1);
+var Footnote2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.footnote2);
+
+exports.Footnote1 = Footnote1;
+exports.Footnote2 = Footnote2;

package/dist/css/cjs/plasmaCore/components/Typography/Headline.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var Headline1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline1);
+var Headline2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline2);
+var Headline3 = /*#__PURE__*/styled__default.default.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline3);
+var Headline4 = /*#__PURE__*/styled__default.default.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline4);
+var H1 = /*#__PURE__*/styled__default.default.h1(_templateObject5 || (_templateObject5 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin: 0;\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline1);
+var H2 = /*#__PURE__*/styled__default.default.h2(_templateObject6 || (_templateObject6 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin: 0;\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline2);
+var H3 = /*#__PURE__*/styled__default.default.h3(_templateObject7 || (_templateObject7 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin: 0;\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline3);
+var H4 = /*#__PURE__*/styled__default.default.h4(_templateObject8 || (_templateObject8 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    margin: 0;\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.headline4);
+
+exports.H1 = H1;
+exports.H2 = H2;
+exports.H3 = H3;
+exports.H4 = H4;
+exports.Headline1 = Headline1;
+exports.Headline2 = Headline2;
+exports.Headline3 = Headline3;
+exports.Headline4 = Headline4;

package/dist/css/cjs/plasmaCore/components/Typography/Paragraph.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var ParagraphText1 = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.paragraph1);
+var ParagraphText2 = /*#__PURE__*/styled__default.default.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.paragraph2);
+var P1 = /*#__PURE__*/styled__default.default.p(_templateObject3 || (_templateObject3 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    margin: 0;\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.paragraph1);
+var P = P1;
+var P2 = /*#__PURE__*/styled__default.default.p(_templateObject4 || (_templateObject4 = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    margin: 0;\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.paragraph2);
+
+exports.P = P;
+exports.P1 = P1;
+exports.P2 = P2;
+exports.ParagraphText1 = ParagraphText1;
+exports.ParagraphText2 = ParagraphText2;

package/dist/css/cjs/plasmaCore/components/Typography/Underline.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var styled = require('styled-components');
+var typography = require('../../utils/tokens/typography.js');
+var plasmaTypo = require('@salutejs/plasma-typo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject;
+var Underline = /*#__PURE__*/styled__default.default.div(_templateObject || (_templateObject = /*#__PURE__*/_rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n\n    text-transform: uppercase;\n"])), plasmaTypo.applyHyphens, plasmaTypo.applySpacing, typography.underline);
+
+exports.Underline = Underline;