@salutejs/plasma-new-hope 0.327.0-canary.2010.15678347777.0 → 0.327.0-canary.2010.15694111005.0

package/es/components/Tour/Tour.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.styles.js","sources":["../../../src/components/Tour/Tour.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Tour.tokens';\n\nexport const MaskContainer = styled.div<{ zIndex: string | number }>`\n    z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const Mask = styled.div`\n    position: fixed;\n    inset: 0;\n    pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{ overlayColor?: string }>`\n    --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n    position: fixed;\n    background: transparent;\n    border-radius: var(${tokens.highlightRadius}, 0.5rem);\n    box-shadow: 0 0 0 9999px var(--private-mask-color);\n    pointer-events: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const TourPortal = styled.div`\n    position: absolute;\n`;\n"],"names":["_exp","_ref","zIndex","MaskContainer","styled","name","class","propsAsIs","vars","Mask","_exp2","_ref2","overlayColor","Highlight","TourPortal"],"mappings":";;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAKzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD9B,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBR,IAAsB,EAAA,CAAA;AAAA,GAAA;AAAA,CACpC,EAAA;AAEM,IAAMS,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIzB,EAAA;AAAC,IAAAG,KAAA,GAXgBA,SAWhBA,KAAAA,GAAA;AAAA,EAAA,OAG0B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAsBA,YAAY,IAAI,qBAAqB,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AADrF,IAAMC,SAAS,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACHE,KAAgE,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3F,EAAA;AAEM,IAAMI,UAAU,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;"}
+{"version":3,"file":"Tour.styles.js","sources":["../../../src/components/Tour/Tour.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const MaskContainer = styled.div<{ zIndex: string | number }>`\n    z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const Mask = styled.div`\n    position: fixed;\n    inset: 0;\n    pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{ overlayColor?: string; borderRadius?: string | null }>`\n    --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n    position: fixed;\n    background: transparent;\n    border-radius: ${({ borderRadius }) => borderRadius ?? 0};\n    box-shadow: 0 0 0 9999px var(--private-mask-color);\n    pointer-events: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const TourPortal = styled.div`\n    position: absolute;\n`;\n"],"names":["_exp","_ref","zIndex","MaskContainer","styled","name","class","propsAsIs","vars","Mask","_exp2","_ref2","overlayColor","_exp3","_ref3","borderRadius","Highlight","TourPortal"],"mappings":";;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAGzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD9B,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBR,IAAsB,EAAA,CAAA;AAAA,GAAA;AAAA,CACpC,EAAA;AAEM,IAAMS,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIzB,EAAA;AAAC,IAAAG,KAAA,GATgBA,SAShBA,KAAAA,GAAA;AAAA,EAAA,OAG0B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAsBA,YAAY,IAAI,qBAAqB,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZ1EA,SAY0EA,KAAAA,GAAA;AAAA,EAAA,OAGvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJrD,IAAMC,SAAS,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACHE,KAAgE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGvEG,KAAuC,EAAA,CAAA;AAAA,GAAA;AAAA,CAI3D,EAAA;AAEM,IAAMI,UAAU,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;"}

package/es/components/Tour/Tour.styles_hmd79i.css

@@ -0,0 +1,4 @@
+.m1hl3azh{z-index:var(--m1hl3azh-0);}
+.m12gu86u{position:fixed;inset:0;pointer-events:all;}
+.hz4trqu{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--hz4trqu-1);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
+.tjgv9oe{position:absolute;}

package/es/components/Tour/utils/index.js

@@ -10,6 +10,98 @@ var getHTMLElement = function getHTMLElement(target) {
   }
   return target;
 };
+var getIncreasedRadius = function getIncreasedRadius(ref, offset) {
+  if (!ref.current) {
+    return '';
+  }
+  var element = ref.current;
+  var computedStyle = getComputedStyle(element);
+  var borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');
+  var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
+  var parseValue = function parseValue(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 parseRadius(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 normalize(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 format(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 findRootElement(ref) {
+  var _currentElement;
+  if (!ref.current) {
+    return '';
+  }
+  var currentElement = ref.current;
+  while (currentElement !== null && currentElement !== document.documentElement) {
+    if (currentElement.hasAttribute('data-root')) {
+      return {
+        current: currentElement
+      };
+    }
+    var parent = currentElement.parentElement;
+    if (parent === null) {
+      break;
+    }
+    currentElement = parent;
+  }
+  if ((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute('data-root')) {
+    return {
+      current: currentElement
+    };
+  }
+  return ref;
+};
 
-export { getHTMLElement };
+export { findRootElement, getHTMLElement, getIncreasedRadius };
 //# sourceMappingURL=index.js.map

package/es/components/Tour/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/utils/index.ts"],"sourcesContent":["export const getHTMLElement = (target: string | React.RefObject<HTMLElement> | HTMLElement): HTMLElement | null => {\n    if (!target) {\n        return null;\n    }\n    if (typeof target === 'string') {\n        return document.querySelector<HTMLElement>(target);\n    }\n    if ('current' in target) {\n        return target.current;\n    }\n    return target;\n};\n"],"names":["getHTMLElement","target","document","querySelector","current"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAA2D,EAAyB;EAC/G,IAAI,CAACA,MAAM,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACA,EAAA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOC,QAAQ,CAACC,aAAa,CAAcF,MAAM,CAAC,CAAA;AACtD,GAAA;EACA,IAAI,SAAS,IAAIA,MAAM,EAAE;IACrB,OAAOA,MAAM,CAACG,OAAO,CAAA;AACzB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACjB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/utils/index.ts"],"sourcesContent":["type parseRadiusType = {\n    horizontal: number[];\n    vertical: number[];\n};\n\ntype contextType = {\n    width: number;\n    height: number;\n};\n\nexport const getHTMLElement = (target: string | React.RefObject<HTMLElement> | HTMLElement): HTMLElement | null => {\n    if (!target) {\n        return null;\n    }\n    if (typeof target === 'string') {\n        return document.querySelector<HTMLElement>(target);\n    }\n    if ('current' in target) {\n        return target.current;\n    }\n    return target;\n};\n\nexport const getIncreasedRadius = (ref: React.RefObject<HTMLElement>, offset: number): string => {\n    if (!ref.current) {\n        return '';\n    }\n\n    const element = ref.current;\n    const computedStyle = getComputedStyle(element);\n    const borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');\n    const currentRadius =\n        computedStyle.borderRadius !== undefined &&\n        computedStyle.borderRadius !== null &&\n        computedStyle.borderRadius !== '0px'\n            ? computedStyle.borderRadius\n            : borderRadiusComponent;\n\n    const parseValue = (value: string, context: contextType) => {\n        const num = parseFloat(value);\n        if (Number.isNaN(num)) return 0;\n\n        if (value.endsWith('px')) return num;\n        if (value.endsWith('%')) return (num / 100) * context.width;\n        if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);\n        if (value.endsWith('rem')) {\n            return num * parseFloat(getComputedStyle(document.documentElement).fontSize);\n        }\n        if (value.endsWith('vw')) return (num / 100) * window.innerWidth;\n        if (value.endsWith('vh')) return (num / 100) * window.innerHeight;\n        if (value.endsWith('vmin')) return (num / 100) * Math.min(window.innerWidth, window.innerHeight);\n        if (value.endsWith('vmax')) return (num / 100) * Math.max(window.innerWidth, window.innerHeight);\n\n        return num;\n    };\n\n    const context = {\n        width: element.offsetWidth,\n        height: element.offsetHeight,\n    };\n\n    const parseRadius = (radius: string): parseRadiusType => {\n        const parts = radius.split('/').map((part) => part.trim());\n        const horizontal = parts[0].split(/\\s+/).map((val) => parseValue(val, context));\n\n        const normalize = (values: number[]) => {\n            if (values.length === 1) return [values[0], values[0], values[0], values[0]];\n            if (values.length === 2) return [values[0], values[1], values[0], values[1]];\n            if (values.length === 3) return [values[0], values[1], values[2], values[1]];\n            return values.slice(0, 4);\n        };\n\n        return {\n            horizontal: normalize(horizontal),\n            vertical: parts[1]\n                ? normalize(parts[1].split(/\\s+/).map((val) => parseValue(val, context)))\n                : normalize(horizontal),\n        };\n    };\n\n    try {\n        const parsed = parseRadius(currentRadius);\n\n        const newHorizontal = parsed.horizontal.map((val) => (val !== 0 ? Math.max(0, val + offset) : 0));\n        const newVertical = parsed.vertical.map((val) => (val !== 0 ? Math.max(0, val + offset) : 0));\n\n        const format = (values: string[] | number[]) => values.map((v: string | number) => `${v}px`).join(' ');\n\n        const horizontalStr = format(newHorizontal);\n        const verticalStr = format(newVertical);\n\n        return horizontalStr === verticalStr ? horizontalStr : `${horizontalStr} / ${verticalStr}`;\n    } catch (error) {\n        return '';\n    }\n};\n\nexport const findRootElement = (ref: React.RefObject<HTMLElement>): React.RefObject<HTMLElement> | '' => {\n    if (!ref.current) {\n        return '';\n    }\n\n    let currentElement = ref.current;\n\n    while (currentElement !== null && currentElement !== document.documentElement) {\n        if (currentElement.hasAttribute('data-root')) {\n            return { current: currentElement };\n        }\n\n        const parent = currentElement.parentElement;\n\n        if (parent === null) {\n            break;\n        }\n\n        currentElement = parent;\n    }\n\n    if (currentElement?.hasAttribute('data-root')) {\n        return { current: currentElement };\n    }\n\n    return ref;\n};\n"],"names":["getHTMLElement","target","document","querySelector","current","getIncreasedRadius","ref","offset","element","computedStyle","getComputedStyle","borderRadiusComponent","getPropertyValue","currentRadius","borderRadius","undefined","parseValue","value","context","num","parseFloat","Number","isNaN","endsWith","width","fontSize","documentElement","window","innerWidth","innerHeight","Math","min","max","offsetWidth","height","offsetHeight","parseRadius","radius","parts","split","map","part","trim","horizontal","val","normalize","values","length","slice","vertical","parsed","newHorizontal","newVertical","format","v","concat","join","horizontalStr","verticalStr","error","findRootElement","_currentElement","currentElement","hasAttribute","parent","parentElement"],"mappings":"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"}

package/es/index.css

@@ -161,6 +161,8 @@
 
 .base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_t18bd513__34e6ac76{color:var(--plasma-textarea__title-caption-color);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color);-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76 .base_1hvnv2t_textareaWrapper__34e6ac76{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaWrapper__34e6ac76{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-focus),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:focus-within:not([readonly]) .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-hover),var(--plasma-textarea-box-shadow,inset 0 0 0 0 transparent);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:hover:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaContainer__34e6ac76{background-color:var(--plasma-textarea-background-color-active);}.base_1hvnv2t_bofyi4a__34e6ac76:active:not(.base_1hvnv2t_textareaClear__34e6ac76):not([disabled]):not([readonly]):not(:focus-within) .base_1hvnv2t_textareaWrapper__34e6ac76 + .base_1hvnv2t_textareaHelpers__34e6ac76{background-color:var(--plasma-textarea-helpers-background-color-active);}
 
+.base_vftquy_bp4bcu4__bf2ef070{--plasma-tour__border-radius:0.75rem;}
+
 .base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91{border:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_o1r1fvk8__fcebfb91{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_stc5t23__fcebfb91{right:0;bottom:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91,.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_snf439a__fcebfb91{padding-left:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_snf439a__fcebfb91{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s18lndvq__fcebfb91.base_16hm89e_textareaHasRightContent__fcebfb91{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91:not(.base_16hm89e_innerPlaceholderUp__fcebfb91) .base_16hm89e_s14zw9ik__fcebfb91{color:var(--plasma-textarea-clear-placeholder-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91:not(.base_16hm89e_innerPlaceholderUp__fcebfb91).base_16hm89e_focusedOuterPlaceholderColor__fcebfb91 .base_16hm89e_s14zw9ik__fcebfb91{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_salwx57__fcebfb91.base_16hm89e_innerPlaceholderUp__fcebfb91{color:var(--plasma-textarea-placeholder-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_s14zw9ik__fcebfb91{padding-left:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91.base_16hm89e_requiredAlignRight__fcebfb91{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasHint__fcebfb91 .base_16hm89e_s18tpn65__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasHint__fcebfb91 .base_16hm89e_sgr5lml__fcebfb91.base_16hm89e_labelPlacementInner__fcebfb91.base_16hm89e_requiredAlignRight__fcebfb91{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91 .base_16hm89e_textareaContainer__fcebfb91{border:unset;border-radius:0;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaWrapper__fcebfb91{background-color:unset;box-shadow:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaContainer__fcebfb91{border:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91:focus-within:not([readonly]) .base_16hm89e_textareaHelpers__fcebfb91{background-color:unset;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91 .base_16hm89e_s3wsw3p__fcebfb91:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91:not([readonly]) .base_16hm89e_s3wsw3p__fcebfb91:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_16hm89e_b1x0cx6o__fcebfb91.base_16hm89e_textareaClear__fcebfb91.base_16hm89e_textareaHasDivider__fcebfb91:not([readonly]) .base_16hm89e_s3wsw3p__fcebfb91:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
 
 .base_1v0syh0_b1xxdrt2__da85c725[readonly] .base_1v0syh0_s18lndvq__da85c725{color:var(--plasma-textarea-input-color-read-only);}.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725 .base_1v0syh0_s3wsw3p__da85c725:before{background-color:var(--plasma-textarea-divider-color-readonly);}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725,.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_snf439a__da85c725{background:transparent;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725{position:relative;box-shadow:none;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_s3wsw3p__da85c725:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-border-color-readonly);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725{background:transparent;position:relative;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_1v0syh0_b1xxdrt2__da85c725[readonly]:not(.base_1v0syh0_b1xxdrt2__da85c725[readonly].base_1v0syh0_textareaClear__da85c725) .base_1v0syh0_salwx57__da85c725:hover{background:transparent;}
@@ -1023,7 +1025,7 @@
 
 .base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled] > *{pointer-events:none;}
 
-.Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
-.Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
-.Tour_styles_1ks2isn_hz4trqu__f7b9f098{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
-.Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}
+.Tour_styles_hmd79i_m1hl3azh__252e79e9{z-index:var(--m1hl3azh-0);}
+.Tour_styles_hmd79i_m12gu86u__252e79e9{position:fixed;inset:0;pointer-events:all;}
+.Tour_styles_hmd79i_hz4trqu__252e79e9{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--hz4trqu-1);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
+.Tour_styles_hmd79i_tjgv9oe__252e79e9{position:absolute;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.327.0-canary.2010.15678347777.0",
+  "version": "0.327.0-canary.2010.15694111005.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "173e0d4ea7ea7980fd5cf1703a07b2572e196e68"
+  "gitHead": "aa997325ee4bf9af7c71d0449f83aad411673b65"
 }

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

@@ -256,7 +256,8 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
         width: helperWidth
       }, style),
       className: (0, _utils.cx)(clearClass, hasDividerClass, hasHintClass, className),
-      onClick: handleTextAreaFocus
+      onClick: handleTextAreaFocus,
+      "data-root": true
     }, hintText && {
       hintView: hintView,
       hintSize: hintSize
@@ -336,7 +337,9 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
     })), hasHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
       className: styledHelpers,
       id: textareaHelperId
-    }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
+    }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, {
+      "data-root": true
+    }, rightHelper)), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
       hasContentRight: Boolean(contentRight),
       className: styledPlaceholder,
       htmlFor: id

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

@@ -260,5 +260,6 @@ var tokens = exports.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: '--plasma-tour__border-radius'
 };

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

@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
+var _TextArea = /*#__PURE__*/require("../../TextArea.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;"], _TextArea.tokens.tourBorderRadius);

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

@@ -15,7 +15,7 @@ var _base = /*#__PURE__*/require("./variatoins/_view/base");
 var _base2 = /*#__PURE__*/require("./variatoins/_size/base");
 var _Tour2 = /*#__PURE__*/require("./Tour.tokens");
 var _Mask;
-var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"]; // Tour.tsx
+var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -74,8 +74,12 @@ var tourRoot = exports.tourRoot = function tourRoot(Root) {
       setHighlightRect = _useState6[1];
     var _useState7 = (0, _react.useState)(null),
       _useState8 = _slicedToArray(_useState7, 2),
-      targetElement = _useState8[0],
-      setTargetElement = _useState8[1];
+      highlightBorderRadius = _useState8[0],
+      setHighlightBorderRadius = _useState8[1];
+    var _useState9 = (0, _react.useState)(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      targetElement = _useState10[0],
+      setTargetElement = _useState10[1];
     var portalRef = (0, _react.useRef)(null);
     var floatingRef = (0, _react.useRef)(null);
     var active = controlled ? current : innerCurrent;
@@ -122,19 +126,21 @@ var tourRoot = exports.tourRoot = function tourRoot(Root) {
     };
     var updateHighlight = (0, _react.useCallback)(function () {
       if (!isOpen || !currentStep) return;
-      var element = (0, _utils2.getHTMLElement)(currentStep.target);
-      if (element) {
-        var rect = element.getBoundingClientRect();
+      var rootItem = (0, _utils2.findRootElement)(currentStep.target);
+      var highlightElement = (0, _utils2.getHTMLElement)(rootItem);
+      var borderRadius = currentStep.borderRadius === 'fixed' ? "var(".concat(_Tour2.tokens.highlightRadius, ")") : (0, _utils2.getIncreasedRadius)(rootItem, highlightOffset);
+      setHighlightBorderRadius(borderRadius);
+      if (highlightElement) {
+        var rect = highlightElement.getBoundingClientRect();
         setHighlightRect(rect);
-        setTargetElement(element);
+        setTargetElement(highlightElement);
       } else {
         setHighlightRect(null);
         setTargetElement(null);
       }
     }, [isOpen, currentStep]);
     (0, _react.useEffect)(function () {
-      if (!_utils.canUseDOM) return; // No setup needed
-
+      if (!_utils.canUseDOM) return;
       var portal = document.getElementById(TOUR_PORTAL_ID);
       if (!portal) {
         portal = document.createElement('div');
@@ -194,6 +200,7 @@ var tourRoot = exports.tourRoot = function tourRoot(Root) {
       "data-plasma-tour-mask": true
     }, _Mask || (_Mask = /*#__PURE__*/_react["default"].createElement(_Tour.Mask, null)), highlightRect && /*#__PURE__*/_react["default"].createElement(_Tour.Highlight, {
       overlayColor: overlayColor,
+      borderRadius: highlightBorderRadius,
       style: {
         left: highlightRect.left - highlightOffset,
         top: highlightRect.top - highlightOffset,

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TourPortal = exports.MaskContainer = exports.Mask = exports.Highlight = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
-var _Tour = /*#__PURE__*/require("./Tour.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var MaskContainer = exports.MaskContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-0"
@@ -18,10 +17,13 @@ var Mask = exports.Mask = /*#__PURE__*/_styledComponents["default"].div.withConf
 })(["position:fixed;inset:0;pointer-events:all;"]);
 var Highlight = exports.Highlight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-2"
-})(["--private-mask-color:", ";position:fixed;background:transparent;border-radius:var(", ",0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"], function (_ref2) {
+})(["--private-mask-color:", ";position:fixed;background:transparent;border-radius:", ";box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"], function (_ref2) {
   var overlayColor = _ref2.overlayColor;
   return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
-}, _Tour.tokens.highlightRadius);
+}, function (_ref3) {
+  var borderRadius = _ref3.borderRadius;
+  return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
+});
 var TourPortal = exports.TourPortal = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-3"
 })(["position:absolute;"]);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getHTMLElement = void 0;
+exports.getIncreasedRadius = exports.getHTMLElement = exports.findRootElement = void 0;
 var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
   if (!target) {
     return null;
@@ -15,4 +15,96 @@ var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
     return target.current;
   }
   return target;
+};
+var getIncreasedRadius = exports.getIncreasedRadius = function getIncreasedRadius(ref, offset) {
+  if (!ref.current) {
+    return '';
+  }
+  var element = ref.current;
+  var computedStyle = getComputedStyle(element);
+  var borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');
+  var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
+  var parseValue = function parseValue(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 parseRadius(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 normalize(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 format(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 = exports.findRootElement = function findRootElement(ref) {
+  var _currentElement;
+  if (!ref.current) {
+    return '';
+  }
+  var currentElement = ref.current;
+  while (currentElement !== null && currentElement !== document.documentElement) {
+    if (currentElement.hasAttribute('data-root')) {
+      return {
+        current: currentElement
+      };
+    }
+    var parent = currentElement.parentElement;
+    if (parent === null) {
+      break;
+    }
+    currentElement = parent;
+  }
+  if ((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute('data-root')) {
+    return {
+      current: currentElement
+    };
+  }
+  return ref;
 };

package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx

@@ -2,10 +2,12 @@ import React, { useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import styled from 'styled-components';
 
+import { IconArrowDown } from '../../../../components/_Icon';
 import { linkConfig } from '../../../../components/Link';
 import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 import { Button } from '../Button/Button';
+import { TextArea } from '../TextArea/TextArea';
 
 import { config } from './Tour.config';
 import { Tour } from './Tour';
@@ -113,10 +115,11 @@ const TourCard: React.FC<{
 };
 
 const StoryDefault = (args) => {
-    const ref1 = useRef<HTMLButtonElement>(null);
+    const ref1 = useRef<HTMLTextAreaElement>(null);
     const ref2 = useRef<HTMLButtonElement>(null);
-    const ref3 = useRef<HTMLButtonElement>(null);
-    const ref4 = useRef<HTMLButtonElement>(null);
+    const ref3 = useRef<HTMLDivElement>(null);
+    const ref4 = useRef<HTMLDivElement>(null);
+    const ref5 = useRef<HTMLDivElement>(null);
     const [open, setOpen] = useState(false);
     const [current, setCurrent] = useState(0);
 
@@ -139,7 +142,7 @@ const StoryDefault = (args) => {
                     onClose={onClose}
                 />
             ),
-            placement: 'right',
+            placement: 'bottom',
         },
         {
             target: ref2,
@@ -187,13 +190,30 @@ const StoryDefault = (args) => {
             ),
             placement: 'left',
         },
+        {
+            target: ref5,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={4}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+            placement: 'left',
+            borderRadius: 'fixed',
+        },
     ];
 
     return (
         <div
             style={{
                 width: '100%',
-                height: '110vh',
+                height: '100vh',
                 display: 'flex',
                 justifyContent: 'space-between',
                 flexDirection: 'column',
@@ -207,7 +227,16 @@ const StoryDefault = (args) => {
                     justifyContent: 'space-between',
                 }}
             >
-                <Button ref={ref1}>Блок 1</Button>
+                <TextArea
+                    ref={ref1}
+                    rightHelper={
+                        <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
+                            <IconArrowDown />
+                        </div>
+                    }
+                    rows={10}
+                    cols={20}
+                />
                 <Button ref={ref2}>Блок 2</Button>
             </div>
             <Button onClick={() => setOpen(true)}>Запуск тура</Button>
@@ -219,8 +248,25 @@ const StoryDefault = (args) => {
                     justifyContent: 'space-between',
                 }}
             >
-                <Button ref={ref3}>Блок 3</Button>
-                <Button ref={ref4}>Блок 4</Button>
+                <div
+                    style={{
+                        background: 'black',
+                        width: '100px',
+                        height: '100px',
+                        borderRadius: '50%',
+                    }}
+                    ref={ref3}
+                />
+                <div
+                    style={{
+                        background: 'black',
+                        width: '100px',
+                        height: '100px',
+                    }}
+                    ref={ref4}
+                >
+                    Блок 4
+                </div>
             </div>
 
             <Tour

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

@@ -248,7 +248,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
         width: helperWidth
       }, style),
       className: cx(clearClass, hasDividerClass, hasHintClass, className),
-      onClick: handleTextAreaFocus
+      onClick: handleTextAreaFocus,
+      "data-root": true
     }, hintText && {
       hintView: hintView,
       hintSize: hintSize
@@ -328,7 +329,9 @@ export var textAreaRoot = function textAreaRoot(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

@@ -254,5 +254,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: '--plasma-tour__border-radius'
 };

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

@@ -1,2 +1,3 @@
 import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);
+import { tokens } from "../../TextArea.tokens";
+export var base = /*#__PURE__*/css(["", ":0.75rem;"], tokens.tourBorderRadius);