@salutejs/plasma-new-hope 0.327.0-canary.2010.15752302924.0 → 0.327.0-canary.2016.15703018170.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 (231) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  6. package/cjs/components/Mask/Mask.js +3 -3
  7. package/cjs/components/Mask/Mask.js.map +1 -1
  8. package/cjs/components/Pagination/Pagination.css +1 -1
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  10. package/cjs/components/Range/Range.css +1 -1
  11. package/cjs/components/Select/Select.css +1 -1
  12. package/cjs/components/Select/ui/Target/Target.css +1 -1
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  14. package/cjs/components/Slider/Slider.css +1 -1
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  16. package/cjs/components/Table/Table.css +1 -1
  17. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  18. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  19. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  20. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  21. package/cjs/components/TextArea/TextArea.js +2 -5
  22. package/cjs/components/TextArea/TextArea.js.map +1 -1
  23. package/cjs/components/TextArea/TextArea.tokens.js +1 -2
  24. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  25. package/cjs/components/TextArea/variations/_size/base.js +1 -1
  26. package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
  27. package/cjs/components/TextField/TextField.js +2 -10
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/TextField/TextField.tokens.js +1 -2
  30. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  31. package/cjs/components/TextField/variations/_size/base.js +1 -1
  32. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  33. package/cjs/components/TextField/variations/_size/base_uulqii.css +1 -0
  34. package/cjs/index.css +1 -8
  35. package/cjs/index.js +0 -6
  36. package/cjs/index.js.map +1 -1
  37. package/emotion/cjs/components/Mask/Mask.js +3 -3
  38. package/emotion/cjs/components/TextArea/TextArea.js +3 -6
  39. package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -2
  40. package/emotion/cjs/components/TextArea/variations/_size/base.js +1 -2
  41. package/emotion/cjs/components/TextField/TextField.js +3 -11
  42. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
  43. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  44. package/emotion/cjs/index.js +0 -11
  45. package/emotion/es/components/Mask/Mask.js +3 -3
  46. package/emotion/es/components/TextArea/TextArea.js +3 -6
  47. package/emotion/es/components/TextArea/TextArea.tokens.js +1 -2
  48. package/emotion/es/components/TextArea/variations/_size/base.js +1 -2
  49. package/emotion/es/components/TextField/TextField.js +3 -11
  50. package/emotion/es/components/TextField/TextField.tokens.js +1 -2
  51. package/emotion/es/components/TextField/variations/_size/base.js +1 -1
  52. package/emotion/es/index.js +1 -2
  53. package/es/components/Autocomplete/Autocomplete.css +1 -1
  54. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  55. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  56. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  57. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  58. package/es/components/Mask/Mask.js +3 -3
  59. package/es/components/Mask/Mask.js.map +1 -1
  60. package/es/components/Pagination/Pagination.css +1 -1
  61. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  62. package/es/components/Range/Range.css +1 -1
  63. package/es/components/Select/Select.css +1 -1
  64. package/es/components/Select/ui/Target/Target.css +1 -1
  65. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  66. package/es/components/Slider/Slider.css +1 -1
  67. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  68. package/es/components/Table/Table.css +1 -1
  69. package/es/components/Table/ui/Cell/Cell.css +1 -1
  70. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  71. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  72. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  73. package/es/components/TextArea/TextArea.js +2 -5
  74. package/es/components/TextArea/TextArea.js.map +1 -1
  75. package/es/components/TextArea/TextArea.tokens.js +1 -2
  76. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  77. package/es/components/TextArea/variations/_size/base.js +1 -1
  78. package/es/components/TextArea/variations/_size/base.js.map +1 -1
  79. package/es/components/TextField/TextField.js +2 -10
  80. package/es/components/TextField/TextField.js.map +1 -1
  81. package/es/components/TextField/TextField.tokens.js +1 -2
  82. package/es/components/TextField/TextField.tokens.js.map +1 -1
  83. package/es/components/TextField/variations/_size/base.js +1 -1
  84. package/es/components/TextField/variations/_size/base.js.map +1 -1
  85. package/es/components/TextField/variations/_size/base_uulqii.css +1 -0
  86. package/es/index.css +1 -8
  87. package/es/index.js +0 -2
  88. package/es/index.js.map +1 -1
  89. package/package.json +2 -2
  90. package/styled-components/cjs/components/Mask/Mask.js +3 -3
  91. package/styled-components/cjs/components/TextArea/TextArea.js +2 -5
  92. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -2
  93. package/styled-components/cjs/components/TextArea/variations/_size/base.js +1 -2
  94. package/styled-components/cjs/components/TextField/TextField.js +2 -10
  95. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
  96. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  97. package/styled-components/cjs/index.js +0 -11
  98. package/styled-components/es/components/Mask/Mask.js +3 -3
  99. package/styled-components/es/components/TextArea/TextArea.js +2 -5
  100. package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -2
  101. package/styled-components/es/components/TextArea/variations/_size/base.js +1 -2
  102. package/styled-components/es/components/TextField/TextField.js +2 -10
  103. package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
  104. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  105. package/styled-components/es/index.js +1 -2
  106. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  107. package/types/components/TextArea/TextArea.tokens.d.ts +0 -1
  108. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  109. package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
  110. package/types/components/TextField/TextField.d.ts.map +1 -1
  111. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  112. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  113. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  114. package/types/index.d.ts +0 -1
  115. package/types/index.d.ts.map +1 -1
  116. package/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
  117. package/cjs/components/TextField/variations/_size/base_ryad12.css +0 -1
  118. package/cjs/components/Tour/Tour.css +0 -4
  119. package/cjs/components/Tour/Tour.js +0 -231
  120. package/cjs/components/Tour/Tour.js.map +0 -1
  121. package/cjs/components/Tour/Tour.styles.js +0 -58
  122. package/cjs/components/Tour/Tour.styles.js.map +0 -1
  123. package/cjs/components/Tour/Tour.styles_hmd79i.css +0 -4
  124. package/cjs/components/Tour/Tour.tokens.js +0 -21
  125. package/cjs/components/Tour/Tour.tokens.js.map +0 -1
  126. package/cjs/components/Tour/utils/index.js +0 -113
  127. package/cjs/components/Tour/utils/index.js.map +0 -1
  128. package/cjs/components/Tour/variatoins/_size/base.js +0 -9
  129. package/cjs/components/Tour/variatoins/_size/base.js.map +0 -1
  130. package/cjs/components/Tour/variatoins/_view/base.js +0 -9
  131. package/cjs/components/Tour/variatoins/_view/base.js.map +0 -1
  132. package/emotion/cjs/components/Tour/Tour.js +0 -240
  133. package/emotion/cjs/components/Tour/Tour.styles.js +0 -50
  134. package/emotion/cjs/components/Tour/Tour.tokens.js +0 -19
  135. package/emotion/cjs/components/Tour/Tour.types.js +0 -5
  136. package/emotion/cjs/components/Tour/index.js +0 -31
  137. package/emotion/cjs/components/Tour/utils/index.js +0 -110
  138. package/emotion/cjs/components/Tour/variatoins/_size/base.js +0 -8
  139. package/emotion/cjs/components/Tour/variatoins/_size/tokens.json +0 -1
  140. package/emotion/cjs/components/Tour/variatoins/_view/base.js +0 -8
  141. package/emotion/cjs/components/Tour/variatoins/_view/tokens.json +0 -1
  142. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -22
  143. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -11
  144. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
  145. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -22
  146. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +0 -11
  147. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
  148. package/emotion/es/components/Tour/Tour.js +0 -232
  149. package/emotion/es/components/Tour/Tour.styles.js +0 -43
  150. package/emotion/es/components/Tour/Tour.tokens.js +0 -13
  151. package/emotion/es/components/Tour/Tour.types.js +0 -1
  152. package/emotion/es/components/Tour/index.js +0 -2
  153. package/emotion/es/components/Tour/utils/index.js +0 -104
  154. package/emotion/es/components/Tour/variatoins/_size/base.js +0 -2
  155. package/emotion/es/components/Tour/variatoins/_size/tokens.json +0 -1
  156. package/emotion/es/components/Tour/variatoins/_view/base.js +0 -2
  157. package/emotion/es/components/Tour/variatoins/_view/tokens.json +0 -1
  158. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -16
  159. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
  160. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
  161. package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +0 -16
  162. package/emotion/es/examples/plasma_web/components/Tour/Tour.js +0 -5
  163. package/emotion/es/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
  164. package/es/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
  165. package/es/components/TextField/variations/_size/base_ryad12.css +0 -1
  166. package/es/components/Tour/Tour.css +0 -4
  167. package/es/components/Tour/Tour.js +0 -222
  168. package/es/components/Tour/Tour.js.map +0 -1
  169. package/es/components/Tour/Tour.styles.js +0 -51
  170. package/es/components/Tour/Tour.styles.js.map +0 -1
  171. package/es/components/Tour/Tour.styles_hmd79i.css +0 -4
  172. package/es/components/Tour/Tour.tokens.js +0 -16
  173. package/es/components/Tour/Tour.tokens.js.map +0 -1
  174. package/es/components/Tour/utils/index.js +0 -107
  175. package/es/components/Tour/utils/index.js.map +0 -1
  176. package/es/components/Tour/variatoins/_size/base.js +0 -5
  177. package/es/components/Tour/variatoins/_size/base.js.map +0 -1
  178. package/es/components/Tour/variatoins/_size/base_x642ct.css +0 -1
  179. package/es/components/Tour/variatoins/_view/base.js +0 -5
  180. package/es/components/Tour/variatoins/_view/base.js.map +0 -1
  181. package/es/components/Tour/variatoins/_view/base_x642ct.css +0 -1
  182. package/styled-components/cjs/components/Tour/Tour.js +0 -240
  183. package/styled-components/cjs/components/Tour/Tour.styles.js +0 -29
  184. package/styled-components/cjs/components/Tour/Tour.tokens.js +0 -19
  185. package/styled-components/cjs/components/Tour/Tour.types.js +0 -5
  186. package/styled-components/cjs/components/Tour/index.js +0 -31
  187. package/styled-components/cjs/components/Tour/utils/index.js +0 -110
  188. package/styled-components/cjs/components/Tour/variatoins/_size/base.js +0 -8
  189. package/styled-components/cjs/components/Tour/variatoins/_size/tokens.json +0 -1
  190. package/styled-components/cjs/components/Tour/variatoins/_view/base.js +0 -8
  191. package/styled-components/cjs/components/Tour/variatoins/_view/tokens.json +0 -1
  192. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -22
  193. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -11
  194. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
  195. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -22
  196. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +0 -11
  197. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
  198. package/styled-components/es/components/Tour/Tour.js +0 -232
  199. package/styled-components/es/components/Tour/Tour.styles.js +0 -22
  200. package/styled-components/es/components/Tour/Tour.tokens.js +0 -13
  201. package/styled-components/es/components/Tour/Tour.types.js +0 -1
  202. package/styled-components/es/components/Tour/index.js +0 -2
  203. package/styled-components/es/components/Tour/utils/index.js +0 -104
  204. package/styled-components/es/components/Tour/variatoins/_size/base.js +0 -2
  205. package/styled-components/es/components/Tour/variatoins/_size/tokens.json +0 -1
  206. package/styled-components/es/components/Tour/variatoins/_view/base.js +0 -2
  207. package/styled-components/es/components/Tour/variatoins/_view/tokens.json +0 -1
  208. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -16
  209. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
  210. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
  211. package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +0 -16
  212. package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +0 -5
  213. package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
  214. package/types/components/Tour/Tour.d.ts +0 -23
  215. package/types/components/Tour/Tour.d.ts.map +0 -1
  216. package/types/components/Tour/Tour.styles.d.ts +0 -10
  217. package/types/components/Tour/Tour.styles.d.ts.map +0 -1
  218. package/types/components/Tour/Tour.tokens.d.ts +0 -14
  219. package/types/components/Tour/Tour.tokens.d.ts.map +0 -1
  220. package/types/components/Tour/Tour.types.d.ts +0 -86
  221. package/types/components/Tour/Tour.types.d.ts.map +0 -1
  222. package/types/components/Tour/index.d.ts +0 -4
  223. package/types/components/Tour/index.d.ts.map +0 -1
  224. package/types/components/Tour/utils/index.d.ts +0 -4
  225. package/types/components/Tour/utils/index.d.ts.map +0 -1
  226. package/types/components/Tour/variatoins/_size/base.d.ts +0 -2
  227. package/types/components/Tour/variatoins/_size/base.d.ts.map +0 -1
  228. package/types/components/Tour/variatoins/_view/base.d.ts +0 -2
  229. package/types/components/Tour/variatoins/_view/base.d.ts.map +0 -1
  230. /package/cjs/components/{Tour/variatoins → TextArea/variations}/_size/base_x642ct.css +0 -0
  231. /package/{cjs/components/Tour/variatoins/_view → es/components/TextArea/variations/_size}/base_x642ct.css +0 -0
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "tourClasses", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Tour2.classes;
10
- }
11
- });
12
- Object.defineProperty(exports, "tourConfig", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Tour.tourConfig;
16
- }
17
- });
18
- Object.defineProperty(exports, "tourRoot", {
19
- enumerable: true,
20
- get: function get() {
21
- return _Tour.tourRoot;
22
- }
23
- });
24
- Object.defineProperty(exports, "tourTokens", {
25
- enumerable: true,
26
- get: function get() {
27
- return _Tour2.tokens;
28
- }
29
- });
30
- var _Tour = /*#__PURE__*/require("./Tour");
31
- var _Tour2 = /*#__PURE__*/require("./Tour.tokens");
@@ -1,110 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getIncreasedRadius = exports.getHTMLElement = exports.findRootElement = void 0;
7
- var getHTMLElement = exports.getHTMLElement = function getHTMLElement(target) {
8
- if (!target) {
9
- return null;
10
- }
11
- if (typeof target === 'string') {
12
- return document.querySelector(target);
13
- }
14
- if ('current' in target) {
15
- return target.current;
16
- }
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;
110
- };
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _react = /*#__PURE__*/require("@emotion/react");
8
- var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG91ci92YXJpYXRvaW5zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG91ci92YXJpYXRvaW5zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXX0= */"));
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _react = /*#__PURE__*/require("@emotion/react");
8
- var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG91ci92YXJpYXRvaW5zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG91ci92YXJpYXRvaW5zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXX0= */"));
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _react = /*#__PURE__*/require("@emotion/react");
8
- var _Tour = /*#__PURE__*/require("../../../../components/Tour/Tour.tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'accent',
12
- size: 's'
13
- },
14
- variations: {
15
- view: {
16
- "default": /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG91ci9Ub3VyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
17
- },
18
- size: {
19
- s: /*#__PURE__*/(0, _react.css)(_Tour.tokens.cardPadding, ":0.75rem;", _Tour.tokens.cardRadius, ":0.75rem;", _Tour.tokens.highlightRadius, ":0.75rem;;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG91ci9Ub3VyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
20
- }
21
- }
22
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Tour = void 0;
7
- var _Tour = /*#__PURE__*/require("../../../../components/Tour");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Tour2 = /*#__PURE__*/require("./Tour.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tour.tourConfig, _Tour2.config);
11
- var Tour = exports.Tour = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,299 +0,0 @@
1
- import React, { useRef, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import styled from '@emotion/styled';
4
-
5
- import { IconArrowDown } from '../../../../components/_Icon';
6
- import { linkConfig } from '../../../../components/Link';
7
- import { mergeConfig } from '../../../../engines';
8
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
9
- import { Button } from '../Button/Button';
10
- import { TextArea } from '../TextArea/TextArea';
11
-
12
- import { config } from './Tour.config';
13
- import { Tour } from './Tour';
14
-
15
- const meta: Meta<typeof Tour> = {
16
- title: 'b2c/Navigation/Tour',
17
- decorators: [WithTheme],
18
- component: Tour,
19
- argTypes: {
20
- ...argTypesFromConfig(mergeConfig(linkConfig, config)),
21
- withOverlay: {
22
- type: 'boolean',
23
- },
24
- overlayColor: {
25
- control: {
26
- type: 'color',
27
- },
28
- },
29
- },
30
- };
31
-
32
- export default meta;
33
-
34
- const Card = styled.div`
35
- padding: 1rem;
36
- background: #fff;
37
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
38
- border-radius: 0.75rem;
39
- max-width: 20rem;
40
- display: flex;
41
- flex-direction: column;
42
- gap: 0.75rem;
43
- `;
44
-
45
- const Title = styled.h4`
46
- margin: 0;
47
- font-size: 1rem;
48
- font-weight: 600;
49
- color: #000;
50
- `;
51
-
52
- const Description = styled.p`
53
- margin: 0;
54
- font-size: 0.875rem;
55
- line-height: 1.5;
56
- color: #666;
57
- `;
58
-
59
- const Footer = styled.div`
60
- display: flex;
61
- justify-content: space-between;
62
- align-items: center;
63
- gap: 1.5rem;
64
- margin-top: 0.5rem;
65
-
66
- > div {
67
- display: flex;
68
- gap: 0.5rem;
69
- }
70
-
71
- small {
72
- color: #666;
73
- white-space: nowrap;
74
- }
75
- `;
76
-
77
- const TourCard: React.FC<{
78
- title: string;
79
- description: string;
80
- index: number;
81
- last: boolean;
82
- total: number;
83
- onPrev: () => void;
84
- onNext: () => void;
85
- onClose: () => void;
86
- }> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
87
- return (
88
- <Card>
89
- {title && <Title>{title}</Title>}
90
- {description && <Description>{description}</Description>}
91
- <Footer>
92
- <div>
93
- {index > 0 && (
94
- <Button size="xs" type="button" onClick={onPrev}>
95
- Назад
96
- </Button>
97
- )}
98
- {!last && (
99
- <Button size="xs" type="button" onClick={onNext}>
100
- Далее
101
- </Button>
102
- )}
103
- {last && (
104
- <Button size="xs" type="button" onClick={onClose}>
105
- Закрыть
106
- </Button>
107
- )}
108
- </div>
109
- <small>
110
- Шаг {index + 1} / {total}
111
- </small>
112
- </Footer>
113
- </Card>
114
- );
115
- };
116
-
117
- const StoryDefault = (args) => {
118
- const ref1 = useRef<HTMLTextAreaElement>(null);
119
- const ref2 = useRef<HTMLButtonElement>(null);
120
- const ref3 = useRef<HTMLDivElement>(null);
121
- const ref4 = useRef<HTMLDivElement>(null);
122
- const ref5 = useRef<HTMLDivElement>(null);
123
- const [open, setOpen] = useState(false);
124
- const [current, setCurrent] = useState(0);
125
-
126
- const onNext = () => setCurrent(current + 1);
127
- const onPrev = () => setCurrent(current - 1);
128
- const onClose = () => setOpen(false);
129
-
130
- const steps = [
131
- {
132
- target: ref1,
133
- renderItem: () => (
134
- <TourCard
135
- title="Первый шаг"
136
- description="Нажмите кнопку, чтобы продолжить"
137
- index={0}
138
- last={current === steps.length - 1}
139
- total={steps.length}
140
- onNext={onNext}
141
- onPrev={onPrev}
142
- onClose={onClose}
143
- />
144
- ),
145
- placement: 'bottom',
146
- },
147
- {
148
- target: ref2,
149
- renderItem: () => (
150
- <TourCard
151
- title="Первый шаг"
152
- description="Нажмите кнопку, чтобы продолжить"
153
- index={1}
154
- last={current === steps.length - 1}
155
- total={steps.length}
156
- onNext={onNext}
157
- onPrev={onPrev}
158
- onClose={onClose}
159
- />
160
- ),
161
- },
162
- {
163
- target: ref3,
164
- renderItem: () => (
165
- <TourCard
166
- title="Первый шаг"
167
- description="Нажмите кнопку, чтобы продолжить"
168
- index={2}
169
- last={current === steps.length - 1}
170
- total={steps.length}
171
- onNext={onNext}
172
- onPrev={onPrev}
173
- onClose={onClose}
174
- />
175
- ),
176
- },
177
- {
178
- target: ref4,
179
- renderItem: () => (
180
- <TourCard
181
- title="Первый шаг"
182
- description="Нажмите кнопку, чтобы продолжить"
183
- index={3}
184
- last={current === steps.length - 1}
185
- total={steps.length}
186
- onNext={onNext}
187
- onPrev={onPrev}
188
- onClose={onClose}
189
- />
190
- ),
191
- placement: 'left',
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
- },
210
- ];
211
-
212
- return (
213
- <div
214
- style={{
215
- width: '100%',
216
- height: '100vh',
217
- display: 'flex',
218
- justifyContent: 'space-between',
219
- flexDirection: 'column',
220
- alignItems: 'center',
221
- }}
222
- >
223
- <div
224
- style={{
225
- width: '100%',
226
- display: 'flex',
227
- justifyContent: 'space-between',
228
- }}
229
- >
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
- />
243
- <Button ref={ref2}>Блок 2</Button>
244
- </div>
245
- <Button onClick={() => setOpen(true)}>Запуск тура</Button>
246
-
247
- <div
248
- style={{
249
- width: '100%',
250
- display: 'flex',
251
- justifyContent: 'space-between',
252
- }}
253
- >
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>
273
- </div>
274
-
275
- <Tour
276
- {...args}
277
- open={open}
278
- current={current}
279
- onClose={() => {
280
- setCurrent(0);
281
- setOpen(false);
282
- }}
283
- steps={steps}
284
- />
285
- </div>
286
- );
287
- };
288
-
289
- export const Default: StoryObj = {
290
- args: {
291
- size: 's',
292
- view: 'default',
293
- withOverlay: true,
294
- offset: 12,
295
- shift: 12,
296
- highlightOffset: 4,
297
- },
298
- render: (args) => <StoryDefault {...args} />,
299
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _react = /*#__PURE__*/require("@emotion/react");
8
- var _Tour = /*#__PURE__*/require("../../../../components/Tour/Tour.tokens");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'accent',
12
- size: 's'
13
- },
14
- variations: {
15
- view: {
16
- "default": /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG91ci9Ub3VyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
17
- },
18
- size: {
19
- s: /*#__PURE__*/(0, _react.css)(_Tour.tokens.cardPadding, ":0.75rem;", _Tour.tokens.cardRadius, ":0.75rem;", _Tour.tokens.highlightRadius, ":0.75rem;;label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub3VyL1RvdXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG91ci9Ub3VyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub3VyL1RvdXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnYWNjZW50JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLmNhcmRQYWRkaW5nfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5jYXJkUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5oaWdobGlnaHRSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
20
- }
21
- }
22
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Tour = void 0;
7
- var _Tour = /*#__PURE__*/require("../../../../components/Tour");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _Tour2 = /*#__PURE__*/require("./Tour.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tour.tourConfig, _Tour2.config);
11
- var Tour = exports.Tour = /*#__PURE__*/(0, _engines.component)(mergedConfig);