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

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

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Image", {
+    enumerable: true,
+    get: function() {
+        return Image;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _utils = require("../../utils/utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const 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'
+};
+const StyledRoot = _styledcomponents.default.div`
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    width: 100%;
+    height: inherit;
+    border-radius: inherit;
+
+    ${({ $ratio, $customRatio })=>($ratio || $customRatio) && (0, _styledcomponents.css)`
+            height: 0;
+            padding-bottom: ${$ratio ? ratios[$ratio] : $customRatio}%;
+        `}
+
+    ${({ $width, $height })=>(0, _styledcomponents.css)`
+            ${$width && `width: ${(0, _utils.toCssSize)($width)};`}
+            ${$height && `height: ${(0, _utils.toCssSize)($height)};`}
+        `}
+`;
+const StyledImg = _styledcomponents.default.img`
+    width: 100%;
+    ${({ src, ratio })=>src && ratio && (0, _styledcomponents.css)`
+            height: 100%;
+            object-fit: cover;
+            position: absolute;
+        `};
+`;
+const StyledDivImg = _styledcomponents.default.div`
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    background-position: center;
+    background-size: cover;
+`;
+/**
+ * Компонент для отображения картинок.
+ */ const ImageBase = ({ src, srcSet, sizes, base = 'img', alt, width, height, ...props })=>{
+    const ratio = 'ratio' in props ? props.ratio : undefined;
+    const customRatio = 'customRatio' in props ? props.customRatio : undefined;
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
+        $ratio: ratio,
+        $customRatio: customRatio,
+        $width: width,
+        $height: height,
+        ...props
+    }, base === 'img' && /*#__PURE__*/ _react.default.createElement(StyledImg, {
+        src: src,
+        srcSet: srcSet,
+        sizes: sizes,
+        alt: alt,
+        ratio: ratio
+    }), base === 'div' && /*#__PURE__*/ _react.default.createElement(StyledDivImg, {
+        style: {
+            backgroundImage: `url(${src})`
+        },
+        role: "img",
+        "aria-label": alt
+    }));
+};
+const Image = (0, _styledcomponents.default)(ImageBase)``;

package/dist/emotion/cjs/plasmaCore/components/Image/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Image", {
+    enumerable: true,
+    get: function() {
+        return _Image.Image;
+    }
+});
+const _Image = require("./Image");

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Price", {
+    enumerable: true,
+    get: function() {
+        return Price;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _utils = require("../../utils/utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const StyledPrice = _styledcomponents.default.span`
+    ${({ $stroke })=>$stroke && (0, _styledcomponents.css)`
+            text-decoration: line-through;
+        `};
+`;
+const StyledPeriodicity = _styledcomponents.default.span`
+    padding-left: 0.25rem;
+`;
+const Price = ({ children, currency = 'rub', minimumFractionDigits = 0, stroke = false, periodicity, ...rest })=>/*#__PURE__*/ _react.default.createElement(StyledPrice, {
+        $stroke: stroke,
+        ...rest
+    }, (0, _utils.formatCurrency)(children, currency, minimumFractionDigits), periodicity && /*#__PURE__*/ _react.default.createElement(StyledPeriodicity, null, periodicity));

package/dist/emotion/cjs/plasmaCore/components/Price/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Price", {
+    enumerable: true,
+    get: function() {
+        return _Price.Price;
+    }
+});
+const _Price = require("./Price");

package/dist/emotion/cjs/plasmaCore/components/Price/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get SSRContext () {
+        return SSRContext;
+    },
+    get SSRProvider () {
+        return SSRProvider;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const SSRContext = /*#__PURE__*/ (0, _react.createContext)({
+    uniqId: null
+});
+const SSRProvider = ({ children })=>{
+    const value = {
+        uniqId: 0
+    };
+    return /*#__PURE__*/ _react.default.createElement(SSRContext.Provider, {
+        value: value
+    }, children);
+};

package/dist/emotion/cjs/plasmaCore/components/SSRProvider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get SSRContext () {
+        return _SSRProvider.SSRContext;
+    },
+    get SSRProvider () {
+        return _SSRProvider.SSRProvider;
+    }
+});
+const _SSRProvider = require("./SSRProvider");

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Spinner", {
+    enumerable: true,
+    get: function() {
+        return Spinner;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _hooks = require("../../utils/hooks");
+const _SpinnerSvg = require("./SpinnerSvg");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const rotateAnimation = (0, _styledcomponents.keyframes)`
+    from {
+        transform: rotate(0);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+`;
+const StyledRoot = _styledcomponents.default.div`
+    display: flex;
+    box-sizing: border-box;
+
+    ${({ $size })=>(0, _styledcomponents.css)`
+        width: ${$size};
+        height: ${$size};
+    `}
+
+    animation: ${rotateAnimation} 1s linear infinite;
+`;
+const scalingPixelBasis = 16;
+const sizeFormatting = (size, deviceScale = 1)=>{
+    if (typeof size === 'number' || !size.endsWith('rem') && !size.endsWith('px')) {
+        return `${Number(size) / (scalingPixelBasis * deviceScale)}rem`;
+    }
+    return size;
+};
+const Spinner = (props)=>{
+    const { id, size = 56, color = _tokens.accent, deviceScale, ...rest } = props;
+    const uniqId = (0, _hooks.useUniqId)();
+    const innerId = id || uniqId;
+    const currentSize = sizeFormatting(size, deviceScale);
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
+        id: innerId,
+        $size: currentSize,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(_SpinnerSvg.SpinnerSvg, {
+        id: innerId,
+        width: size,
+        height: size,
+        color: color
+    }));
+};

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SpinnerSvg", {
+    enumerable: true,
+    get: function() {
+        return SpinnerSvg;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const SpinnerSvg = ({ id, color, ...props })=>/*#__PURE__*/ _react.default.createElement("svg", {
+        viewBox: "0 0 56 56",
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ _react.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${id})`
+    }), /*#__PURE__*/ _react.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${id})`
+    }), /*#__PURE__*/ _react.default.createElement("defs", null, /*#__PURE__*/ _react.default.createElement("linearGradient", {
+        id: `prefix__paint0_linear${id}`,
+        x1: 0,
+        y1: 56,
+        x2: 0,
+        y2: 0,
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ _react.default.createElement("stop", {
+        stopColor: color,
+        stopOpacity: 0
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 0.048,
+        stopColor: color,
+        stopOpacity: 0
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 0.952,
+        stopColor: color,
+        stopOpacity: 0.5
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 1,
+        stopColor: color,
+        stopOpacity: 0.5
+    })), /*#__PURE__*/ _react.default.createElement("linearGradient", {
+        id: `prefix__paint1_linear${id}`,
+        x1: 28,
+        y1: 56,
+        x2: 28,
+        y2: 0,
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ _react.default.createElement("stop", {
+        stopColor: color
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 0.048,
+        stopColor: color
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 0.952,
+        stopColor: color,
+        stopOpacity: 0.5
+    }), /*#__PURE__*/ _react.default.createElement("stop", {
+        offset: 1,
+        stopColor: color,
+        stopOpacity: 0.5
+    }))));

package/dist/emotion/cjs/plasmaCore/components/Spinner/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Spinner", {
+    enumerable: true,
+    get: function() {
+        return _Spinner.Spinner;
+    }
+});
+const _Spinner = require("./Spinner");

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Body1 () {
+        return Body1;
+    },
+    get Body2 () {
+        return Body2;
+    },
+    get Body3 () {
+        return Body3;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _mixins = require("../../utils/mixins");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Body1 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.body1}
+`;
+const Body2 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.body2}
+`;
+const Body3 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.body3}
+`;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Button1 () {
+        return Button1;
+    },
+    get Button2 () {
+        return Button2;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _mixins = require("../../utils/mixins");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Button1 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.button1}
+`;
+const Button2 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.button2}
+`;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Caption", {
+    enumerable: true,
+    get: function() {
+        return Caption;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _mixins = require("../../utils/mixins");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Caption = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.caption}
+`;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Display1 () {
+        return Display1;
+    },
+    get Display2 () {
+        return Display2;
+    },
+    get Display3 () {
+        return Display3;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _mixins = require("../../utils/mixins");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Display1 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.display1}
+`;
+const Display2 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.display2}
+`;
+const Display3 = _styledcomponents.default.div`
+    ${_mixins.applyHyphens}
+    ${_mixins.applySpacing}
+    ${_tokens.display3}
+`;