@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2398.20426736662.0

package/dist/styled-components/cjs/components/_beta/Popover/index.js

@@ -0,0 +1,26 @@
+"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 _beta_popoverClasses () {
+        return _Popovertokens.classes;
+    },
+    get _beta_popoverConfig () {
+        return _Popover.popoverConfig;
+    },
+    get _beta_popoverRoot () {
+        return _Popover.popoverRoot;
+    },
+    get _beta_popoverTokens () {
+        return _Popovertokens.tokens;
+    }
+});
+var _Popover = require("./Popover");
+var _Popovertokens = require("./Popover.tokens");

package/dist/styled-components/cjs/components/_beta/Popover/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./sizeToIconSize"), exports);
+_export_star(require("./matchPlacements"), 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/styled-components/cjs/components/_beta/Popover/utils/matchPlacements.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "matchPlacements", {
+    enumerable: true,
+    get: function() {
+        return matchPlacements;
+    }
+});
+var matchPlacements = function(placement) {
+    switch(placement){
+        case 'top':
+            return 'top';
+        case 'right':
+            return 'right';
+        case 'bottom':
+            return 'bottom';
+        case 'left':
+            return 'left';
+        case 'top-start':
+        case 'left-start':
+            return 'top-left';
+        case 'top-end':
+        case 'right-start':
+            return 'top-right';
+        case 'right-end':
+        case 'bottom-end':
+            return 'bottom-right';
+        case 'bottom-start':
+        case 'left-end':
+            return 'bottom-left';
+        default:
+            return 'center';
+    }
+};

package/dist/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sizeToIconSize", {
+    enumerable: true,
+    get: function() {
+        return sizeToIconSize;
+    }
+});
+var sizeToIconSize = function(size) {
+    return size === 's' ? 'xs' : 's';
+};

package/dist/styled-components/cjs/components/_beta/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Popover"), 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/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Popover = require("../../../../components/_beta/Popover");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":var(--on-dark-text-secondary-active);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":0.625rem;",
+                ":0.625rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.5rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset)
+        }
+    }
+};

package/dist/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Popover = require("../../../../components/_beta/Popover");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0.75rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":0.625rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.5rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding)
+        }
+    }
+};

package/dist/styled-components/cjs/examples/components/_beta/Popover/Popover.js

@@ -0,0 +1,39 @@
+"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 Popover () {
+        return Popover;
+    },
+    get PopoverCloseInner () {
+        return PopoverCloseInner;
+    },
+    get PopoverCloseNone () {
+        return PopoverCloseNone;
+    }
+});
+var _Popover = require("../../../../components/_beta/Popover");
+var _engines = require("../../../../engines");
+var _utils = require("../../../../utils");
+var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
+var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
+var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseNoneconfig.config);
+var PopoverCloseNone = (0, _engines.component)(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseInnerconfig.config);
+var PopoverCloseInner = (0, _engines.component)(mergedCloseInnerConfig);
+var Popover = (0, _utils.createConditionalComponent)(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/dist/styled-components/cjs/index.js

@@ -90,6 +90,7 @@ _export_star(require("./components/ProgressBarCircular"), exports);
 _export_star(require("./components/TimePicker"), exports);
 _export_star(require("./components/DateTimePicker"), exports);
 _export_star(require("./components/Loader"), exports);
+_export_star(require("./components/_beta/Popover"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

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

@@ -54,6 +54,9 @@ _export(exports, {
     get isNumber () {
         return _isNumber.isNumber;
     },
+    get mergeHandlers () {
+        return _mergeHandlers.mergeHandlers;
+    },
     get mergeRefs () {
         return _setRefList.mergeRefs;
     },
@@ -84,6 +87,7 @@ var _createConditionalComponent = require("./createConditionalComponent");
 var _deepCopy = require("./deepCopy");
 var _isArraysEqual = require("./isArraysEqual");
 var _fixedForwardRef = require("./fixedForwardRef");
+var _mergeHandlers = require("./mergeHandlers");
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/styled-components/cjs/utils/mergeHandlers.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "mergeHandlers", {
+    enumerable: true,
+    get: function() {
+        return mergeHandlers;
+    }
+});
+var mergeHandlers = function(userHandler, injectedHandler) {
+    return function(event) {
+        try {
+            if (userHandler) {
+                userHandler(event);
+            }
+        } catch (e) {
+            console.error(e);
+            throw e;
+        } finally{
+            if (!event.defaultPrevented && injectedHandler) {
+                injectedHandler(event);
+            }
+        }
+    };
+};

package/dist/styled-components/es/components/LinkButton/LinkButton.js

@@ -85,6 +85,7 @@ export var linkButtonRoot = function(Root) {
             href: disabled ? undefined : href,
             rel: target === '_blank' ? 'noopener noreferrer' : rel
         };
+        var hasContent = Boolean(txt || children || additionalContent || contentRight);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             view: view,
@@ -97,7 +98,11 @@ export var linkButtonRoot = function(Root) {
         }, linkProps, rest), /*#__PURE__*/ React.createElement(LoadWrap, {
             isLoading: !disabled && isLoading,
             style: _object_spread({}, loadingCustomOpacity)
-        }, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
+        }, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
+            hasContent: hasContent
+        }, contentLeft), txt ? /*#__PURE__*/ React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
+            hasContent: hasContent
+        }, contentRight)), !disabled && isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
     });
 };
 export var linkButtonConfig = {

package/dist/styled-components/es/components/LinkButton/LinkButton.styles.js

@@ -17,14 +17,14 @@ export var base = css([
 }));
 export var StyledAdditionalContent = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledAdditionalContent",
-    componentId: "sc-e83eddac-0"
+    componentId: "sc-f97b8dcf-0"
 })([
     "display:flex;align-items:center;margin:var(",
     ");"
 ], tokens.linkButtonAdditionalContentMargin);
 export var LoadWrap = styled.div.withConfig({
     displayName: "LinkButton.styles__LoadWrap",
-    componentId: "sc-e83eddac-1"
+    componentId: "sc-f97b8dcf-1"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "LinkButton.styles__Loader",
-    componentId: "sc-e83eddac-2"
+    componentId: "sc-f97b8dcf-2"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "LinkButton.styles__StyledSpinner",
-    componentId: "sc-e83eddac-3"
+    componentId: "sc-f97b8dcf-3"
 })([
     "",
     ":var(",
@@ -50,7 +50,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
 ], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
 export var LinkButtonText = styled.span.withConfig({
     displayName: "LinkButton.styles__LinkButtonText",
-    componentId: "sc-e83eddac-4"
+    componentId: "sc-f97b8dcf-4"
 })([
     "padding:var(",
     ");color:var(",
@@ -61,17 +61,23 @@ export var LinkButtonText = styled.span.withConfig({
 ], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover, tokens.linkButtonTextColorActive);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentLeft",
-    componentId: "sc-e83eddac-5"
+    componentId: "sc-f97b8dcf-5"
 })([
     "line-height:0;color:var(",
-    ");margin:var(",
-    ");"
-], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
+    ");margin:",
+    ";"
+], tokens.linkButtonIconColor, function(param) {
+    var hasContent = param.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
+});
 export var StyledContentRight = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentRight",
-    componentId: "sc-e83eddac-6"
+    componentId: "sc-f97b8dcf-6"
 })([
     "line-height:0;color:var(",
-    ");margin:var(",
-    ");"
-], tokens.linkButtonIconColor, tokens.linkButtonRightContentMargin);
+    ");margin:",
+    ";"
+], tokens.linkButtonIconColor, function(param) {
+    var hasContent = param.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
+});

package/dist/styled-components/es/components/_Slot/Slot.js

@@ -0,0 +1,86 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import * as React from "react";
+import { mergeRefs, mergeHandlers } from "../../utils";
+export var Slot = /*#__PURE__*/ React.forwardRef(function(props, forwardedRef) {
+    var children = props.children, slotProps = _object_without_properties(props, [
+        "children"
+    ]);
+    if (!/*#__PURE__*/ React.isValidElement(children)) {
+        return null;
+    }
+    var child = children;
+    var childProps = child.props;
+    var mergedProps = _object_spread({}, slotProps);
+    // merge event handlers
+    for(var key in slotProps){
+        if (/^on[A-Z]/.test(key)) {
+            mergedProps[key] = mergeHandlers(childProps[key], slotProps[key]);
+        }
+    }
+    if (childProps.className || slotProps.className) {
+        mergedProps.className = [
+            slotProps.className,
+            childProps.className
+        ].filter(Boolean).join(' ');
+    }
+    // merge style
+    if (childProps.style || slotProps.style) {
+        mergedProps.style = _object_spread({}, slotProps.style, childProps.style);
+    }
+    mergedProps.ref = mergeRefs(childProps.ref, forwardedRef);
+    return /*#__PURE__*/ React.cloneElement(children, mergedProps);
+});