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

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applyNoSelect.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "applyNoSelect", {
+    enumerable: true,
+    get: function() {
+        return applyNoSelect;
+    }
+});
+const _styledcomponents = require("styled-components");
+const applyNoSelect = ()=>(0, _styledcomponents.css)([
+        `user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);`
+    ]);

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applyOutline.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "applyOutline", {
+    enumerable: true,
+    get: function() {
+        return applyOutline;
+    }
+});
+const _styledcomponents = require("styled-components");
+const applyOutline = ()=>(0, _styledcomponents.css)([
+        `position:relative;&::before{content:'';position:absolute;top:var(--plasma-outline-offset);left:var(--plasma-outline-offset);right:var(--plasma-outline-offset);bottom:var(--plasma-outline-offset);display:block;box-sizing:border-box;border:var(--plasma-outline-offset) solid transparent;border-radius:var(--plasma-outline-radius);transition:box-shadow 0.2s ease-in-out;pointer-events:none;}&:focus::before{box-shadow:0 0 0 var(--plasma-outline-size) var(--plasma-outline-radius);}`
+    ]);

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applyRoundness.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 applyRoundness () {
+        return applyRoundness;
+    },
+    get radiuses () {
+        return radiuses;
+    }
+});
+const _styledcomponents = require("styled-components");
+const 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
+};
+const applyRoundness = ({ roundness })=>(0, _styledcomponents.css)([
+        `border-radius:`,
+        `rem;`
+    ], radiuses[roundness]);

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applyScrollSnap.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "applyScrollSnap", {
+    enumerable: true,
+    get: function() {
+        return applyScrollSnap;
+    }
+});
+const _styledcomponents = require("styled-components");
+const applyScrollSnap = ({ scrollSnapAlign, scrollSnapStop })=>scrollSnapAlign && (0, _styledcomponents.css)([
+        `scroll-snap-align:`,
+        `;scroll-snap-stop:`,
+        `;`
+    ], scrollSnapAlign, scrollSnapStop);

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applySkeletonGradient.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "applySkeletonGradient", {
+    enumerable: true,
+    get: function() {
+        return applySkeletonGradient;
+    }
+});
+const _styledcomponents = require("styled-components");
+const _tokens = require("../tokens");
+const loading = (0, _styledcomponents.keyframes)([
+    `from{transform:translateX(0);}to{transform:translateX(100vw);}`
+]);
+const applySkeletonGradient = ({ lighter })=>(0, _styledcomponents.css)([
+        `position:relative;overflow:hidden;z-index:1;&::before{content:'';position:absolute;animation:`,
+        ` 4s linear infinite;background-image:`,
+        `;top:0;left:-100vw;width:200vw;height:100%;}`
+    ], loading, lighter ? _tokens.skeletonGradientLighter : _tokens.skeletonGradient);

package/dist/styled-components/cjs/plasmaCore/utils/mixins/applyView.js

@@ -0,0 +1,60 @@
+"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 applyView () {
+        return applyView;
+    },
+    get views () {
+        return views;
+    }
+});
+const _tokens = require("../tokens");
+const views = {
+    accent: {
+        backgroundColor: _tokens.accent,
+        color: _tokens.white
+    },
+    primary: {
+        backgroundColor: _tokens.buttonAccent,
+        color: _tokens.white
+    },
+    secondary: {
+        backgroundColor: _tokens.buttonSecondary,
+        color: _tokens.text
+    },
+    success: {
+        backgroundColor: _tokens.buttonSuccess,
+        color: _tokens.white
+    },
+    warning: {
+        backgroundColor: _tokens.buttonWarning,
+        color: _tokens.white
+    },
+    critical: {
+        backgroundColor: _tokens.buttonCritical,
+        color: _tokens.white
+    },
+    checked: {
+        backgroundColor: _tokens.buttonChecked,
+        /**
+         * FixMe: Заменить на соответствующий цвет при исправлении токенов дизайнерами
+         */ color: _tokens.background
+    },
+    clear: {
+        backgroundColor: _tokens.transparent,
+        color: _tokens.text
+    },
+    overlay: {
+        backgroundColor: _tokens.blackSecondary,
+        color: _tokens.white
+    }
+};
+const applyView = ({ view })=>views[view];

package/dist/styled-components/cjs/plasmaCore/utils/mixins/blur.js

@@ -0,0 +1,24 @@
+"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 applyBlur () {
+        return applyBlur;
+    },
+    get blurs () {
+        return blurs;
+    }
+});
+const blurs = {
+    small: '27px',
+    medium: '37px',
+    large: '50px'
+};
+const applyBlur = ({ blur })=>blur && `backdrop-filter: blur(${blurs[blur]});`;

package/dist/styled-components/cjs/plasmaCore/utils/mixins/index.js

@@ -0,0 +1,88 @@
+"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 addFocus () {
+        return _addFocus.addFocus;
+    },
+    get applyBlur () {
+        return _blur.applyBlur;
+    },
+    get applyDisabled () {
+        return _applyDisabled.applyDisabled;
+    },
+    get applyEllipsis () {
+        return _applyEllipsis.applyEllipsis;
+    },
+    get applyHyphens () {
+        return _plasmatypo.applyHyphens;
+    },
+    get applyMaxLines () {
+        return _applyMaxLines.applyMaxLines;
+    },
+    get applyNoSelect () {
+        return _applyNoSelect.applyNoSelect;
+    },
+    get applyRoundness () {
+        return _applyRoundness.applyRoundness;
+    },
+    get applyScrollSnap () {
+        return _applyScrollSnap.applyScrollSnap;
+    },
+    get applySkeletonGradient () {
+        return _applySkeletonGradient.applySkeletonGradient;
+    },
+    get applySpacing () {
+        return _plasmatypo.applySpacing;
+    },
+    get applyView () {
+        return _applyView.applyView;
+    },
+    get blurs () {
+        return _blur.blurs;
+    },
+    get radiuses () {
+        return _applyRoundness.radiuses;
+    },
+    get spacing () {
+        return _plasmatypo.spacing;
+    },
+    get syntheticFocus () {
+        return _addFocus.syntheticFocus;
+    },
+    get views () {
+        return _applyView.views;
+    }
+});
+const _addFocus = require("./addFocus");
+const _blur = require("./blur");
+const _applyDisabled = require("./applyDisabled");
+const _applyEllipsis = require("./applyEllipsis");
+const _applyMaxLines = require("./applyMaxLines");
+const _applyNoSelect = require("./applyNoSelect");
+const _applyRoundness = require("./applyRoundness");
+const _applySkeletonGradient = require("./applySkeletonGradient");
+const _applyView = require("./applyView");
+const _applyScrollSnap = require("./applyScrollSnap");
+_export_star(require("./shadows"), exports);
+const _plasmatypo = require("@salutejs/plasma-typo");
+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/styled-components/cjs/plasmaCore/utils/mixins/shadows.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "shadows", {
+    enumerable: true,
+    get: function() {
+        return shadows;
+    }
+});
+const shadows = {
+    tiny: '0 1px 1px rgba(0, 0, 0, 0.11)',
+    small: '0 1px 4px rgba(0, 0, 0, 0.05)',
+    medium: '0 1px 1px rgba(0, 0, 0, 0.05), 0 4px 14px rgba(0, 0, 0, 0.08)'
+};

package/dist/styled-components/cjs/plasmaCore/utils/tokens/colors.js

@@ -0,0 +1,204 @@
+"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 accent () {
+        return accent;
+    },
+    get background () {
+        return background;
+    },
+    get backgroundPrimary () {
+        return backgroundPrimary;
+    },
+    get backgroundSecondary () {
+        return backgroundSecondary;
+    },
+    get backgroundTertiary () {
+        return backgroundTertiary;
+    },
+    get black () {
+        return black;
+    },
+    get blackPrimary () {
+        return blackPrimary;
+    },
+    get blackSecondary () {
+        return blackSecondary;
+    },
+    get blackTertiary () {
+        return blackTertiary;
+    },
+    get buttonAccent () {
+        return buttonAccent;
+    },
+    get buttonChecked () {
+        return buttonChecked;
+    },
+    get buttonCritical () {
+        return buttonCritical;
+    },
+    get buttonFocused () {
+        return buttonFocused;
+    },
+    get buttonPrimary () {
+        return buttonPrimary;
+    },
+    get buttonSecondary () {
+        return buttonSecondary;
+    },
+    get buttonSuccess () {
+        return buttonSuccess;
+    },
+    get buttonWarning () {
+        return buttonWarning;
+    },
+    get critical () {
+        return critical;
+    },
+    get dark01 () {
+        return dark01;
+    },
+    get dark02 () {
+        return dark02;
+    },
+    get dark03 () {
+        return dark03;
+    },
+    get gradient () {
+        return gradient;
+    },
+    get inverse () {
+        return inverse;
+    },
+    get overlay () {
+        return overlay;
+    },
+    get paragraph () {
+        return paragraph;
+    },
+    get primary () {
+        return primary;
+    },
+    get secondary () {
+        return secondary;
+    },
+    get skeletonGradient () {
+        return skeletonGradient;
+    },
+    get skeletonGradientLighter () {
+        return skeletonGradientLighter;
+    },
+    get speechBubbleReceived () {
+        return speechBubbleReceived;
+    },
+    get speechBubbleSent () {
+        return speechBubbleSent;
+    },
+    get success () {
+        return success;
+    },
+    get surfaceCard () {
+        return surfaceCard;
+    },
+    get surfaceLiquid01 () {
+        return surfaceLiquid01;
+    },
+    get surfaceLiquid02 () {
+        return surfaceLiquid02;
+    },
+    get surfaceLiquid03 () {
+        return surfaceLiquid03;
+    },
+    get surfaceSolid01 () {
+        return surfaceSolid01;
+    },
+    get surfaceSolid02 () {
+        return surfaceSolid02;
+    },
+    get surfaceSolid03 () {
+        return surfaceSolid03;
+    },
+    get tertiary () {
+        return tertiary;
+    },
+    get text () {
+        return text;
+    },
+    get transparent () {
+        return transparent;
+    },
+    get voicePhraseGradient () {
+        return voicePhraseGradient;
+    },
+    get warning () {
+        return warning;
+    },
+    get white () {
+        return white;
+    },
+    get whitePrimary () {
+        return whitePrimary;
+    },
+    get whiteSecondary () {
+        return whiteSecondary;
+    },
+    get whiteTertiary () {
+        return whiteTertiary;
+    }
+});
+const white = 'var(--plasma-colors-white)';
+const whitePrimary = 'var(--plasma-colors-white-primary)';
+const whiteSecondary = 'var(--plasma-colors-white-secondary)';
+const whiteTertiary = 'var(--plasma-colors-white-tertiary)';
+const black = 'var(--plasma-colors-black)';
+const blackPrimary = 'var(--plasma-colors-black-primary)';
+const blackSecondary = 'var(--plasma-colors-black-secondary)';
+const blackTertiary = 'var(--plasma-colors-black-tertiary)';
+const dark01 = 'var(--plasma-colors-dark01)';
+const dark02 = 'var(--plasma-colors-dark02)';
+const dark03 = 'var(--plasma-colors-dark03)';
+const transparent = 'var(--plasma-colors-transparent)';
+const text = 'var(--plasma-colors-text)';
+const primary = 'var(--plasma-colors-primary)';
+const secondary = 'var(--plasma-colors-secondary)';
+const tertiary = 'var(--plasma-colors-tertiary)';
+const inverse = 'var(--plasma-colors-inverse)';
+const paragraph = 'var(--plasma-colors-paragraph)';
+const background = 'var(--plasma-colors-background)';
+const backgroundPrimary = 'var(--plasma-colors-background-primary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const backgroundSecondary = 'var(--plasma-colors-background-secondary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const backgroundTertiary = 'var(--plasma-colors-background-tertiary)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const success = 'var(--plasma-colors-success)';
+const warning = 'var(--plasma-colors-warning)';
+const critical = 'var(--plasma-colors-critical)';
+const overlay = 'var(--plasma-colors-overlay)';
+const surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03)'; // ToDo: https://github.com/salute-developers/plasma/issues/1107
+const surfaceSolid01 = 'var(--plasma-colors-surface-solid01)';
+const surfaceSolid02 = 'var(--plasma-colors-surface-solid02)';
+const surfaceSolid03 = 'var(--plasma-colors-surface-solid03)';
+const surfaceCard = 'var(--plasma-colors-surface-card)';
+const buttonPrimary = 'var(--plasma-colors-button-primary)';
+const buttonSecondary = 'var(--plasma-colors-button-secondary)';
+const buttonSuccess = 'var(--plasma-colors-button-success)';
+const buttonWarning = 'var(--plasma-colors-button-warning)';
+const buttonCritical = 'var(--plasma-colors-button-critical)';
+const buttonChecked = 'var(--plasma-colors-button-checked)';
+const speechBubbleSent = 'var(--plasma-colors-speech-bubble-sent)';
+const speechBubbleReceived = 'var(--plasma-colors-speech-bubble-received)';
+const accent = 'var(--plasma-colors-accent)';
+const buttonAccent = 'var(--plasma-colors-button-accent)';
+const buttonFocused = 'var(--plasma-colors-button-focused)';
+const gradient = 'var(--plasma-colors-gradient)';
+const voicePhraseGradient = 'var(--plasma-colors-voice-phrase-gradient)';
+const skeletonGradient = 'var(--plasma-colors-skeleton-gradient)';
+const skeletonGradientLighter = 'var(--plasma-colors-skeleton-gradient-lighter)';

package/dist/styled-components/cjs/plasmaCore/utils/tokens/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./colors"), exports);
+_export_star(require("./typography"), 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;
+}