@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
@@ -15,16 +15,15 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
15
15
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
16
16
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
17
17
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
18
- // Tour.tsx
19
18
  import React, { forwardRef, useCallback, useEffect, useState, useRef, useMemo } from 'react';
20
19
  import { createPortal } from 'react-dom';
21
20
  import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';
22
21
  import { canUseDOM } from "../../utils";
23
- import { getHTMLElement } from "./utils";
22
+ import { getHTMLElement, getIncreasedRadius, findRootElement } from "./utils";
24
23
  import { MaskContainer, Mask, Highlight, TourPortal } from "./Tour.styles";
25
24
  import { base as viewCSS } from "./variatoins/_view/base";
26
25
  import { base as sizeCSS } from "./variatoins/_size/base";
27
- import { classes } from "./Tour.tokens";
26
+ import { classes, tokens } from "./Tour.tokens";
28
27
  var TOUR_PORTAL_ID = 'plasma-tour-portal';
29
28
  export var tourRoot = function tourRoot(Root) {
30
29
  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -67,8 +66,12 @@ export var tourRoot = function tourRoot(Root) {
67
66
  setHighlightRect = _useState6[1];
68
67
  var _useState7 = useState(null),
69
68
  _useState8 = _slicedToArray(_useState7, 2),
70
- targetElement = _useState8[0],
71
- setTargetElement = _useState8[1];
69
+ highlightBorderRadius = _useState8[0],
70
+ setHighlightBorderRadius = _useState8[1];
71
+ var _useState9 = useState(null),
72
+ _useState10 = _slicedToArray(_useState9, 2),
73
+ targetElement = _useState10[0],
74
+ setTargetElement = _useState10[1];
72
75
  var portalRef = useRef(null);
73
76
  var floatingRef = useRef(null);
74
77
  var active = controlled ? current : innerCurrent;
@@ -115,19 +118,21 @@ export var tourRoot = function tourRoot(Root) {
115
118
  };
116
119
  var updateHighlight = useCallback(function () {
117
120
  if (!isOpen || !currentStep) return;
118
- var element = getHTMLElement(currentStep.target);
119
- if (element) {
120
- var rect = element.getBoundingClientRect();
121
+ var rootItem = findRootElement(currentStep.target);
122
+ var highlightElement = getHTMLElement(rootItem);
123
+ var borderRadius = currentStep.borderRadius === 'fixed' ? "var(".concat(tokens.highlightRadius, ")") : getIncreasedRadius(rootItem, highlightOffset);
124
+ setHighlightBorderRadius(borderRadius);
125
+ if (highlightElement) {
126
+ var rect = highlightElement.getBoundingClientRect();
121
127
  setHighlightRect(rect);
122
- setTargetElement(element);
128
+ setTargetElement(highlightElement);
123
129
  } else {
124
130
  setHighlightRect(null);
125
131
  setTargetElement(null);
126
132
  }
127
133
  }, [isOpen, currentStep]);
128
134
  useEffect(function () {
129
- if (!canUseDOM) return; // No setup needed
130
-
135
+ if (!canUseDOM) return;
131
136
  var portal = document.getElementById(TOUR_PORTAL_ID);
132
137
  if (!portal) {
133
138
  portal = document.createElement('div');
@@ -187,6 +192,7 @@ export var tourRoot = function tourRoot(Root) {
187
192
  "data-plasma-tour-mask": true
188
193
  }, _Mask || (_Mask = /*#__PURE__*/React.createElement(Mask, null)), highlightRect && /*#__PURE__*/React.createElement(Highlight, {
189
194
  overlayColor: overlayColor,
195
+ borderRadius: highlightBorderRadius,
190
196
  style: {
191
197
  left: highlightRect.left - highlightOffset,
192
198
  top: highlightRect.top - highlightOffset,
@@ -1,5 +1,4 @@
1
1
  import styled from 'styled-components';
2
- import { tokens } from "./Tour.tokens";
3
2
  export var MaskContainer = /*#__PURE__*/styled.div.withConfig({
4
3
  componentId: "plasma-new-hope__sc-1d4zeu3-0"
5
4
  })(["z-index:", ";"], function (_ref) {
@@ -11,10 +10,13 @@ export var Mask = /*#__PURE__*/styled.div.withConfig({
11
10
  })(["position:fixed;inset:0;pointer-events:all;"]);
12
11
  export var Highlight = /*#__PURE__*/styled.div.withConfig({
13
12
  componentId: "plasma-new-hope__sc-1d4zeu3-2"
14
- })(["--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) {
13
+ })(["--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) {
15
14
  var overlayColor = _ref2.overlayColor;
16
15
  return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
17
- }, tokens.highlightRadius);
16
+ }, function (_ref3) {
17
+ var borderRadius = _ref3.borderRadius;
18
+ return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
19
+ });
18
20
  export var TourPortal = /*#__PURE__*/styled.div.withConfig({
19
21
  componentId: "plasma-new-hope__sc-1d4zeu3-3"
20
22
  })(["position:absolute;"]);
@@ -9,4 +9,96 @@ export var getHTMLElement = function getHTMLElement(target) {
9
9
  return target.current;
10
10
  }
11
11
  return target;
12
+ };
13
+ export 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
+ export 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;
12
104
  };
@@ -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
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA2T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgWnF,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA4T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA9TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiWnF,CAAC"}
@@ -255,5 +255,6 @@ export declare const tokens: {
255
255
  tooltipArrowHeight: string;
256
256
  tooltipArrowEdgeMargin: string;
257
257
  tooltipArrowBackground: string;
258
+ tourBorderRadius: string;
258
259
  };
259
260
  //# sourceMappingURL=TextArea.tokens.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}
1
+ {"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFA4M9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA9MQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA+NlE,CAAC"}
1
+ {"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFAsN9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAxNQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CAyOlE,CAAC"}
@@ -4,6 +4,7 @@ export declare const MaskContainer: import("@linaria/react").StyledComponent<imp
4
4
  export declare const Mask: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
5
  export declare const Highlight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
6
6
  overlayColor?: string;
7
+ borderRadius?: string | null;
7
8
  }>;
8
9
  export declare const TourPortal: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
9
10
  //# sourceMappingURL=Tour.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;EAQ1D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}
1
+ {"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;mBAAiB,MAAM,GAAG,IAAI;EAQxF,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}
@@ -12,6 +12,10 @@ export interface TourStep {
12
12
  * Позиционирование карточки
13
13
  */
14
14
  placement?: string;
15
+ /**
16
+ * Скругление углов
17
+ */
18
+ borderRadius?: 'auto' | 'fixed';
15
19
  }
16
20
  export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
17
21
  /**
@@ -74,5 +78,9 @@ export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
74
78
  * Цвет фона у тура
75
79
  */
76
80
  overlayColor?: string;
81
+ /**
82
+ * Кастомный Overlay
83
+ */
84
+ overlay?: ReactNode;
77
85
  }
78
86
  //# sourceMappingURL=Tour.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tour.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}
1
+ {"version":3,"file":"Tour.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB"}
@@ -1,2 +1,4 @@
1
1
  export declare const getHTMLElement: (target: string | React.RefObject<HTMLElement> | HTMLElement) => HTMLElement | null;
2
+ export declare const getIncreasedRadius: (ref: React.RefObject<HTMLElement>, offset: number) => string;
3
+ export declare const findRootElement: (ref: React.RefObject<HTMLElement>) => React.RefObject<HTMLElement> | "";
2
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tour/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,KAAG,WAAW,GAAG,IAW1G,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tour/utils/index.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,KAAG,WAAW,GAAG,IAW1G,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,MAAM,KAAG,MAwEtF,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EA0BlG,CAAC"}
@@ -1,4 +0,0 @@
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(--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);}
4
- .tjgv9oe{position:absolute;}
@@ -1,4 +0,0 @@
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(--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);}
4
- .tjgv9oe{position:absolute;}