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

package/dist/emotion/cjs/plasmaCore/components/Card/CardBody.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardBody", {
+    enumerable: true,
+    get: function() {
+        return CardBody;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CardBody = _styledcomponents.default.div`
+    position: relative;
+
+    display: flex;
+    overflow: hidden;
+    flex: 1;
+    flex-direction: column;
+
+    box-sizing: content-box;
+    width: 100%;
+
+    border-radius: inherit;
+`;

package/dist/emotion/cjs/plasmaCore/components/Card/CardContent.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardContent", {
+    enumerable: true,
+    get: function() {
+        return CardContent;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+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 CardContent = _styledcomponents.default.div`
+    display: flex;
+    flex-direction: column;
+
+    position: relative;
+
+    box-sizing: border-box;
+    padding: ${({ compact })=>compact ? 0.375 : 1}rem 1rem;
+
+    border-radius: inherit;
+
+    ${({ disabled })=>disabled && (0, _styledcomponents.css)`
+            opacity: 0.5;
+        `}
+
+    ${({ cover, coverGradient = true })=>cover && (0, _styledcomponents.css)`
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+
+            justify-content: flex-end;
+
+            ${coverGradient && (0, _styledcomponents.css)`
+                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%);
+            `};
+        `}
+`;

package/dist/emotion/cjs/plasmaCore/components/Card/CardMedia.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardMedia", {
+    enumerable: true,
+    get: function() {
+        return CardMedia;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _Image = require("../Image");
+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 StyledImage = (0, _styledcomponents.default)(_Image.Image)`
+    background-size: cover;
+
+    ${({ $disabled })=>$disabled && (0, _styledcomponents.css)`
+            opacity: 0.5;
+        `}
+`;
+const StyledRoot = _styledcomponents.default.div`
+    position: relative;
+`;
+const CardMedia = ({ disabled, placeholder, style, children, className, ...props })=>{
+    const imgStyle = {
+        ...style
+    };
+    if (placeholder && !props.src) {
+        imgStyle.backgroundImage = `url('${placeholder}')`;
+    }
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
+        className: className
+    }, /*#__PURE__*/ _react.default.createElement(StyledImage, {
+        $disabled: disabled,
+        style: imgStyle,
+        ...props
+    }), children);
+};

package/dist/emotion/cjs/plasmaCore/components/Card/CardPrice.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CardPrice", {
+    enumerable: true,
+    get: function() {
+        return CardPrice;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _Price = require("../Price");
+const _Typography = require("../Typography");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const StyledRoot = (0, _styledcomponents.default)(_Typography.Body2)`
+    display: flex;
+    box-sizing: border-box;
+
+    margin-top: 0.75rem;
+`;
+const StyledPrice = (0, _styledcomponents.default)(_Price.Price)`
+    height: 2.5rem;
+    color: ${_tokens.primary};
+`;
+const StyledOldPrice = (0, _styledcomponents.default)(_Price.Price)`
+    height: 2.5rem;
+    margin-left: 0.5rem;
+    color: ${_tokens.tertiary};
+`;
+const StyledCount = (0, _styledcomponents.default)(_Typography.Body2)`
+    box-sizing: border-box;
+    height: 2.5rem;
+    margin-left: 0.5rem;
+
+    color: ${_tokens.buttonAccent};
+`;
+const CardPrice = ({ count, currency, oldPrice, price, ...rest })=>{
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, rest, /*#__PURE__*/ _react.default.createElement(StyledPrice, {
+        currency: currency
+    }, price), oldPrice && /*#__PURE__*/ _react.default.createElement(StyledOldPrice, {
+        currency: currency,
+        stroke: true
+    }, oldPrice), count ? /*#__PURE__*/ _react.default.createElement(StyledCount, null, "×", count) : '');
+};

package/dist/emotion/cjs/plasmaCore/components/Card/CardTypography.js

@@ -0,0 +1,134 @@
+/* stylelint-disable */ // TODO:
+"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 CardBody1 () {
+        return CardBody1;
+    },
+    get CardBody2 () {
+        return CardBody2;
+    },
+    get CardFootnote1 () {
+        return CardFootnote1;
+    },
+    get CardFootnote2 () {
+        return CardFootnote2;
+    },
+    get CardHeadline1 () {
+        return CardHeadline1;
+    },
+    get CardHeadline2 () {
+        return CardHeadline2;
+    },
+    get CardHeadline3 () {
+        return CardHeadline3;
+    },
+    get CardParagraph1 () {
+        return CardParagraph1;
+    },
+    get CardParagraph2 () {
+        return CardParagraph2;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _tokens = require("../../utils/tokens");
+const _Typography = require("../Typography");
+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 views = {
+    primary: _tokens.primary,
+    secondary: _tokens.secondary,
+    tertiary: _tokens.tertiary
+};
+const linesMixin = ({ lines = 2 })=>(0, _styledcomponents.css)`
+    display: -webkit-box;
+    overflow: hidden;
+    box-sizing: border-box;
+
+    white-space: normal;
+
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: ${lines};
+`;
+const viewMixin = ({ view = 'primary' })=>(0, _styledcomponents.css)`
+    transition: ${({ theme })=>theme.lowPerformance ? 'unset' : 'color 0.1s ease-in-out'};
+    color: ${views[view]};
+`;
+const CardHeadline1 = (0, _styledcomponents.default)(_Typography.Headline1)`
+    ${viewMixin};
+`;
+const CardHeadline2 = (0, _styledcomponents.default)(_Typography.Headline2)`
+    ${viewMixin};
+`;
+const CardHeadline3 = (0, _styledcomponents.default)(_Typography.Headline3)`
+    ${viewMixin};
+`;
+const CardFootnote1 = (0, _styledcomponents.default)(_Typography.Footnote1)`
+    ${viewMixin};
+`;
+const CardFootnote2 = (0, _styledcomponents.default)(_Typography.Footnote2)`
+    ${viewMixin};
+`;
+const CardBody1 = (0, _styledcomponents.default)(_Typography.Body1)`
+    ${linesMixin};
+    ${viewMixin};
+`;
+const CardBody2 = (0, _styledcomponents.default)(_Typography.Body2)`
+    ${linesMixin};
+    ${viewMixin};
+`;
+const CardParagraph1 = (0, _styledcomponents.default)(_Typography.ParagraphText1)`
+    ${linesMixin};
+    ${viewMixin};
+`;
+const CardParagraph2 = (0, _styledcomponents.default)(_Typography.ParagraphText2)`
+    ${linesMixin};
+    ${viewMixin};
+`;

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

@@ -0,0 +1,49 @@
+"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 Card () {
+        return _Card.Card;
+    },
+    get CardBody () {
+        return _CardBody.CardBody;
+    },
+    get CardContent () {
+        return _CardContent.CardContent;
+    },
+    get CardMedia () {
+        return _CardMedia.CardMedia;
+    },
+    get CardPrice () {
+        return _CardPrice.CardPrice;
+    },
+    get StyledCard () {
+        return _Card.StyledCard;
+    }
+});
+const _Card = require("./Card");
+const _CardBody = require("./CardBody");
+const _CardContent = require("./CardContent");
+const _CardMedia = require("./CardMedia");
+const _CardPrice = require("./CardPrice");
+_export_star(require("./CardTypography"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

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

@@ -0,0 +1,162 @@
+"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 FieldContent () {
+        return FieldContent;
+    },
+    get FieldHelper () {
+        return FieldHelper;
+    },
+    get FieldPlaceholder () {
+        return FieldPlaceholder;
+    },
+    get FieldRoot () {
+        return FieldRoot;
+    }
+});
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _mixins = require("../../utils/mixins");
+const _tokens = require("../../utils/tokens");
+const _Fieldstatuses = require("./Field.statuses");
+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 FieldPlaceholder = _styledcomponents.default.label`
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+
+    width: 100%;
+    height: 100%;
+
+    color: ${_tokens.tertiary};
+    pointer-events: none;
+
+    transition: ${({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in'};
+    transform-origin: top left;
+
+    ${_mixins.applyEllipsis}
+`;
+const FieldContent = _styledcomponents.default.div`
+    position: absolute;
+    top: 0;
+    ${({ pos })=>pos === 'left' ? 'left: 1rem' : 'right: 1rem'};
+    bottom: 0;
+
+    display: flex;
+    align-items: center;
+    height: 3rem;
+`;
+const FieldHelper = _styledcomponents.default.span`
+    ${_tokens.caption};
+
+    display: block;
+
+    margin-top: 0.25rem;
+
+    ${_mixins.applyEllipsis}
+`;
+const FieldRoot = _styledcomponents.default.div`
+    ${_tokens.body1};
+
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    color: ${_tokens.secondary};
+
+    ${_mixins.applyDisabled}
+
+    ${({ $size = 'm' })=>$size === 'l' ? (0, _styledcomponents.css)`
+                  /* stylelint-disable-next-line selector-nested-pattern */
+                  ${FieldPlaceholder} {
+                      top: 1.125rem;
+                      left: 1rem;
+                      right: 1rem;
+                  }
+                  /* stylelint-disable-next-line selector-nested-pattern */
+                  input:not(:placeholder-shown) ~ ${FieldPlaceholder} {
+                      transform: scale(0.75);
+                      top: 0.375rem;
+                  }
+                  /* stylelint-disable-next-line selector-nested-pattern */
+                  ${FieldContent} {
+                      height: 3.5rem;
+                  }
+              ` : (0, _styledcomponents.css)`
+                  /* stylelint-disable-next-line selector-nested-pattern */
+                  ${FieldContent} {
+                      height: 3rem;
+                  }
+              `}
+
+    ${({ $isContentLeft, $isContentRight })=>(0, _styledcomponents.css)`
+        input, textarea {
+            ${$isContentLeft && 'padding-left: 3.125rem;'} // 50px
+            ${$isContentRight && 'padding-right: 3.125rem;'}
+        }
+
+        ${FieldPlaceholder} {
+            ${$isContentLeft && 'left: 3.125rem;'} // 50px
+            ${$isContentRight && 'right: 3.125rem;'}
+        }
+    `}
+
+    ${({ $isHelper, status })=>status && ($isHelper ? (0, _styledcomponents.css)`
+                  ${FieldHelper} {
+                      color: ${_Fieldstatuses.fieldStatuses[status]};
+                  }
+              ` : (0, _styledcomponents.css)`
+                  ${FieldPlaceholder} {
+                      color: ${_Fieldstatuses.fieldStatuses[status]};
+                  }
+              `)}
+`;

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

@@ -0,0 +1,29 @@
+"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 fieldBackgroundStatuses () {
+        return fieldBackgroundStatuses;
+    },
+    get fieldStatuses () {
+        return fieldStatuses;
+    }
+});
+const _tokens = require("../../utils/tokens");
+const fieldStatuses = {
+    success: _tokens.success,
+    warning: _tokens.warning,
+    error: _tokens.critical
+};
+const fieldBackgroundStatuses = {
+    success: _tokens.buttonSuccess,
+    warning: _tokens.buttonWarning,
+    error: _tokens.buttonCritical
+};

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

@@ -0,0 +1,32 @@
+"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 FieldContent () {
+        return _Field.FieldContent;
+    },
+    get FieldHelper () {
+        return _Field.FieldHelper;
+    },
+    get FieldPlaceholder () {
+        return _Field.FieldPlaceholder;
+    },
+    get FieldRoot () {
+        return _Field.FieldRoot;
+    },
+    get fieldBackgroundStatuses () {
+        return _Fieldstatuses.fieldBackgroundStatuses;
+    },
+    get fieldStatuses () {
+        return _Fieldstatuses.fieldStatuses;
+    }
+});
+const _Field = require("./Field");
+const _Fieldstatuses = require("./Field.statuses");