@salutejs/plasma-new-hope 0.345.0-canary.2416.20569157442.0 → 0.345.0-canary.2422.20906430475.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.
- package/dist/css/cjs/components/_beta/Popover/Popover.js +4 -0
- package/dist/css/cjs/components/_beta/Popover/Popover.js.map +1 -1
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js +136 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js.map +1 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js +23 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js.map +1 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles_12kwl84.css +3 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js +25 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js.map +1 -0
- package/dist/css/cjs/components/_beta/Tooltip/Tooltip_1ed9tky.css +2 -0
- package/dist/css/cjs/index.css +4 -0
- package/dist/css/cjs/index.js +6 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/_beta/Popover/Popover.js +1 -1
- package/dist/css/es/components/_beta/Popover/Popover.js.map +1 -1
- package/dist/css/es/components/_beta/Tooltip/Tooltip.js +126 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.js.map +1 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles.js +17 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles.js.map +1 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.styles_12kwl84.css +3 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.tokens.js +20 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip.tokens.js.map +1 -0
- package/dist/css/es/components/_beta/Tooltip/Tooltip_1ed9tky.css +2 -0
- package/dist/css/es/index.css +4 -0
- package/dist/css/es/index.js +2 -0
- package/dist/css/es/index.js.map +1 -1
- package/dist/emotion/cjs/components/_beta/Popover/Popover.js +18 -6
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.js +304 -0
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.styles.js +38 -0
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.tokens.js +35 -0
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/emotion/cjs/components/_beta/Tooltip/index.js +26 -0
- package/dist/emotion/cjs/components/_beta/index.js +1 -0
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/cjs/examples/components/_beta/Tooltip/Tooltip.config.js +28 -0
- package/dist/emotion/cjs/examples/components/_beta/Tooltip/Tooltip.js +15 -0
- package/dist/emotion/cjs/index.js +1 -0
- package/dist/emotion/es/components/_beta/Popover/Popover.js +6 -6
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.js +240 -0
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.styles.js +12 -0
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.tokens.js +17 -0
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/dist/emotion/es/components/_beta/Tooltip/index.js +2 -0
- package/dist/emotion/es/components/_beta/index.js +1 -0
- package/dist/emotion/es/examples/components/_beta/Tooltip/Tooltip.config.js +18 -0
- package/dist/emotion/es/examples/components/_beta/Tooltip/Tooltip.js +5 -0
- package/dist/emotion/es/index.js +1 -0
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.js +16 -4
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.js +308 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.styles.js +92 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.tokens.js +35 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/index.js +26 -0
- package/dist/styled-components/cjs/components/_beta/index.js +1 -0
- package/dist/styled-components/cjs/examples/components/_beta/Tooltip/Tooltip.config.js +60 -0
- package/dist/styled-components/cjs/examples/components/_beta/Tooltip/Tooltip.js +15 -0
- package/dist/styled-components/cjs/index.js +1 -0
- package/dist/styled-components/es/components/_beta/Popover/Popover.js +4 -4
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js +244 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.styles.js +31 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.tokens.js +17 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/dist/styled-components/es/components/_beta/Tooltip/index.js +2 -0
- package/dist/styled-components/es/components/_beta/index.js +1 -0
- package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.config.js +50 -0
- package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.js +5 -0
- package/dist/styled-components/es/index.js +1 -0
- package/package.json +6 -6
- package/types/components/_beta/Popover/Popover.d.ts +4 -0
- package/types/components/_beta/Popover/Popover.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.types.d.ts +1 -2
- package/types/components/_beta/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.d.ts +23 -0
- package/types/components/_beta/Tooltip/Tooltip.d.ts.map +1 -0
- package/types/components/_beta/Tooltip/Tooltip.styles.d.ts +4 -0
- package/types/components/_beta/Tooltip/Tooltip.styles.d.ts.map +1 -0
- package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts +18 -0
- package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts.map +1 -0
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts +61 -0
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/types/components/_beta/Tooltip/index.d.ts +4 -0
- package/types/components/_beta/Tooltip/index.d.ts.map +1 -0
- package/types/components/_beta/index.d.ts +1 -0
- package/types/components/_beta/index.d.ts.map +1 -1
- package/types/examples/components/_beta/Tooltip/Tooltip.config.d.ts +17 -0
- package/types/examples/components/_beta/Tooltip/Tooltip.config.d.ts.map +1 -0
- package/types/examples/components/_beta/Tooltip/Tooltip.d.ts +11 -0
- package/types/examples/components/_beta/Tooltip/Tooltip.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
|
@@ -133,10 +133,10 @@ import { Slot } from "../../_Slot/Slot";
|
|
|
133
133
|
import { sizeToIconSize, matchPlacements } from "./utils";
|
|
134
134
|
import { tokens, classes } from "./Popover.tokens";
|
|
135
135
|
import { base, CloseButton, Wrapper } from "./Popover.styles";
|
|
136
|
-
/* Ширина хвостика */ var ARROW_WIDTH = 20;
|
|
137
|
-
/* Высота хвостика */ var ARROW_HEIGHT = 8;
|
|
138
|
-
/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
139
|
-
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
|
|
136
|
+
/* Ширина хвостика */ export var ARROW_WIDTH = 20;
|
|
137
|
+
/* Высота хвостика */ export var ARROW_HEIGHT = 8;
|
|
138
|
+
/* SVG хвостика */ export var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
|
|
139
|
+
/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ export var ARROW_PADDING = 16;
|
|
140
140
|
export var popoverRoot = function(Root) {
|
|
141
141
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
142
142
|
var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.flip, outsideFlip = tmp === void 0 ? false : tmp, tmp1 = _param.shift, outsideShift = tmp1 === void 0 ? false : tmp1, tmp2 = _param.offset, outerOffset = tmp2 === void 0 ? 0 : tmp2, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, _param_resizable = _param.resizable, resizable = _param_resizable === void 0 ? false : _param_resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, view = _param.view, rest = _object_without_properties(_param, [
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_with_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return arr;
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array_limit(arr, i) {
|
|
23
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
24
|
+
if (_i == null) return;
|
|
25
|
+
var _arr = [];
|
|
26
|
+
var _n = true;
|
|
27
|
+
var _d = false;
|
|
28
|
+
var _s, _e;
|
|
29
|
+
try {
|
|
30
|
+
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
31
|
+
_arr.push(_s.value);
|
|
32
|
+
if (i && _arr.length === i) break;
|
|
33
|
+
}
|
|
34
|
+
} catch (err) {
|
|
35
|
+
_d = true;
|
|
36
|
+
_e = err;
|
|
37
|
+
} finally{
|
|
38
|
+
try {
|
|
39
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
40
|
+
} finally{
|
|
41
|
+
if (_d) throw _e;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return _arr;
|
|
45
|
+
}
|
|
46
|
+
function _non_iterable_rest() {
|
|
47
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
48
|
+
}
|
|
49
|
+
function _object_spread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_define_property(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
64
|
+
function ownKeys(object, enumerableOnly) {
|
|
65
|
+
var keys = Object.keys(object);
|
|
66
|
+
if (Object.getOwnPropertySymbols) {
|
|
67
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
68
|
+
if (enumerableOnly) {
|
|
69
|
+
symbols = symbols.filter(function(sym) {
|
|
70
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
keys.push.apply(keys, symbols);
|
|
74
|
+
}
|
|
75
|
+
return keys;
|
|
76
|
+
}
|
|
77
|
+
function _object_spread_props(target, source) {
|
|
78
|
+
source = source != null ? source : {};
|
|
79
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
80
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
81
|
+
} else {
|
|
82
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
83
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return target;
|
|
87
|
+
}
|
|
88
|
+
function _object_without_properties(source, excluded) {
|
|
89
|
+
if (source == null) return {};
|
|
90
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
91
|
+
var key, i;
|
|
92
|
+
if (Object.getOwnPropertySymbols) {
|
|
93
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
94
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
95
|
+
key = sourceSymbolKeys[i];
|
|
96
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
97
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
98
|
+
target[key] = source[key];
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
return target;
|
|
102
|
+
}
|
|
103
|
+
function _object_without_properties_loose(source, excluded) {
|
|
104
|
+
if (source == null) return {};
|
|
105
|
+
var target = {};
|
|
106
|
+
var sourceKeys = Object.keys(source);
|
|
107
|
+
var key, i;
|
|
108
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
109
|
+
key = sourceKeys[i];
|
|
110
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
111
|
+
target[key] = source[key];
|
|
112
|
+
}
|
|
113
|
+
return target;
|
|
114
|
+
}
|
|
115
|
+
function _sliced_to_array(arr, i) {
|
|
116
|
+
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
117
|
+
}
|
|
118
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
119
|
+
if (!o) return;
|
|
120
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
121
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
122
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
123
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
124
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
125
|
+
}
|
|
126
|
+
import React, { forwardRef, useState, useRef } from "react";
|
|
127
|
+
import cls from "classnames";
|
|
128
|
+
import { useFloating, useInteractions, useClick, useFocus, useDismiss, useRole, FloatingArrow, arrow, offset, useHover, safePolygon, FloatingPortal, autoUpdate } from "@floating-ui/react";
|
|
129
|
+
import { css } from "styled-components";
|
|
130
|
+
import { Slot } from "../../_Slot/Slot";
|
|
131
|
+
import { ARROW_HEIGHT, ARROW_PADDING, ARROW_POLYGON, ARROW_WIDTH } from "../Popover/Popover";
|
|
132
|
+
import { tokens, classes } from "./Tooltip.tokens";
|
|
133
|
+
import { base, Wrapper, IconWrapper } from "./Tooltip.styles";
|
|
134
|
+
export var tooltipRoot = function(Root) {
|
|
135
|
+
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
|
136
|
+
var children = _param.children, target = _param.target, iconSlot = _param.iconSlot, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.offset, outerOffset = tmp === void 0 ? 0 : tmp, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, view = _param.view, rest = _object_without_properties(_param, [
|
|
137
|
+
"children",
|
|
138
|
+
"target",
|
|
139
|
+
"iconSlot",
|
|
140
|
+
"trigger",
|
|
141
|
+
"placement",
|
|
142
|
+
"hasTail",
|
|
143
|
+
"offset",
|
|
144
|
+
"delayOpen",
|
|
145
|
+
"delayClose",
|
|
146
|
+
"zIndex",
|
|
147
|
+
"className",
|
|
148
|
+
"style",
|
|
149
|
+
"size",
|
|
150
|
+
"view"
|
|
151
|
+
]);
|
|
152
|
+
var _useState = _sliced_to_array(useState(false), 2), opened = _useState[0], setOpened = _useState[1];
|
|
153
|
+
var arrowRef = useRef(null);
|
|
154
|
+
var handleToggle = function(opened) {
|
|
155
|
+
setOpened(opened);
|
|
156
|
+
};
|
|
157
|
+
var _useFloating = useFloating({
|
|
158
|
+
whileElementsMounted: autoUpdate,
|
|
159
|
+
placement: placement,
|
|
160
|
+
open: opened,
|
|
161
|
+
onOpenChange: handleToggle,
|
|
162
|
+
middleware: [
|
|
163
|
+
hasTail && arrow({
|
|
164
|
+
element: arrowRef,
|
|
165
|
+
padding: ARROW_PADDING
|
|
166
|
+
}),
|
|
167
|
+
offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)
|
|
168
|
+
]
|
|
169
|
+
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
|
|
170
|
+
var click = useClick(context, {
|
|
171
|
+
enabled: trigger === 'click' || matchMedia('(hover: none)').matches
|
|
172
|
+
});
|
|
173
|
+
var focus = useFocus(context, {
|
|
174
|
+
enabled: trigger === 'focus'
|
|
175
|
+
});
|
|
176
|
+
var dismiss = useDismiss(context, {
|
|
177
|
+
enabled: true,
|
|
178
|
+
outsidePress: true
|
|
179
|
+
});
|
|
180
|
+
var role = useRole(context);
|
|
181
|
+
var hover = useHover(context, {
|
|
182
|
+
mouseOnly: true,
|
|
183
|
+
enabled: trigger === 'hover',
|
|
184
|
+
handleClose: safePolygon({
|
|
185
|
+
requireIntent: false
|
|
186
|
+
}),
|
|
187
|
+
delay: {
|
|
188
|
+
open: delayOpen,
|
|
189
|
+
close: delayClose
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
var _useInteractions = useInteractions([
|
|
193
|
+
dismiss,
|
|
194
|
+
role,
|
|
195
|
+
click,
|
|
196
|
+
hover,
|
|
197
|
+
focus
|
|
198
|
+
]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
|
|
199
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Slot, _object_spread({
|
|
200
|
+
ref: refs.setReference
|
|
201
|
+
}, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
202
|
+
ref: refs.setFloating,
|
|
203
|
+
size: size,
|
|
204
|
+
view: view,
|
|
205
|
+
style: _object_spread_props(_object_spread({}, floatingStyles), {
|
|
206
|
+
zIndex: zIndex
|
|
207
|
+
})
|
|
208
|
+
}, getFloatingProps()), /*#__PURE__*/ React.createElement(Wrapper, _object_spread({
|
|
209
|
+
ref: outerRootRef,
|
|
210
|
+
className: cls(className, classes.tooltipRoot),
|
|
211
|
+
style: style,
|
|
212
|
+
"data-tooltip-open": opened
|
|
213
|
+
}, rest), iconSlot && /*#__PURE__*/ React.createElement(IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/ React.createElement(FloatingArrow, {
|
|
214
|
+
ref: arrowRef,
|
|
215
|
+
context: context,
|
|
216
|
+
width: ARROW_WIDTH,
|
|
217
|
+
height: ARROW_HEIGHT,
|
|
218
|
+
fill: "var(".concat(tokens.backgroundColor, ")"),
|
|
219
|
+
d: ARROW_POLYGON
|
|
220
|
+
})))));
|
|
221
|
+
});
|
|
222
|
+
};
|
|
223
|
+
export var tooltipConfig = {
|
|
224
|
+
name: 'Tooltip',
|
|
225
|
+
tag: 'div',
|
|
226
|
+
layout: tooltipRoot,
|
|
227
|
+
base: base,
|
|
228
|
+
variations: {
|
|
229
|
+
view: {
|
|
230
|
+
css: css([
|
|
231
|
+
""
|
|
232
|
+
])
|
|
233
|
+
},
|
|
234
|
+
size: {
|
|
235
|
+
css: css([
|
|
236
|
+
""
|
|
237
|
+
])
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
defaults: {
|
|
241
|
+
view: 'default',
|
|
242
|
+
size: 'm'
|
|
243
|
+
}
|
|
244
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { css } from "styled-components";
|
|
3
|
+
import { tokens } from "./Tooltip.tokens";
|
|
4
|
+
export var base = css([
|
|
5
|
+
"border-radius:var(",
|
|
6
|
+
");"
|
|
7
|
+
], tokens.borderRadius);
|
|
8
|
+
export var Wrapper = styled.div.withConfig({
|
|
9
|
+
displayName: "Tooltip.styles__Wrapper",
|
|
10
|
+
componentId: "sc-9c895804-0"
|
|
11
|
+
})([
|
|
12
|
+
"display:flex;align-items:center;position:relative;gap:var(",
|
|
13
|
+
");background:var(",
|
|
14
|
+
");padding:var(",
|
|
15
|
+
");border-radius:var(",
|
|
16
|
+
");box-shadow:var(",
|
|
17
|
+
");width:100%;height:100%;box-sizing:border-box;color:var(",
|
|
18
|
+
");font-family:var(",
|
|
19
|
+
");font-size:var(",
|
|
20
|
+
");font-style:var(",
|
|
21
|
+
");font-weight:var(",
|
|
22
|
+
");letter-spacing:var(",
|
|
23
|
+
");line-height:var(",
|
|
24
|
+
");"
|
|
25
|
+
], tokens.gap, tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight);
|
|
26
|
+
export var IconWrapper = styled.div.withConfig({
|
|
27
|
+
displayName: "Tooltip.styles__IconWrapper",
|
|
28
|
+
componentId: "sc-9c895804-1"
|
|
29
|
+
})([
|
|
30
|
+
"flex:none;line-height:0;"
|
|
31
|
+
]);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export var classes = {
|
|
2
|
+
tooltipRoot: 'tooltip-root'
|
|
3
|
+
};
|
|
4
|
+
export var tokens = {
|
|
5
|
+
backgroundColor: '--plasma-tooltip-background-color',
|
|
6
|
+
borderRadius: '--plasma-tooltip-border-radius',
|
|
7
|
+
padding: '--plasma-tooltip-padding',
|
|
8
|
+
boxShadow: '--plasma-tooltip-box-shadow',
|
|
9
|
+
gap: '--plasma-tooltip-gap',
|
|
10
|
+
color: '--plasma-tooltip-color',
|
|
11
|
+
fontFamily: '--plasma-tooltip-font-family',
|
|
12
|
+
fontSize: '--plasma-tooltip-font-size',
|
|
13
|
+
fontStyle: '--plasma-tooltip-font-style',
|
|
14
|
+
fontWeight: '--plasma-tooltip-font-weight',
|
|
15
|
+
letterSpacing: '--plasma-tooltip-letter-spacing',
|
|
16
|
+
lineHeight: '--plasma-tooltip-lineheight'
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { css } from "styled-components";
|
|
2
|
+
import { _beta_tooltipTokens as tokens } from "../../../../components/_beta/Tooltip";
|
|
3
|
+
export var config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
size: 'm'
|
|
7
|
+
},
|
|
8
|
+
variations: {
|
|
9
|
+
view: {
|
|
10
|
+
default: css([
|
|
11
|
+
"",
|
|
12
|
+
":var(--surface-solid-card);",
|
|
13
|
+
":var(--shadow-down-soft-m);",
|
|
14
|
+
":var(--text-primary);"
|
|
15
|
+
], tokens.backgroundColor, tokens.boxShadow, tokens.color),
|
|
16
|
+
accent: css([
|
|
17
|
+
"",
|
|
18
|
+
":var(--surface-accent);",
|
|
19
|
+
":var(--shadow-down-soft-m);",
|
|
20
|
+
":var(--on-dark-text-primary);"
|
|
21
|
+
], tokens.backgroundColor, tokens.boxShadow, tokens.color)
|
|
22
|
+
},
|
|
23
|
+
size: {
|
|
24
|
+
m: css([
|
|
25
|
+
"",
|
|
26
|
+
":0.625rem;",
|
|
27
|
+
":0.625rem 0.875rem;",
|
|
28
|
+
":0.375rem;",
|
|
29
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
30
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
31
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
32
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
33
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
34
|
+
":var(--plasma-typo-body-s-line-height);"
|
|
35
|
+
], tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
|
36
|
+
s: css([
|
|
37
|
+
"",
|
|
38
|
+
":0.5rem;",
|
|
39
|
+
":0.5rem 0.75rem;",
|
|
40
|
+
":0.25rem;",
|
|
41
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
42
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
43
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
44
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
45
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
46
|
+
":var(--plasma-typo-body-xs-line-height);"
|
|
47
|
+
], tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { _beta_tooltipConfig } from "../../../../components/_beta/Tooltip";
|
|
2
|
+
import { component, mergeConfig } from "../../../../engines";
|
|
3
|
+
import { config } from "./Tooltip.config";
|
|
4
|
+
var mergedConfig = mergeConfig(_beta_tooltipConfig, config);
|
|
5
|
+
export var Tooltip = component(mergedConfig);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.345.0-canary.
|
|
3
|
+
"version": "0.345.0-canary.2422.20906430475.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -92,9 +92,9 @@
|
|
|
92
92
|
"@rollup/plugin-babel": "^6.0.4",
|
|
93
93
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
94
94
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
95
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
96
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
97
|
-
"@salutejs/plasma-themes": "0.
|
|
95
|
+
"@salutejs/plasma-cy-utils": "0.143.0-canary.2422.20906430475.0",
|
|
96
|
+
"@salutejs/plasma-sb-utils": "0.213.0-canary.2422.20906430475.0",
|
|
97
|
+
"@salutejs/plasma-themes": "0.39.0-canary.2422.20906430475.0",
|
|
98
98
|
"@types/lodash": "^4.14.191",
|
|
99
99
|
"@types/lodash.chunk": "4.2.9",
|
|
100
100
|
"@types/lodash.throttle": "4.1.6",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"@linaria/react": "5.0.3",
|
|
123
123
|
"@popperjs/core": "2.11.8",
|
|
124
124
|
"@salutejs/input-core": "2.1.2",
|
|
125
|
-
"@salutejs/plasma-core": "1.
|
|
125
|
+
"@salutejs/plasma-core": "1.213.0-canary.2422.20906430475.0",
|
|
126
126
|
"@salutejs/react-maskinput": "3.3.2",
|
|
127
127
|
"@tanstack/react-table": "8.21.2",
|
|
128
128
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"sideEffects": [
|
|
143
143
|
"*.css"
|
|
144
144
|
],
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "398dfccb2bc6828712de0065ba0225f367197928"
|
|
146
146
|
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { RootProps } from '../../../engines/types';
|
|
3
3
|
import type { PopoverProps } from './Popover.types';
|
|
4
|
+
export declare const ARROW_WIDTH = 20;
|
|
5
|
+
export declare const ARROW_HEIGHT = 8;
|
|
6
|
+
export declare const ARROW_POLYGON = "M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z";
|
|
7
|
+
export declare const ARROW_PADDING = 16;
|
|
4
8
|
export declare const popoverRoot: (Root: RootProps<HTMLDivElement, Omit<PopoverProps, "target">>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").BasicPopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
9
|
export declare const popoverConfig: {
|
|
6
10
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA8BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA8BnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,eAAO,MAAM,aAAa,kFAAkF,CAAC;AAE7G,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,8JA+IpF,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAjJQ,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;;;;;;;;;;;;;;CAkKxF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode, ReactElement } from 'react';
|
|
2
2
|
import { ResizableProps } from '../../_Resizable';
|
|
3
|
-
type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
3
|
+
export type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
4
4
|
export type BasicPopoverProps = {
|
|
5
5
|
/**
|
|
6
6
|
* Стиль для UI конфигурации
|
|
@@ -102,5 +102,4 @@ export type BasicPopoverProps = {
|
|
|
102
102
|
size?: string;
|
|
103
103
|
};
|
|
104
104
|
export type PopoverProps = HTMLAttributes<HTMLDivElement> & BasicPopoverProps;
|
|
105
|
-
export {};
|
|
106
105
|
//# sourceMappingURL=Popover.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,MAAM,SAAS,GACf,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { RootProps } from '../../../engines/types';
|
|
3
|
+
import type { TooltipProps } from './Tooltip.types';
|
|
4
|
+
export declare const tooltipRoot: (Root: RootProps<HTMLDivElement, Omit<TooltipProps, "target" | "children" | "iconSlot">>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & import("./Tooltip.types").BasicTooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const tooltipConfig: {
|
|
6
|
+
name: string;
|
|
7
|
+
tag: string;
|
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, Omit<TooltipProps, "target" | "children" | "iconSlot">>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & import("./Tooltip.types").BasicTooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
|
10
|
+
variations: {
|
|
11
|
+
view: {
|
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
|
13
|
+
};
|
|
14
|
+
size: {
|
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
defaults: {
|
|
19
|
+
view: string;
|
|
20
|
+
size: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAwBnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,WAAW,SAAU,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC,gLA2G9G,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA7GQ,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;CA8HlH,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
|
2
|
+
export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
3
|
+
export declare const IconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
4
|
+
//# sourceMappingURL=Tooltip.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,OAAO,qKAmBnB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const classes: {
|
|
2
|
+
tooltipRoot: string;
|
|
3
|
+
};
|
|
4
|
+
export declare const tokens: {
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
padding: string;
|
|
8
|
+
boxShadow: string;
|
|
9
|
+
gap: string;
|
|
10
|
+
color: string;
|
|
11
|
+
fontFamily: string;
|
|
12
|
+
fontSize: string;
|
|
13
|
+
fontStyle: string;
|
|
14
|
+
fontWeight: string;
|
|
15
|
+
letterSpacing: string;
|
|
16
|
+
lineHeight: string;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=Tooltip.tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/Tooltip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAalB,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode, ReactElement } from 'react';
|
|
2
|
+
import { Placement } from '../Popover/Popover.types';
|
|
3
|
+
export type BasicTooltipProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Контент всплывающего окна.
|
|
6
|
+
*/
|
|
7
|
+
children: string;
|
|
8
|
+
/**
|
|
9
|
+
* Целевой элемент взаимодействия с всплывающим окном.
|
|
10
|
+
*/
|
|
11
|
+
target: ReactElement;
|
|
12
|
+
/**
|
|
13
|
+
* Слот для иконки слева.
|
|
14
|
+
*/
|
|
15
|
+
iconSlot?: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Способ скрытия/раскрытия всплывающего окна.
|
|
18
|
+
* @default click
|
|
19
|
+
*/
|
|
20
|
+
trigger?: 'click' | 'hover' | 'focus';
|
|
21
|
+
/**
|
|
22
|
+
* Сторона раскрытия окна относительно target-элемента.
|
|
23
|
+
* @default bottom
|
|
24
|
+
*/
|
|
25
|
+
placement?: Placement;
|
|
26
|
+
/**
|
|
27
|
+
* Включение хвостика у всплывающего окна.
|
|
28
|
+
* @default true
|
|
29
|
+
*/
|
|
30
|
+
hasTail?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Отступ всплывающего окна относительно target.
|
|
33
|
+
* @default 0
|
|
34
|
+
*/
|
|
35
|
+
offset?: number;
|
|
36
|
+
/**
|
|
37
|
+
* Задержка перед раскрытием, мс. (При trigger === 'hover')
|
|
38
|
+
* @default 0
|
|
39
|
+
*/
|
|
40
|
+
delayOpen?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Задержка перед скрытием, мс. (При trigger === 'hover')
|
|
43
|
+
* @default 0
|
|
44
|
+
*/
|
|
45
|
+
delayClose?: number;
|
|
46
|
+
/**
|
|
47
|
+
* CSS-свойство z-index всплывающего окна.
|
|
48
|
+
* @default 1000
|
|
49
|
+
*/
|
|
50
|
+
zIndex?: number;
|
|
51
|
+
/**
|
|
52
|
+
* Вид компонента.
|
|
53
|
+
*/
|
|
54
|
+
view?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Размер компонента.
|
|
57
|
+
*/
|
|
58
|
+
size?: string;
|
|
59
|
+
};
|
|
60
|
+
export type TooltipProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & BasicTooltipProps;
|
|
61
|
+
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { tooltipRoot as _beta_tooltipRoot, tooltipConfig as _beta_tooltipConfig } from './Tooltip';
|
|
2
|
+
export { classes as _beta_tooltipClasses, tokens as _beta_tooltipTokens } from './Tooltip.tokens';
|
|
3
|
+
export type { TooltipProps as _beta_TooltipProps } from './Tooltip.types';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/_beta/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAElG,YAAY,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_beta/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_beta/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@linaria/core").LinariaClassName;
|
|
9
|
+
accent: import("@linaria/core").LinariaClassName;
|
|
10
|
+
};
|
|
11
|
+
size: {
|
|
12
|
+
m: import("@linaria/core").LinariaClassName;
|
|
13
|
+
s: import("@linaria/core").LinariaClassName;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Tooltip.config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/components/_beta/Tooltip/Tooltip.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CA2ClB,CAAC"}
|