@salutejs/plasma-new-hope 0.327.0-canary.2010.15679377511.0 → 0.327.0-canary.2010.15733259332.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/cjs/components/TextArea/TextArea.js +5 -2
  2. package/cjs/components/TextArea/TextArea.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.tokens.js +2 -1
  4. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  5. package/cjs/components/TextArea/variations/_size/base.js +1 -1
  6. package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
  7. package/cjs/components/TextArea/variations/_size/base_vftquy.css +1 -0
  8. package/cjs/components/Tour/Tour.css +4 -4
  9. package/cjs/components/Tour/Tour.js +15 -8
  10. package/cjs/components/Tour/Tour.js.map +1 -1
  11. package/cjs/components/Tour/Tour.styles.js +9 -2
  12. package/cjs/components/Tour/Tour.styles.js.map +1 -1
  13. package/cjs/components/Tour/Tour.styles_hmd79i.css +4 -0
  14. package/cjs/components/Tour/utils/index.js +94 -0
  15. package/cjs/components/Tour/utils/index.js.map +1 -1
  16. package/cjs/index.css +6 -4
  17. package/emotion/cjs/components/TextArea/TextArea.js +6 -3
  18. package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -1
  19. package/emotion/cjs/components/TextArea/variations/_size/base.js +2 -1
  20. package/emotion/cjs/components/Tour/Tour.js +16 -9
  21. package/emotion/cjs/components/Tour/Tour.styles.js +7 -5
  22. package/emotion/cjs/components/Tour/utils/index.js +93 -1
  23. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +57 -8
  24. package/emotion/es/components/TextArea/TextArea.js +6 -3
  25. package/emotion/es/components/TextArea/TextArea.tokens.js +2 -1
  26. package/emotion/es/components/TextArea/variations/_size/base.js +2 -1
  27. package/emotion/es/components/Tour/Tour.js +17 -11
  28. package/emotion/es/components/Tour/Tour.styles.js +7 -5
  29. package/emotion/es/components/Tour/utils/index.js +92 -0
  30. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +57 -8
  31. package/es/components/TextArea/TextArea.js +5 -2
  32. package/es/components/TextArea/TextArea.js.map +1 -1
  33. package/es/components/TextArea/TextArea.tokens.js +2 -1
  34. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  35. package/es/components/TextArea/variations/_size/base.js +1 -1
  36. package/es/components/TextArea/variations/_size/base.js.map +1 -1
  37. package/es/components/TextArea/variations/_size/base_vftquy.css +1 -0
  38. package/es/components/Tour/Tour.css +4 -4
  39. package/es/components/Tour/Tour.js +17 -10
  40. package/es/components/Tour/Tour.js.map +1 -1
  41. package/es/components/Tour/Tour.styles.js +9 -2
  42. package/es/components/Tour/Tour.styles.js.map +1 -1
  43. package/es/components/Tour/Tour.styles_hmd79i.css +4 -0
  44. package/es/components/Tour/utils/index.js +93 -1
  45. package/es/components/Tour/utils/index.js.map +1 -1
  46. package/es/index.css +6 -4
  47. package/package.json +2 -2
  48. package/styled-components/cjs/components/TextArea/TextArea.js +5 -2
  49. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -1
  50. package/styled-components/cjs/components/TextArea/variations/_size/base.js +2 -1
  51. package/styled-components/cjs/components/Tour/Tour.js +16 -9
  52. package/styled-components/cjs/components/Tour/Tour.styles.js +5 -3
  53. package/styled-components/cjs/components/Tour/utils/index.js +93 -1
  54. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +57 -8
  55. package/styled-components/es/components/TextArea/TextArea.js +5 -2
  56. package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -1
  57. package/styled-components/es/components/TextArea/variations/_size/base.js +2 -1
  58. package/styled-components/es/components/Tour/Tour.js +17 -11
  59. package/styled-components/es/components/Tour/Tour.styles.js +5 -3
  60. package/styled-components/es/components/Tour/utils/index.js +92 -0
  61. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +57 -8
  62. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  63. package/types/components/TextArea/TextArea.tokens.d.ts +1 -0
  64. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  65. package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
  66. package/types/components/Tour/Tour.d.ts.map +1 -1
  67. package/types/components/Tour/Tour.styles.d.ts +1 -0
  68. package/types/components/Tour/Tour.styles.d.ts.map +1 -1
  69. package/types/components/Tour/Tour.types.d.ts +8 -0
  70. package/types/components/Tour/Tour.types.d.ts.map +1 -1
  71. package/types/components/Tour/utils/index.d.ts +2 -0
  72. package/types/components/Tour/utils/index.d.ts.map +1 -1
  73. package/cjs/components/TextArea/variations/_size/base_x642ct.css +0 -1
  74. package/cjs/components/Tour/Tour.styles_1ks2isn.css +0 -4
  75. package/es/components/TextArea/variations/_size/base_x642ct.css +0 -1
  76. package/es/components/Tour/Tour.styles_1ks2isn.css +0 -4
@@ -1 +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;;;;"}
1
+ {"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;;;;"}
@@ -0,0 +1,4 @@
1
+ .m1hl3azh{z-index:var(--m1hl3azh-0);}
2
+ .m12gu86u{position:fixed;inset:0;pointer-events:all;}
3
+ .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);}
4
+ .tjgv9oe{position:absolute;}
@@ -10,6 +10,98 @@ var getHTMLElement = function getHTMLElement(target) {
10
10
  }
11
11
  return target;
12
12
  };
13
+ var getIncreasedRadius = function getIncreasedRadius(ref, offset) {
14
+ if (!ref.current) {
15
+ return '';
16
+ }
17
+ var element = ref.current;
18
+ var computedStyle = getComputedStyle(element);
19
+ var borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');
20
+ var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
21
+ var parseValue = function parseValue(value, context) {
22
+ var num = parseFloat(value);
23
+ if (Number.isNaN(num)) return 0;
24
+ if (value.endsWith('px')) return num;
25
+ if (value.endsWith('%')) return num / 100 * context.width;
26
+ if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
27
+ if (value.endsWith('rem')) {
28
+ return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
29
+ }
30
+ if (value.endsWith('vw')) return num / 100 * window.innerWidth;
31
+ if (value.endsWith('vh')) return num / 100 * window.innerHeight;
32
+ if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
33
+ if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
34
+ return num;
35
+ };
36
+ var context = {
37
+ width: element.offsetWidth,
38
+ height: element.offsetHeight
39
+ };
40
+ var parseRadius = function parseRadius(radius) {
41
+ var parts = radius.split('/').map(function (part) {
42
+ return part.trim();
43
+ });
44
+ var horizontal = parts[0].split(/\s+/).map(function (val) {
45
+ return parseValue(val, context);
46
+ });
47
+ var normalize = function normalize(values) {
48
+ if (values.length === 1) return [values[0], values[0], values[0], values[0]];
49
+ if (values.length === 2) return [values[0], values[1], values[0], values[1]];
50
+ if (values.length === 3) return [values[0], values[1], values[2], values[1]];
51
+ return values.slice(0, 4);
52
+ };
53
+ return {
54
+ horizontal: normalize(horizontal),
55
+ vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function (val) {
56
+ return parseValue(val, context);
57
+ })) : normalize(horizontal)
58
+ };
59
+ };
60
+ try {
61
+ var parsed = parseRadius(currentRadius);
62
+ var newHorizontal = parsed.horizontal.map(function (val) {
63
+ return val !== 0 ? Math.max(0, val + offset) : 0;
64
+ });
65
+ var newVertical = parsed.vertical.map(function (val) {
66
+ return val !== 0 ? Math.max(0, val + offset) : 0;
67
+ });
68
+ var format = function format(values) {
69
+ return values.map(function (v) {
70
+ return "".concat(v, "px");
71
+ }).join(' ');
72
+ };
73
+ var horizontalStr = format(newHorizontal);
74
+ var verticalStr = format(newVertical);
75
+ return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
76
+ } catch (error) {
77
+ return '';
78
+ }
79
+ };
80
+ var findRootElement = function findRootElement(ref) {
81
+ var _currentElement;
82
+ if (!ref.current) {
83
+ return '';
84
+ }
85
+ var currentElement = ref.current;
86
+ while (currentElement !== null && currentElement !== document.documentElement) {
87
+ if (currentElement.hasAttribute('data-root')) {
88
+ return {
89
+ current: currentElement
90
+ };
91
+ }
92
+ var parent = currentElement.parentElement;
93
+ if (parent === null) {
94
+ break;
95
+ }
96
+ currentElement = parent;
97
+ }
98
+ if ((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute('data-root')) {
99
+ return {
100
+ current: currentElement
101
+ };
102
+ }
103
+ return ref;
104
+ };
13
105
 
14
- export { getHTMLElement };
106
+ export { findRootElement, getHTMLElement, getIncreasedRadius };
15
107
  //# sourceMappingURL=index.js.map
@@ -1 +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;;;;"}
1
+ {"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 CHANGED
@@ -161,6 +161,8 @@
161
161
 
162
162
  .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);}
163
163
 
164
+ .base_vftquy_bp4bcu4__bf2ef070{--plasma-tour__border-radius:0.75rem;}
165
+
164
166
  .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) );}
165
167
 
166
168
  .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 @@
1023
1025
 
1024
1026
  .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;}
1025
1027
 
1026
- .Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
1027
- .Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
1028
- .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);}
1029
- .Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}
1028
+ .Tour_styles_hmd79i_m1hl3azh__252e79e9{z-index:var(--m1hl3azh-0);}
1029
+ .Tour_styles_hmd79i_m12gu86u__252e79e9{position:fixed;inset:0;pointer-events:all;}
1030
+ .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);}
1031
+ .Tour_styles_hmd79i_tjgv9oe__252e79e9{position:absolute;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.327.0-canary.2010.15679377511.0",
3
+ "version": "0.327.0-canary.2010.15733259332.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "27ebed56ef9bce95b3763d3671158bf10f9bb0f8"
140
+ "gitHead": "ac7f0dcc303eb258ab7e1baae77660c488fb07fd"
141
141
  }
@@ -256,7 +256,8 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
256
256
  width: helperWidth
257
257
  }, style),
258
258
  className: (0, _utils.cx)(clearClass, hasDividerClass, hasHintClass, className),
259
- onClick: handleTextAreaFocus
259
+ onClick: handleTextAreaFocus,
260
+ "data-root": true
260
261
  }, hintText && {
261
262
  hintView: hintView,
262
263
  hintSize: hintSize
@@ -336,7 +337,9 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
336
337
  })), hasHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
337
338
  className: styledHelpers,
338
339
  id: textareaHelperId
339
- }, 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, {
340
+ }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, {
341
+ "data-root": true
342
+ }, rightHelper)), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
340
343
  hasContentRight: Boolean(contentRight),
341
344
  className: styledPlaceholder,
342
345
  htmlFor: id
@@ -260,5 +260,6 @@ var tokens = exports.tokens = {
260
260
  tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
261
261
  tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
262
262
  tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
263
- tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
263
+ tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
264
+ tourBorderRadius: '--plasma-tour__border-radius'
264
265
  };
@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
8
+ var _TextArea = /*#__PURE__*/require("../../TextArea.tokens");
9
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;"], _TextArea.tokens.tourBorderRadius);
@@ -15,7 +15,7 @@ var _base = /*#__PURE__*/require("./variatoins/_view/base");
15
15
  var _base2 = /*#__PURE__*/require("./variatoins/_size/base");
16
16
  var _Tour2 = /*#__PURE__*/require("./Tour.tokens");
17
17
  var _Mask;
18
- var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"]; // Tour.tsx
18
+ var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"];
19
19
  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); }
20
20
  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; }
21
21
  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) {
74
74
  setHighlightRect = _useState6[1];
75
75
  var _useState7 = (0, _react.useState)(null),
76
76
  _useState8 = _slicedToArray(_useState7, 2),
77
- targetElement = _useState8[0],
78
- setTargetElement = _useState8[1];
77
+ highlightBorderRadius = _useState8[0],
78
+ setHighlightBorderRadius = _useState8[1];
79
+ var _useState9 = (0, _react.useState)(null),
80
+ _useState10 = _slicedToArray(_useState9, 2),
81
+ targetElement = _useState10[0],
82
+ setTargetElement = _useState10[1];
79
83
  var portalRef = (0, _react.useRef)(null);
80
84
  var floatingRef = (0, _react.useRef)(null);
81
85
  var active = controlled ? current : innerCurrent;
@@ -122,19 +126,21 @@ var tourRoot = exports.tourRoot = function tourRoot(Root) {
122
126
  };
123
127
  var updateHighlight = (0, _react.useCallback)(function () {
124
128
  if (!isOpen || !currentStep) return;
125
- var element = (0, _utils2.getHTMLElement)(currentStep.target);
126
- if (element) {
127
- var rect = element.getBoundingClientRect();
129
+ var rootItem = (0, _utils2.findRootElement)(currentStep.target);
130
+ var highlightElement = (0, _utils2.getHTMLElement)(rootItem);
131
+ var borderRadius = currentStep.borderRadius === 'fixed' ? "var(".concat(_Tour2.tokens.highlightRadius, ")") : (0, _utils2.getIncreasedRadius)(rootItem, highlightOffset);
132
+ setHighlightBorderRadius(borderRadius);
133
+ if (highlightElement) {
134
+ var rect = highlightElement.getBoundingClientRect();
128
135
  setHighlightRect(rect);
129
- setTargetElement(element);
136
+ setTargetElement(highlightElement);
130
137
  } else {
131
138
  setHighlightRect(null);
132
139
  setTargetElement(null);
133
140
  }
134
141
  }, [isOpen, currentStep]);
135
142
  (0, _react.useEffect)(function () {
136
- if (!_utils.canUseDOM) return; // No setup needed
137
-
143
+ if (!_utils.canUseDOM) return;
138
144
  var portal = document.getElementById(TOUR_PORTAL_ID);
139
145
  if (!portal) {
140
146
  portal = document.createElement('div');
@@ -194,6 +200,7 @@ var tourRoot = exports.tourRoot = function tourRoot(Root) {
194
200
  "data-plasma-tour-mask": true
195
201
  }, _Mask || (_Mask = /*#__PURE__*/_react["default"].createElement(_Tour.Mask, null)), highlightRect && /*#__PURE__*/_react["default"].createElement(_Tour.Highlight, {
196
202
  overlayColor: overlayColor,
203
+ borderRadius: highlightBorderRadius,
197
204
  style: {
198
205
  left: highlightRect.left - highlightOffset,
199
206
  top: highlightRect.top - highlightOffset,
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.TourPortal = exports.MaskContainer = exports.Mask = exports.Highlight = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
- var _Tour = /*#__PURE__*/require("./Tour.tokens");
9
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
9
  var MaskContainer = exports.MaskContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
11
10
  componentId: "plasma-new-hope__sc-1d4zeu3-0"
@@ -18,10 +17,13 @@ var Mask = exports.Mask = /*#__PURE__*/_styledComponents["default"].div.withConf
18
17
  })(["position:fixed;inset:0;pointer-events:all;"]);
19
18
  var Highlight = exports.Highlight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
20
19
  componentId: "plasma-new-hope__sc-1d4zeu3-2"
21
- })(["--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) {
20
+ })(["--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) {
22
21
  var overlayColor = _ref2.overlayColor;
23
22
  return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
24
- }, _Tour.tokens.highlightRadius);
23
+ }, function (_ref3) {
24
+ var borderRadius = _ref3.borderRadius;
25
+ return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
26
+ });
25
27
  var TourPortal = exports.TourPortal = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
28
  componentId: "plasma-new-hope__sc-1d4zeu3-3"
27
29
  })(["position:absolute;"]);
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getHTMLElement = void 0;
6
+ exports.getIncreasedRadius = exports.getHTMLElement = exports.findRootElement = void 0;
7
7
  var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
8
8
  if (!target) {
9
9
  return null;
@@ -15,4 +15,96 @@ var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
15
15
  return target.current;
16
16
  }
17
17
  return target;
18
+ };
19
+ var getIncreasedRadius = exports.getIncreasedRadius = function getIncreasedRadius(ref, offset) {
20
+ if (!ref.current) {
21
+ return '';
22
+ }
23
+ var element = ref.current;
24
+ var computedStyle = getComputedStyle(element);
25
+ var borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');
26
+ var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
27
+ var parseValue = function parseValue(value, context) {
28
+ var num = parseFloat(value);
29
+ if (Number.isNaN(num)) return 0;
30
+ if (value.endsWith('px')) return num;
31
+ if (value.endsWith('%')) return num / 100 * context.width;
32
+ if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
33
+ if (value.endsWith('rem')) {
34
+ return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
35
+ }
36
+ if (value.endsWith('vw')) return num / 100 * window.innerWidth;
37
+ if (value.endsWith('vh')) return num / 100 * window.innerHeight;
38
+ if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
39
+ if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
40
+ return num;
41
+ };
42
+ var context = {
43
+ width: element.offsetWidth,
44
+ height: element.offsetHeight
45
+ };
46
+ var parseRadius = function parseRadius(radius) {
47
+ var parts = radius.split('/').map(function (part) {
48
+ return part.trim();
49
+ });
50
+ var horizontal = parts[0].split(/\s+/).map(function (val) {
51
+ return parseValue(val, context);
52
+ });
53
+ var normalize = function normalize(values) {
54
+ if (values.length === 1) return [values[0], values[0], values[0], values[0]];
55
+ if (values.length === 2) return [values[0], values[1], values[0], values[1]];
56
+ if (values.length === 3) return [values[0], values[1], values[2], values[1]];
57
+ return values.slice(0, 4);
58
+ };
59
+ return {
60
+ horizontal: normalize(horizontal),
61
+ vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function (val) {
62
+ return parseValue(val, context);
63
+ })) : normalize(horizontal)
64
+ };
65
+ };
66
+ try {
67
+ var parsed = parseRadius(currentRadius);
68
+ var newHorizontal = parsed.horizontal.map(function (val) {
69
+ return val !== 0 ? Math.max(0, val + offset) : 0;
70
+ });
71
+ var newVertical = parsed.vertical.map(function (val) {
72
+ return val !== 0 ? Math.max(0, val + offset) : 0;
73
+ });
74
+ var format = function format(values) {
75
+ return values.map(function (v) {
76
+ return "".concat(v, "px");
77
+ }).join(' ');
78
+ };
79
+ var horizontalStr = format(newHorizontal);
80
+ var verticalStr = format(newVertical);
81
+ return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
82
+ } catch (error) {
83
+ return '';
84
+ }
85
+ };
86
+ var findRootElement = exports.findRootElement = function findRootElement(ref) {
87
+ var _currentElement;
88
+ if (!ref.current) {
89
+ return '';
90
+ }
91
+ var currentElement = ref.current;
92
+ while (currentElement !== null && currentElement !== document.documentElement) {
93
+ if (currentElement.hasAttribute('data-root')) {
94
+ return {
95
+ current: currentElement
96
+ };
97
+ }
98
+ var parent = currentElement.parentElement;
99
+ if (parent === null) {
100
+ break;
101
+ }
102
+ currentElement = parent;
103
+ }
104
+ if ((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute('data-root')) {
105
+ return {
106
+ current: currentElement
107
+ };
108
+ }
109
+ return ref;
18
110
  };
@@ -2,10 +2,12 @@ import React, { useRef, useState } from 'react';
2
2
  import type { StoryObj, Meta } from '@storybook/react';
3
3
  import styled from 'styled-components';
4
4
 
5
+ import { IconArrowDown } from '../../../../components/_Icon';
5
6
  import { linkConfig } from '../../../../components/Link';
6
7
  import { mergeConfig } from '../../../../engines';
7
8
  import { WithTheme, argTypesFromConfig } from '../../../_helpers';
8
9
  import { Button } from '../Button/Button';
10
+ import { TextArea } from '../TextArea/TextArea';
9
11
 
10
12
  import { config } from './Tour.config';
11
13
  import { Tour } from './Tour';
@@ -113,10 +115,11 @@ const TourCard: React.FC<{
113
115
  };
114
116
 
115
117
  const StoryDefault = (args) => {
116
- const ref1 = useRef<HTMLButtonElement>(null);
118
+ const ref1 = useRef<HTMLTextAreaElement>(null);
117
119
  const ref2 = useRef<HTMLButtonElement>(null);
118
- const ref3 = useRef<HTMLButtonElement>(null);
119
- const ref4 = useRef<HTMLButtonElement>(null);
120
+ const ref3 = useRef<HTMLDivElement>(null);
121
+ const ref4 = useRef<HTMLDivElement>(null);
122
+ const ref5 = useRef<HTMLDivElement>(null);
120
123
  const [open, setOpen] = useState(false);
121
124
  const [current, setCurrent] = useState(0);
122
125
 
@@ -139,7 +142,7 @@ const StoryDefault = (args) => {
139
142
  onClose={onClose}
140
143
  />
141
144
  ),
142
- placement: 'right',
145
+ placement: 'bottom',
143
146
  },
144
147
  {
145
148
  target: ref2,
@@ -187,13 +190,30 @@ const StoryDefault = (args) => {
187
190
  ),
188
191
  placement: 'left',
189
192
  },
193
+ {
194
+ target: ref5,
195
+ renderItem: () => (
196
+ <TourCard
197
+ title="Первый шаг"
198
+ description="Нажмите кнопку, чтобы продолжить"
199
+ index={4}
200
+ last={current === steps.length - 1}
201
+ total={steps.length}
202
+ onNext={onNext}
203
+ onPrev={onPrev}
204
+ onClose={onClose}
205
+ />
206
+ ),
207
+ placement: 'left',
208
+ borderRadius: 'fixed',
209
+ },
190
210
  ];
191
211
 
192
212
  return (
193
213
  <div
194
214
  style={{
195
215
  width: '100%',
196
- height: '110vh',
216
+ height: '100vh',
197
217
  display: 'flex',
198
218
  justifyContent: 'space-between',
199
219
  flexDirection: 'column',
@@ -207,7 +227,19 @@ const StoryDefault = (args) => {
207
227
  justifyContent: 'space-between',
208
228
  }}
209
229
  >
210
- <Button ref={ref1}>Блок 1</Button>
230
+ <TextArea
231
+ ref={ref1}
232
+ label="Textarea"
233
+ placeholder="Напиши что нибудь"
234
+ leftHelper="Helper Text"
235
+ rightHelper={
236
+ <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
237
+ <IconArrowDown />
238
+ </div>
239
+ }
240
+ rows={10}
241
+ cols={20}
242
+ />
211
243
  <Button ref={ref2}>Блок 2</Button>
212
244
  </div>
213
245
  <Button onClick={() => setOpen(true)}>Запуск тура</Button>
@@ -219,8 +251,25 @@ const StoryDefault = (args) => {
219
251
  justifyContent: 'space-between',
220
252
  }}
221
253
  >
222
- <Button ref={ref3}>Блок 3</Button>
223
- <Button ref={ref4}>Блок 4</Button>
254
+ <div
255
+ style={{
256
+ background: 'black',
257
+ width: '100px',
258
+ height: '100px',
259
+ borderRadius: '50%',
260
+ }}
261
+ ref={ref3}
262
+ />
263
+ <div
264
+ style={{
265
+ background: 'black',
266
+ width: '100px',
267
+ height: '100px',
268
+ }}
269
+ ref={ref4}
270
+ >
271
+ Блок 4
272
+ </div>
224
273
  </div>
225
274
 
226
275
  <Tour
@@ -248,7 +248,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
248
248
  width: helperWidth
249
249
  }, style),
250
250
  className: cx(clearClass, hasDividerClass, hasHintClass, className),
251
- onClick: handleTextAreaFocus
251
+ onClick: handleTextAreaFocus,
252
+ "data-root": true
252
253
  }, hintText && {
253
254
  hintView: hintView,
254
255
  hintSize: hintSize
@@ -328,7 +329,9 @@ export var textAreaRoot = function textAreaRoot(Root) {
328
329
  })), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
329
330
  className: styledHelpers,
330
331
  id: textareaHelperId
331
- }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
332
+ }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, {
333
+ "data-root": true
334
+ }, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
332
335
  hasContentRight: Boolean(contentRight),
333
336
  className: styledPlaceholder,
334
337
  htmlFor: id
@@ -254,5 +254,6 @@ export var tokens = {
254
254
  tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
255
255
  tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
256
256
  tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
257
- tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
257
+ tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
258
+ tourBorderRadius: '--plasma-tour__border-radius'
258
259
  };
@@ -1,2 +1,3 @@
1
1
  import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
2
+ import { tokens } from "../../TextArea.tokens";
3
+ export var base = /*#__PURE__*/css(["", ":0.75rem;"], tokens.tourBorderRadius);