@salutejs/plasma-new-hope 0.328.0-canary.2044.15883067405.0 → 0.328.0-canary.2044.15920656086.0

package/styled-components/cjs/components/Tour/Tour.tokens.js

@@ -0,0 +1,31 @@
+"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 classes () {
+        return classes;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+var classes = {
+    mask: 'tour-mask'
+};
+var tokens = {
+    cardPadding: '--plasma-tour-card-padding',
+    cardRadius: '--plasma-tour-card-radius',
+    cardBgColor: '--plasma-tour-card-bg',
+    cardShadow: '--plasma-tour-card-shadow',
+    maskBgColor: '--plasma-tour-mask-bg',
+    titleColor: '--plasma-tour-title-color',
+    descriptionColor: '--plasma-tour-description-color',
+    highlightRadius: '--plasma-tour-highlight-radius'
+};

package/styled-components/cjs/components/Tour/Tour.types.js

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

package/styled-components/cjs/components/Tour/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 tourClasses () {
+        return _Tourtokens.classes;
+    },
+    get tourConfig () {
+        return _Tour.tourConfig;
+    },
+    get tourRoot () {
+        return _Tour.tourRoot;
+    },
+    get tourTokens () {
+        return _Tourtokens.tokens;
+    }
+});
+var _Tour = require("./Tour");
+var _Tourtokens = require("./Tour.tokens");

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

@@ -0,0 +1,157 @@
+"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 ROOT_COMPONENT () {
+        return ROOT_COMPONENT;
+    },
+    get TOUR_BORDER_RADIUS_TOKEN () {
+        return TOUR_BORDER_RADIUS_TOKEN;
+    },
+    get TOUR_FINDER_MARK () {
+        return TOUR_FINDER_MARK;
+    },
+    get findRootElement () {
+        return findRootElement;
+    },
+    get getHTMLElement () {
+        return getHTMLElement;
+    },
+    get getIncreasedRadius () {
+        return getIncreasedRadius;
+    }
+});
+var _utils = require("../../../utils");
+var TOUR_FINDER_MARK = 'data-tour';
+var ROOT_COMPONENT = 'data-root';
+var TOUR_BORDER_RADIUS_TOKEN = '--plasma-tour__border-radius';
+var getHTMLElement = function(target) {
+    if (!target || !_utils.canUseDOM) {
+        return null;
+    }
+    if (typeof target === 'string') {
+        return document.querySelector(target);
+    }
+    if ('current' in target) {
+        return target.current;
+    }
+    return target;
+};
+var getIncreasedRadius = function(ref, offset) {
+    if (!ref.current) {
+        return '';
+    }
+    var element = ref.current;
+    var computedStyle = getComputedStyle(element);
+    var borderRadiusComponent = computedStyle.getPropertyValue(TOUR_BORDER_RADIUS_TOKEN);
+    var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
+    var parseValue = function(value, context) {
+        var num = parseFloat(value);
+        if (Number.isNaN(num)) return 0;
+        if (value.endsWith('px')) return num;
+        if (value.endsWith('%')) return num / 100 * context.width;
+        if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
+        if (value.endsWith('rem')) {
+            return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
+        }
+        if (value.endsWith('vw')) return num / 100 * window.innerWidth;
+        if (value.endsWith('vh')) return num / 100 * window.innerHeight;
+        if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
+        if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
+        return num;
+    };
+    var context = {
+        width: element.offsetWidth,
+        height: element.offsetHeight
+    };
+    var parseRadius = function(radius) {
+        var parts = radius.split('/').map(function(part) {
+            return part.trim();
+        });
+        var horizontal = parts[0].split(/\s+/).map(function(val) {
+            return parseValue(val, context);
+        });
+        var normalize = function(values) {
+            if (values.length === 1) return [
+                values[0],
+                values[0],
+                values[0],
+                values[0]
+            ];
+            if (values.length === 2) return [
+                values[0],
+                values[1],
+                values[0],
+                values[1]
+            ];
+            if (values.length === 3) return [
+                values[0],
+                values[1],
+                values[2],
+                values[1]
+            ];
+            return values.slice(0, 4);
+        };
+        return {
+            horizontal: normalize(horizontal),
+            vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function(val) {
+                return parseValue(val, context);
+            })) : normalize(horizontal)
+        };
+    };
+    try {
+        var parsed = parseRadius(currentRadius);
+        var newHorizontal = parsed.horizontal.map(function(val) {
+            return val !== 0 ? Math.max(0, val + offset) : 0;
+        });
+        var newVertical = parsed.vertical.map(function(val) {
+            return val !== 0 ? Math.max(0, val + offset) : 0;
+        });
+        var format = function(values) {
+            return values.map(function(v) {
+                return "".concat(v, "px");
+            }).join(' ');
+        };
+        var horizontalStr = format(newHorizontal);
+        var verticalStr = format(newVertical);
+        return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
+    } catch (error) {
+        return '';
+    }
+};
+var findRootElement = function(ref) {
+    if (!ref.current) {
+        return '';
+    }
+    var currentElement = ref.current;
+    if (!(currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(TOUR_FINDER_MARK))) {
+        return {
+            current: currentElement
+        };
+    }
+    while(currentElement !== null && currentElement !== document.documentElement){
+        if (currentElement.hasAttribute(ROOT_COMPONENT)) {
+            return {
+                current: currentElement
+            };
+        }
+        var parent = currentElement.parentElement;
+        if (parent === null) {
+            break;
+        }
+        currentElement = parent;
+    }
+    if (currentElement === null || currentElement === void 0 ? void 0 : currentElement.hasAttribute(ROOT_COMPONENT)) {
+        return {
+            current: currentElement
+        };
+    }
+    return ref;
+};

package/styled-components/cjs/components/Tour/variatoins/_size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/Tour/variatoins/_view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Tourtokens = require("../../../../components/Tour/Tour.tokens");
+var config = {
+    defaults: {
+        view: 'accent',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                ""
+            ])
+        },
+        size: {
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], _Tourtokens.tokens.cardPadding, _Tourtokens.tokens.cardRadius, _Tourtokens.tokens.highlightRadius)
+        }
+    }
+};

package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tour", {
+    enumerable: true,
+    get: function() {
+        return Tour;
+    }
+});
+var _Tour = require("../../../../components/Tour");
+var _engines = require("../../../../engines");
+var _Tourconfig = require("./Tour.config");
+var mergedConfig = (0, _engines.mergeConfig)(_Tour.tourConfig, _Tourconfig.config);
+var Tour = (0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Tourtokens = require("../../../../components/Tour/Tour.tokens");
+var config = {
+    defaults: {
+        view: 'accent',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                ""
+            ])
+        },
+        size: {
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], _Tourtokens.tokens.cardPadding, _Tourtokens.tokens.cardRadius, _Tourtokens.tokens.highlightRadius)
+        }
+    }
+};

package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tour", {
+    enumerable: true,
+    get: function() {
+        return Tour;
+    }
+});
+var _Tour = require("../../../../components/Tour");
+var _engines = require("../../../../engines");
+var _Tourconfig = require("./Tour.config");
+var mergedConfig = (0, _engines.mergeConfig)(_Tour.tourConfig, _Tourconfig.config);
+var Tour = (0, _engines.component)(mergedConfig);

package/styled-components/cjs/index.js

@@ -82,6 +82,7 @@ _export_star(require("./components/Carousel"), exports);
 _export_star(require("./components/PaginationDots"), exports);
 _export_star(require("./components/CodeInput"), exports);
 _export_star(require("./components/CodeField"), exports);
+_export_star(require("./components/Tour"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/styled-components/es/components/TextArea/TextArea.js

@@ -314,7 +314,8 @@ export var textAreaRoot = function(Root) {
                 width: helperWidth
             }, style),
             className: cx(clearClass, hasDividerClass, hasHintClass, className),
-            onClick: handleTextAreaFocus
+            onClick: handleTextAreaFocus,
+            "data-root": true
         }, hintText && {
             hintView: hintView,
             hintSize: hintSize
@@ -386,7 +387,8 @@ export var textAreaRoot = function(Root) {
             cols: cols,
             resize: resize,
             defaultValue: defaultValue,
-            onChange: onChangeHandler
+            onChange: onChangeHandler,
+            "data-tour": true
         }, rest)), applyAutoResize && /*#__PURE__*/ React.createElement(StyledHiddenTextArea, {
             "aria-hidden": true,
             ref: hiddenRef,
@@ -396,7 +398,9 @@ export var textAreaRoot = function(Root) {
         })), hasHelper && /*#__PURE__*/ React.createElement(StyledHelpers, {
             className: styledHelpers,
             id: textareaHelperId
-        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
+        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
+            "data-root": true
+        }, rightHelper)), placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
             hasContentRight: Boolean(contentRight),
             className: styledPlaceholder,
             htmlFor: id

package/styled-components/es/components/TextArea/TextArea.tokens.js

@@ -1,3 +1,4 @@
+import { TOUR_BORDER_RADIUS_TOKEN } from "../Tour/utils";
 export var classes = {
     /** Класс отвечающий за поднятие и уменьшение плейсхолдера */ innerPlaceholderUp: 'inner-placeholder-up',
     /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */ focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',
@@ -165,5 +166,6 @@ export var tokens = {
     tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
     tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
     tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
-    tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
+    tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
+    tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN
 };

package/styled-components/es/components/TextArea/variations/_size/base.js

@@ -1,4 +1,7 @@
 import { css } from "styled-components";
+import { tokens } from "../../TextArea.tokens";
 export var base = css([
-    ""
-]);
+    "",
+    ":var(",
+    ");"
+], tokens.tourBorderRadius, tokens.borderRadius);

package/styled-components/es/components/TextField/TextField.js

@@ -380,6 +380,7 @@ export var textFieldRoot = function(Root) {
             readOnly: !disabled && readOnly,
             labelPlacement: innerLabelPlacementValue,
             onClick: handleInputFocus,
+            "data-root": true,
             className: cx(labelPlacementClass, clearClass, hasDividerClass, hasInnerHintClass, classes.textFieldGroupItem, className),
             style: style
         }, hintText && {
@@ -406,7 +407,9 @@ export var textFieldRoot = function(Root) {
             handleHintClick: handleHintClick
         })), required && hasRequiredIndicator && /*#__PURE__*/ React.createElement(StyledIndicator, {
             className: cx(classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
-        }), optionalTextNode), titleCaption && /*#__PURE__*/ React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/ React.createElement(InputWrapper, {
+        }), optionalTextNode), titleCaption && /*#__PURE__*/ React.createElement(TitleCaption, {
+            "data-root": true
+        }, titleCaption)), /*#__PURE__*/ React.createElement(InputWrapper, {
             // Ref для внутреннего использования. Не отдается наружу.
             ref: rest.inputWrapperRef,
             // TODO: #1544, и после убрать classes.inputWrapper
@@ -432,6 +435,7 @@ export var textFieldRoot = function(Root) {
             handleHintClick: handleHintClick,
             isInnerLabel: true
         }))), contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
+            "data-root": true,
             isClear: clear,
             isDefaultView: isDefaultView
         }, contentLeft), /*#__PURE__*/ React.createElement(InputLabelWrapper, {
@@ -487,8 +491,10 @@ export var textFieldRoot = function(Root) {
             onChange: handleChange,
             onKeyDown: handleOnKeyDown,
             onFocus: handleFocus,
-            onBlur: handleBlur
+            onBlur: handleBlur,
+            "data-tour": true
         }, rest)), hasInnerLabel && /*#__PURE__*/ React.createElement(Label, {
+            "data-root": true,
             id: labelId,
             htmlFor: innerId
         }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/ React.createElement(InputPlaceholder, {
@@ -497,7 +503,9 @@ export var textFieldRoot = function(Root) {
             isHidden: true
         }, textBefore), innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/ React.createElement(StyledTextAfter, null, textAfter))), /*#__PURE__*/ React.createElement(StyledContentRightWrapper, {
             className: cx(contentRightCompensationMargin)
-        }, contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, null, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/ React.createElement(HintComponent, {
+        }, contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
+            "data-root": true
+        }, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/ React.createElement(HintComponent, {
             ref: hintForkRef,
             hintText: hintText,
             hintTrigger: hintTrigger,
@@ -514,6 +522,7 @@ export var textFieldRoot = function(Root) {
             handleHintClick: handleHintClick,
             isInnerLabel: true
         }))), leftHelper && /*#__PURE__*/ React.createElement(LeftHelper, {
+            "data-root": true,
             id: helperTextId
         }, leftHelper));
     });

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -1,3 +1,4 @@
+import { TOUR_BORDER_RADIUS_TOKEN } from "../Tour/utils";
 export var classes = {
     hasChips: 'has-chips',
     chipsWrapper: 'chips-wrapper',
@@ -176,5 +177,6 @@ export var tokens = {
     indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',
     clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
     clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',
-    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
+    clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',
+    tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN
 };

package/styled-components/es/components/TextField/variations/_size/base.js

@@ -3,6 +3,8 @@ import { classes, tokens } from "../../TextField.tokens";
 import { HintTargetWrapper, Input, InputContainer, InputWrapper, Label, LeftHelper, StyledContentRight, StyledContentRightWrapper, StyledHintWrapper, StyledOptionalText, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
 export var base = css([
     "",
+    ":var(",
+    ");",
     "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}",
     "{width:100%;font-family:var(",
     ");font-size:var(",
@@ -71,4 +73,4 @@ export var base = css([
     ");",
     "{margin:var(",
     ");}}"
-], Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, classes.innerLabelPlacement, StyledOptionalText, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledHintWrapper, tokens.hintMargin, tokens.hintTargetSize, tokens.hintTargetSize, HintTargetWrapper, tokens.hintTargetSize, tokens.hintTargetSize, TitleCaption, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin, StyledContentRightWrapper, classes.contentRightCompensationMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, StyledContentRight, tokens.rightContentWithHintMargin);
+], tokens.tourBorderRadius, tokens.borderRadius, Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, classes.innerLabelPlacement, StyledOptionalText, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledHintWrapper, tokens.hintMargin, tokens.hintTargetSize, tokens.hintTargetSize, HintTargetWrapper, tokens.hintTargetSize, tokens.hintTargetSize, TitleCaption, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin, StyledContentRightWrapper, classes.contentRightCompensationMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, StyledContentRight, tokens.rightContentWithHintMargin);