@easypost/easy-ui 1.0.0-alpha.5 → 1.0.0-alpha.6
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/Badge/index.js +16 -16
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +7 -7
- package/Banner/index.mjs +5 -5
- package/Button/Button.d.ts +61 -0
- package/Button/Button.d.ts.map +1 -1
- package/Button/index.js +23 -23
- package/Button/index.mjs +20 -20
- package/CHANGELOG.md +8 -0
- package/Card/index.js +84 -5
- package/Card/index.mjs +84 -5
- package/Checkbox/index.js +26 -26
- package/Checkbox/index.mjs +24 -24
- package/CodeBlock/index.js +4 -4
- package/CodeBlock/index.mjs +4 -4
- package/DropdownButton/DropdownButton.d.ts +48 -0
- package/DropdownButton/DropdownButton.d.ts.map +1 -1
- package/DropdownButton/index.js +17 -17
- package/DropdownButton/index.mjs +15 -15
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +48 -4
- package/HorizontalStack/index.mjs +48 -4
- package/Icon/Icon.d.ts +51 -0
- package/Icon/Icon.d.ts.map +1 -1
- package/Icon/index.js +38 -4
- package/Icon/index.mjs +38 -4
- package/IconButton/IconButton.d.ts +62 -0
- package/IconButton/IconButton.d.ts.map +1 -1
- package/IconButton/index.js +18 -18
- package/IconButton/index.mjs +15 -15
- package/InputField/index.js +282 -11
- package/InputField/index.mjs +266 -11
- package/Menu/index.js +57 -15
- package/Menu/index.mjs +58 -16
- package/Notification/index.js +1534 -14
- package/Notification/index.mjs +1518 -14
- package/Provider/index.js +8 -8
- package/Provider/index.mjs +8 -8
- package/RadioGroup/index.js +24 -24
- package/RadioGroup/index.mjs +22 -22
- package/Select/index.js +71 -29
- package/Select/index.mjs +71 -29
- package/SelectorErrorTooltip/index.js +99 -8
- package/SelectorErrorTooltip/index.mjs +85 -10
- package/Text/index.js +85 -4
- package/Text/index.mjs +85 -4
- package/TextField/index.js +7 -7
- package/TextField/index.mjs +8 -8
- package/Textarea/index.js +7 -7
- package/Textarea/index.mjs +8 -8
- package/Theme/index.js +145 -9
- package/Theme/index.mjs +145 -9
- package/Toggle/index.js +14 -14
- package/Toggle/index.mjs +14 -14
- package/Tooltip/index.js +297 -8
- package/Tooltip/index.mjs +298 -9
- package/UnstyledButton/index.js +3 -3
- package/UnstyledButton/index.mjs +3 -3
- package/VerticalStack/index.js +3 -3
- package/VerticalStack/index.mjs +3 -3
- package/__chunks__/{InputIcon-4a8e5243.mjs → InputIcon-2317befd.mjs} +26 -26
- package/__chunks__/{InputIcon-70dad3e5.js → InputIcon-d3963cf8.js} +29 -29
- package/__chunks__/{import-9c958e32.mjs → import-0561e1ba.mjs} +2 -2
- package/__chunks__/{import-fbe7cc7e.mjs → import-19bc38ac.mjs} +26 -26
- package/__chunks__/{import-d2e79ac1.mjs → import-29af6941.mjs} +3 -3
- package/__chunks__/{import-9581a2dc.js → import-2b302763.js} +43 -1
- package/__chunks__/{import-a6cadfe8.mjs → import-3d962a94.mjs} +57 -15
- package/__chunks__/{import-d52cd5cf.js → import-8b6c0bc7.js} +1 -1
- package/__chunks__/{import-87c465c9.js → import-a2023d8f.js} +1 -1
- package/__chunks__/{import-29edaaea.mjs → import-f1f4792a.mjs} +9 -9
- package/__chunks__/{UnstyledButton-981cd9af.mjs → index-29d7bca9.mjs} +2 -2
- package/__chunks__/{UnstyledButton-5bbb3c5e.js → index-3985350a.js} +1 -1
- package/__chunks__/{overlayscrollbars-react.es-c8369a03.mjs → overlayscrollbars-react.es-7f332a3b.mjs} +4 -4
- package/__chunks__/{overlayscrollbars-react.es-20563393.js → overlayscrollbars-react.es-f2a0bcff.js} +4 -4
- package/__chunks__/{real-module-2f165429.mjs → real-module-515df21d.mjs} +4 -4
- package/__chunks__/{useTriggerWidth-9528009c.js → useTriggerWidth-156b038a.js} +48 -6
- package/__chunks__/{useTriggerWidth-29becc21.mjs → useTriggerWidth-addcd1d6.mjs} +71 -29
- package/package.json +6 -6
- package/style.css +1437 -1436
- package/__chunks__/Card-2bd533c4.js +0 -85
- package/__chunks__/Card-4ad318ba.mjs +0 -86
- package/__chunks__/HorizontalStack-65adb570.mjs +0 -50
- package/__chunks__/HorizontalStack-f331bfc7.js +0 -49
- package/__chunks__/Icon-1a25dcae.js +0 -39
- package/__chunks__/Icon-6eb724b4.mjs +0 -40
- package/__chunks__/InputField-cc829736.mjs +0 -268
- package/__chunks__/InputField-f5072e37.js +0 -283
- package/__chunks__/Notification-8d749bd1.mjs +0 -1533
- package/__chunks__/Notification-b7a2c277.js +0 -1548
- package/__chunks__/SelectorErrorTooltip-4d820c45.mjs +0 -83
- package/__chunks__/SelectorErrorTooltip-b7bb5b9d.js +0 -98
- package/__chunks__/Text-2efbe1fe.js +0 -86
- package/__chunks__/Text-ec2b8d8a.mjs +0 -87
- package/__chunks__/Theme-123ba2c3.mjs +0 -147
- package/__chunks__/Theme-57f8311c.js +0 -146
- package/__chunks__/Tooltip-b4e23b78.mjs +0 -299
- package/__chunks__/Tooltip-c5076ca7.js +0 -298
package/Tooltip/index.mjs
CHANGED
|
@@ -1,13 +1,302 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import React__default, { useRef, useEffect, useMemo } from "react";
|
|
21
|
+
import { Text } from "../Text/index.mjs";
|
|
22
|
+
import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
|
|
23
|
+
import { a as $fc909762b330b746$export$61c6a8c84e605fb6, c as $f57aed4a881a3485$export$b47c3594eab58386, f as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "../__chunks__/import-f1f4792a.mjs";
|
|
24
|
+
import { d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/import-19bc38ac.mjs";
|
|
25
|
+
import { f as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, j as $507fabe10e71c6fb$export$630ff653c5ada6a9, k as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "../__chunks__/import-3d962a94.mjs";
|
|
8
26
|
import "react-dom";
|
|
9
27
|
import "../__chunks__/import-6a831ca1.mjs";
|
|
10
|
-
import "../__chunks__/real-module-
|
|
28
|
+
import "../__chunks__/real-module-515df21d.mjs";
|
|
29
|
+
function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
|
|
30
|
+
let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
31
|
+
labelable: true
|
|
32
|
+
});
|
|
33
|
+
let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
|
|
34
|
+
onHoverStart: () => {
|
|
35
|
+
return state === null || state === void 0 ? void 0 : state.open(true);
|
|
36
|
+
},
|
|
37
|
+
onHoverEnd: () => {
|
|
38
|
+
return state === null || state === void 0 ? void 0 : state.close();
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
return {
|
|
42
|
+
tooltipProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, {
|
|
43
|
+
role: "tooltip"
|
|
44
|
+
})
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
48
|
+
let { isDisabled, trigger } = props;
|
|
49
|
+
let tooltipId = $bdb11010cef70236$export$f680877a34711e37();
|
|
50
|
+
let isHovered = useRef(false);
|
|
51
|
+
let isFocused = useRef(false);
|
|
52
|
+
let handleShow = () => {
|
|
53
|
+
if (isHovered.current || isFocused.current)
|
|
54
|
+
state.open(isFocused.current);
|
|
55
|
+
};
|
|
56
|
+
let handleHide = (immediate) => {
|
|
57
|
+
if (!isHovered.current && !isFocused.current)
|
|
58
|
+
state.close(immediate);
|
|
59
|
+
};
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
let onKeyDown = (e) => {
|
|
62
|
+
if (ref && ref.current) {
|
|
63
|
+
if (e.key === "Escape") {
|
|
64
|
+
e.stopPropagation();
|
|
65
|
+
state.close(true);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
if (state.isOpen) {
|
|
70
|
+
document.addEventListener("keydown", onKeyDown, true);
|
|
71
|
+
return () => {
|
|
72
|
+
document.removeEventListener("keydown", onKeyDown, true);
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
}, [
|
|
76
|
+
ref,
|
|
77
|
+
state
|
|
78
|
+
]);
|
|
79
|
+
let onHoverStart = () => {
|
|
80
|
+
if (trigger === "focus")
|
|
81
|
+
return;
|
|
82
|
+
if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer")
|
|
83
|
+
isHovered.current = true;
|
|
84
|
+
else
|
|
85
|
+
isHovered.current = false;
|
|
86
|
+
handleShow();
|
|
87
|
+
};
|
|
88
|
+
let onHoverEnd = () => {
|
|
89
|
+
if (trigger === "focus")
|
|
90
|
+
return;
|
|
91
|
+
isFocused.current = false;
|
|
92
|
+
isHovered.current = false;
|
|
93
|
+
handleHide();
|
|
94
|
+
};
|
|
95
|
+
let onPressStart = () => {
|
|
96
|
+
isFocused.current = false;
|
|
97
|
+
isHovered.current = false;
|
|
98
|
+
handleHide(true);
|
|
99
|
+
};
|
|
100
|
+
let onFocus = () => {
|
|
101
|
+
let isVisible = $507fabe10e71c6fb$export$b9b3dfddab17db27();
|
|
102
|
+
if (isVisible) {
|
|
103
|
+
isFocused.current = true;
|
|
104
|
+
handleShow();
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
let onBlur = () => {
|
|
108
|
+
isFocused.current = false;
|
|
109
|
+
isHovered.current = false;
|
|
110
|
+
handleHide(true);
|
|
111
|
+
};
|
|
112
|
+
let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
|
|
113
|
+
isDisabled,
|
|
114
|
+
onHoverStart,
|
|
115
|
+
onHoverEnd
|
|
116
|
+
});
|
|
117
|
+
let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
|
|
118
|
+
onPressStart
|
|
119
|
+
});
|
|
120
|
+
let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
|
|
121
|
+
isDisabled,
|
|
122
|
+
onFocus,
|
|
123
|
+
onBlur
|
|
124
|
+
}, ref);
|
|
125
|
+
return {
|
|
126
|
+
triggerProps: __spreadValues({
|
|
127
|
+
"aria-describedby": state.isOpen ? tooltipId : void 0
|
|
128
|
+
}, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)),
|
|
129
|
+
tooltipProps: {
|
|
130
|
+
id: tooltipId
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
|
|
135
|
+
const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
|
|
136
|
+
let $8796f90736e175cb$var$tooltips = {};
|
|
137
|
+
let $8796f90736e175cb$var$tooltipId = 0;
|
|
138
|
+
let $8796f90736e175cb$var$globalWarmedUp = false;
|
|
139
|
+
let $8796f90736e175cb$var$globalWarmUpTimeout = null;
|
|
140
|
+
let $8796f90736e175cb$var$globalCooldownTimeout = null;
|
|
141
|
+
function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
|
|
142
|
+
let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
|
|
143
|
+
let { isOpen, open, close } = $fc909762b330b746$export$61c6a8c84e605fb6(props);
|
|
144
|
+
let id = useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
|
|
145
|
+
let closeTimeout = useRef();
|
|
146
|
+
let ensureTooltipEntry = () => {
|
|
147
|
+
$8796f90736e175cb$var$tooltips[id] = hideTooltip;
|
|
148
|
+
};
|
|
149
|
+
let closeOpenTooltips = () => {
|
|
150
|
+
for (let hideTooltipId in $8796f90736e175cb$var$tooltips)
|
|
151
|
+
if (hideTooltipId !== id) {
|
|
152
|
+
$8796f90736e175cb$var$tooltips[hideTooltipId](true);
|
|
153
|
+
delete $8796f90736e175cb$var$tooltips[hideTooltipId];
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
let showTooltip = () => {
|
|
157
|
+
clearTimeout(closeTimeout.current);
|
|
158
|
+
closeTimeout.current = null;
|
|
159
|
+
closeOpenTooltips();
|
|
160
|
+
ensureTooltipEntry();
|
|
161
|
+
$8796f90736e175cb$var$globalWarmedUp = true;
|
|
162
|
+
open();
|
|
163
|
+
if ($8796f90736e175cb$var$globalWarmUpTimeout) {
|
|
164
|
+
clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
|
|
165
|
+
$8796f90736e175cb$var$globalWarmUpTimeout = null;
|
|
166
|
+
}
|
|
167
|
+
if ($8796f90736e175cb$var$globalCooldownTimeout) {
|
|
168
|
+
clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
|
|
169
|
+
$8796f90736e175cb$var$globalCooldownTimeout = null;
|
|
170
|
+
}
|
|
171
|
+
};
|
|
172
|
+
let hideTooltip = (immediate) => {
|
|
173
|
+
if (immediate || closeDelay <= 0) {
|
|
174
|
+
clearTimeout(closeTimeout.current);
|
|
175
|
+
closeTimeout.current = null;
|
|
176
|
+
close();
|
|
177
|
+
} else if (!closeTimeout.current)
|
|
178
|
+
closeTimeout.current = setTimeout(() => {
|
|
179
|
+
closeTimeout.current = null;
|
|
180
|
+
close();
|
|
181
|
+
}, closeDelay);
|
|
182
|
+
if ($8796f90736e175cb$var$globalWarmUpTimeout) {
|
|
183
|
+
clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
|
|
184
|
+
$8796f90736e175cb$var$globalWarmUpTimeout = null;
|
|
185
|
+
}
|
|
186
|
+
if ($8796f90736e175cb$var$globalWarmedUp) {
|
|
187
|
+
if ($8796f90736e175cb$var$globalCooldownTimeout)
|
|
188
|
+
clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
|
|
189
|
+
$8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
|
|
190
|
+
delete $8796f90736e175cb$var$tooltips[id];
|
|
191
|
+
$8796f90736e175cb$var$globalCooldownTimeout = null;
|
|
192
|
+
$8796f90736e175cb$var$globalWarmedUp = false;
|
|
193
|
+
}, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
let warmupTooltip = () => {
|
|
197
|
+
closeOpenTooltips();
|
|
198
|
+
ensureTooltipEntry();
|
|
199
|
+
if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp)
|
|
200
|
+
$8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
|
|
201
|
+
$8796f90736e175cb$var$globalWarmUpTimeout = null;
|
|
202
|
+
$8796f90736e175cb$var$globalWarmedUp = true;
|
|
203
|
+
showTooltip();
|
|
204
|
+
}, delay);
|
|
205
|
+
else if (!isOpen)
|
|
206
|
+
showTooltip();
|
|
207
|
+
};
|
|
208
|
+
useEffect(() => {
|
|
209
|
+
return () => {
|
|
210
|
+
clearTimeout(closeTimeout.current);
|
|
211
|
+
let tooltip = $8796f90736e175cb$var$tooltips[id];
|
|
212
|
+
if (tooltip)
|
|
213
|
+
delete $8796f90736e175cb$var$tooltips[id];
|
|
214
|
+
};
|
|
215
|
+
}, [
|
|
216
|
+
id
|
|
217
|
+
]);
|
|
218
|
+
return {
|
|
219
|
+
isOpen,
|
|
220
|
+
open: (immediate) => {
|
|
221
|
+
if (!immediate && delay > 0 && !closeTimeout.current)
|
|
222
|
+
warmupTooltip();
|
|
223
|
+
else
|
|
224
|
+
showTooltip();
|
|
225
|
+
},
|
|
226
|
+
close: hideTooltip
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
const Tooltip$1 = "_Tooltip_1yly1_5";
|
|
230
|
+
const text = "_text_1yly1_21";
|
|
231
|
+
const arrow = "_arrow_1yly1_27";
|
|
232
|
+
const top = "_top_1yly1_36";
|
|
233
|
+
const bottom = "_bottom_1yly1_37";
|
|
234
|
+
const left = "_left_1yly1_41";
|
|
235
|
+
const right = "_right_1yly1_42";
|
|
236
|
+
const styles = {
|
|
237
|
+
Tooltip: Tooltip$1,
|
|
238
|
+
text,
|
|
239
|
+
arrow,
|
|
240
|
+
top,
|
|
241
|
+
bottom,
|
|
242
|
+
left,
|
|
243
|
+
right
|
|
244
|
+
};
|
|
245
|
+
const CONTAINER_PADDING = 12;
|
|
246
|
+
const ARROW_BOUNDARY_OFFSET = 12;
|
|
247
|
+
const OFFSET = 12;
|
|
248
|
+
const DEFAULT_PLACEMENT = "top";
|
|
249
|
+
const OPEN_DELAY = 1e3;
|
|
250
|
+
const CLOSE_DELAY = 250;
|
|
251
|
+
function Tooltip(props) {
|
|
252
|
+
const { children, isImmediate } = props;
|
|
253
|
+
const triggerRef = React__default.useRef(null);
|
|
254
|
+
const triggerInputProps = __spreadProps(__spreadValues({}, props), {
|
|
255
|
+
delay: isImmediate ? 0 : OPEN_DELAY,
|
|
256
|
+
closeDelay: CLOSE_DELAY
|
|
257
|
+
});
|
|
258
|
+
const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
|
|
259
|
+
const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
|
|
260
|
+
return React__default.createElement(React__default.Fragment, null, React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
|
|
261
|
+
ref: triggerRef
|
|
262
|
+
})), tooltipTriggerState.isOpen && React__default.createElement($f57aed4a881a3485$export$b47c3594eab58386, null, React__default.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
|
|
263
|
+
triggerRef,
|
|
264
|
+
tooltipPropsFromTrigger,
|
|
265
|
+
tooltipTriggerState
|
|
266
|
+
}))));
|
|
267
|
+
}
|
|
268
|
+
function TooltipInner(props) {
|
|
269
|
+
const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
|
|
270
|
+
const tooltipRef = React__default.useRef(null);
|
|
271
|
+
const { overlayProps, arrowProps, placement, updatePosition } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
|
|
272
|
+
arrowBoundaryOffset: ARROW_BOUNDARY_OFFSET,
|
|
273
|
+
containerPadding: CONTAINER_PADDING,
|
|
274
|
+
isOpen: tooltipTriggerState.isOpen,
|
|
275
|
+
offset: OFFSET,
|
|
276
|
+
overlayRef: tooltipRef,
|
|
277
|
+
placement: targetPlacement,
|
|
278
|
+
targetRef: triggerRef
|
|
279
|
+
});
|
|
280
|
+
const { tooltipProps: tooltipPropsFromTooltip } = $326e436e94273fe1$export$1c4b08e0eca38426($3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), tooltipTriggerState);
|
|
281
|
+
const tooltipProps = $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, tooltipPropsFromTooltip, tooltipPropsFromTrigger);
|
|
282
|
+
const style = __spreadValues(__spreadValues({}, tooltipProps.style), getComponentToken("tooltip", "container_padding", `${pxToRem(CONTAINER_PADDING)}rem`));
|
|
283
|
+
useEffect(() => {
|
|
284
|
+
updatePosition();
|
|
285
|
+
}, [content, updatePosition]);
|
|
286
|
+
return React__default.createElement("span", __spreadProps(__spreadValues({
|
|
287
|
+
ref: tooltipRef
|
|
288
|
+
}, tooltipProps), {
|
|
289
|
+
className: classNames(styles.Tooltip, styles[placement]),
|
|
290
|
+
"data-placement": placement,
|
|
291
|
+
style
|
|
292
|
+
}), React__default.createElement("span", {
|
|
293
|
+
className: styles.text
|
|
294
|
+
}, React__default.createElement(Text, {
|
|
295
|
+
variant: "subtitle2"
|
|
296
|
+
}, content)), React__default.createElement("span", __spreadValues({
|
|
297
|
+
className: styles.arrow
|
|
298
|
+
}, arrowProps)));
|
|
299
|
+
}
|
|
11
300
|
export {
|
|
12
|
-
|
|
301
|
+
Tooltip
|
|
13
302
|
};
|
package/UnstyledButton/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
3
|
+
const UnstyledButton_index = require("../__chunks__/index-3985350a.js");
|
|
4
4
|
require("../__chunks__/import-a1e0f814.js");
|
|
5
5
|
require("react");
|
|
6
6
|
require("../utilities/css.js");
|
|
7
7
|
require("../__chunks__/omit-fca26542.js");
|
|
8
|
-
require("../__chunks__/import-
|
|
9
|
-
exports.UnstyledButton =
|
|
8
|
+
require("../__chunks__/import-2b302763.js");
|
|
9
|
+
exports.UnstyledButton = UnstyledButton_index.UnstyledButton;
|
package/UnstyledButton/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { U } from "../__chunks__/
|
|
2
|
-
import "../__chunks__/import-
|
|
1
|
+
import { U } from "../__chunks__/index-29d7bca9.mjs";
|
|
2
|
+
import "../__chunks__/import-19bc38ac.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../utilities/css.mjs";
|
|
5
5
|
import "../__chunks__/omit-f17deb8f.mjs";
|
|
6
|
-
import "../__chunks__/import-
|
|
6
|
+
import "../__chunks__/import-3d962a94.mjs";
|
|
7
7
|
export {
|
|
8
8
|
U as UnstyledButton
|
|
9
9
|
};
|
package/VerticalStack/index.js
CHANGED
|
@@ -33,9 +33,9 @@ var __objRest = (source, exclude) => {
|
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
|
-
const VerticalStack$1 = "
|
|
37
|
-
const listReset = "
|
|
38
|
-
const fieldsetReset = "
|
|
36
|
+
const VerticalStack$1 = "_VerticalStack_ci6yn_5";
|
|
37
|
+
const listReset = "_listReset_ci6yn_44";
|
|
38
|
+
const fieldsetReset = "_fieldsetReset_ci6yn_51";
|
|
39
39
|
const styles = {
|
|
40
40
|
VerticalStack: VerticalStack$1,
|
|
41
41
|
listReset,
|
package/VerticalStack/index.mjs
CHANGED
|
@@ -31,9 +31,9 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
};
|
|
32
32
|
import React__default, { forwardRef } from "react";
|
|
33
33
|
import { classNames, getResponsiveDesignToken, getComponentToken, sanitizeCustomProperties } from "../utilities/css.mjs";
|
|
34
|
-
const VerticalStack$1 = "
|
|
35
|
-
const listReset = "
|
|
36
|
-
const fieldsetReset = "
|
|
34
|
+
const VerticalStack$1 = "_VerticalStack_ci6yn_5";
|
|
35
|
+
const listReset = "_listReset_ci6yn_44";
|
|
36
|
+
const fieldsetReset = "_fieldsetReset_ci6yn_51";
|
|
37
37
|
const styles = {
|
|
38
38
|
VerticalStack: VerticalStack$1,
|
|
39
39
|
listReset,
|
|
@@ -30,33 +30,33 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
32
|
import React__default from "react";
|
|
33
|
-
import {
|
|
33
|
+
import { Text } from "../Text/index.mjs";
|
|
34
34
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
35
|
-
import {
|
|
36
|
-
const root = "
|
|
37
|
-
const inputIconContainer = "
|
|
38
|
-
const label = "
|
|
39
|
-
const labelHidden = "
|
|
40
|
-
const input = "
|
|
41
|
-
const errorInput = "
|
|
42
|
-
const inputSizeSm = "
|
|
43
|
-
const inputSizeLg = "
|
|
44
|
-
const passwordInput = "
|
|
45
|
-
const passwordBtn = "
|
|
46
|
-
const hovered = "
|
|
47
|
-
const textArea = "
|
|
48
|
-
const passwordBtnError = "
|
|
49
|
-
const passwordBtnSm = "
|
|
50
|
-
const passwordBtnLg = "
|
|
51
|
-
const icon = "
|
|
52
|
-
const iconDisabled = "
|
|
53
|
-
const iconStart = "
|
|
54
|
-
const iconEnd = "
|
|
55
|
-
const iconStartInput = "
|
|
56
|
-
const iconEndInput = "
|
|
57
|
-
const inputIconPlacementSm = "
|
|
58
|
-
const inputIconPlacementLg = "
|
|
59
|
-
const caption = "
|
|
35
|
+
import { Icon } from "../Icon/index.mjs";
|
|
36
|
+
const root = "_root_rsv81_5";
|
|
37
|
+
const inputIconContainer = "_inputIconContainer_rsv81_26";
|
|
38
|
+
const label = "_label_rsv81_32";
|
|
39
|
+
const labelHidden = "_labelHidden_rsv81_36";
|
|
40
|
+
const input = "_input_rsv81_26";
|
|
41
|
+
const errorInput = "_errorInput_rsv81_74";
|
|
42
|
+
const inputSizeSm = "_inputSizeSm_rsv81_82";
|
|
43
|
+
const inputSizeLg = "_inputSizeLg_rsv81_96";
|
|
44
|
+
const passwordInput = "_passwordInput_rsv81_104";
|
|
45
|
+
const passwordBtn = "_passwordBtn_rsv81_114";
|
|
46
|
+
const hovered = "_hovered_rsv81_145";
|
|
47
|
+
const textArea = "_textArea_rsv81_154";
|
|
48
|
+
const passwordBtnError = "_passwordBtnError_rsv81_159";
|
|
49
|
+
const passwordBtnSm = "_passwordBtnSm_rsv81_165";
|
|
50
|
+
const passwordBtnLg = "_passwordBtnLg_rsv81_174";
|
|
51
|
+
const icon = "_icon_rsv81_183";
|
|
52
|
+
const iconDisabled = "_iconDisabled_rsv81_193";
|
|
53
|
+
const iconStart = "_iconStart_rsv81_197";
|
|
54
|
+
const iconEnd = "_iconEnd_rsv81_201";
|
|
55
|
+
const iconStartInput = "_iconStartInput_rsv81_205";
|
|
56
|
+
const iconEndInput = "_iconEndInput_rsv81_209";
|
|
57
|
+
const inputIconPlacementSm = "_inputIconPlacementSm_rsv81_213";
|
|
58
|
+
const inputIconPlacementLg = "_inputIconPlacementLg_rsv81_217";
|
|
59
|
+
const caption = "_caption_rsv81_221";
|
|
60
60
|
const styles = {
|
|
61
61
|
root,
|
|
62
62
|
inputIconContainer,
|
|
@@ -31,33 +31,33 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
33
|
const React = require("react");
|
|
34
|
-
const
|
|
34
|
+
const Text_index = require("../Text/index.js");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
|
-
const
|
|
37
|
-
const root = "
|
|
38
|
-
const inputIconContainer = "
|
|
39
|
-
const label = "
|
|
40
|
-
const labelHidden = "
|
|
41
|
-
const input = "
|
|
42
|
-
const errorInput = "
|
|
43
|
-
const inputSizeSm = "
|
|
44
|
-
const inputSizeLg = "
|
|
45
|
-
const passwordInput = "
|
|
46
|
-
const passwordBtn = "
|
|
47
|
-
const hovered = "
|
|
48
|
-
const textArea = "
|
|
49
|
-
const passwordBtnError = "
|
|
50
|
-
const passwordBtnSm = "
|
|
51
|
-
const passwordBtnLg = "
|
|
52
|
-
const icon = "
|
|
53
|
-
const iconDisabled = "
|
|
54
|
-
const iconStart = "
|
|
55
|
-
const iconEnd = "
|
|
56
|
-
const iconStartInput = "
|
|
57
|
-
const iconEndInput = "
|
|
58
|
-
const inputIconPlacementSm = "
|
|
59
|
-
const inputIconPlacementLg = "
|
|
60
|
-
const caption = "
|
|
36
|
+
const Icon_index = require("../Icon/index.js");
|
|
37
|
+
const root = "_root_rsv81_5";
|
|
38
|
+
const inputIconContainer = "_inputIconContainer_rsv81_26";
|
|
39
|
+
const label = "_label_rsv81_32";
|
|
40
|
+
const labelHidden = "_labelHidden_rsv81_36";
|
|
41
|
+
const input = "_input_rsv81_26";
|
|
42
|
+
const errorInput = "_errorInput_rsv81_74";
|
|
43
|
+
const inputSizeSm = "_inputSizeSm_rsv81_82";
|
|
44
|
+
const inputSizeLg = "_inputSizeLg_rsv81_96";
|
|
45
|
+
const passwordInput = "_passwordInput_rsv81_104";
|
|
46
|
+
const passwordBtn = "_passwordBtn_rsv81_114";
|
|
47
|
+
const hovered = "_hovered_rsv81_145";
|
|
48
|
+
const textArea = "_textArea_rsv81_154";
|
|
49
|
+
const passwordBtnError = "_passwordBtnError_rsv81_159";
|
|
50
|
+
const passwordBtnSm = "_passwordBtnSm_rsv81_165";
|
|
51
|
+
const passwordBtnLg = "_passwordBtnLg_rsv81_174";
|
|
52
|
+
const icon = "_icon_rsv81_183";
|
|
53
|
+
const iconDisabled = "_iconDisabled_rsv81_193";
|
|
54
|
+
const iconStart = "_iconStart_rsv81_197";
|
|
55
|
+
const iconEnd = "_iconEnd_rsv81_201";
|
|
56
|
+
const iconStartInput = "_iconStartInput_rsv81_205";
|
|
57
|
+
const iconEndInput = "_iconEndInput_rsv81_209";
|
|
58
|
+
const inputIconPlacementSm = "_inputIconPlacementSm_rsv81_213";
|
|
59
|
+
const inputIconPlacementLg = "_inputIconPlacementLg_rsv81_217";
|
|
60
|
+
const caption = "_caption_rsv81_221";
|
|
61
61
|
const styles = {
|
|
62
62
|
root,
|
|
63
63
|
inputIconContainer,
|
|
@@ -91,7 +91,7 @@ function Label(props) {
|
|
|
91
91
|
const color = hasError ? "danger" : void 0;
|
|
92
92
|
return React.createElement("label", __spreadProps(__spreadValues({}, labelProps), {
|
|
93
93
|
className: utilities_css.classNames(styles.label, isLabelVisuallyHidden && styles.labelHidden)
|
|
94
|
-
}), React.createElement(
|
|
94
|
+
}), React.createElement(Text_index.Text, {
|
|
95
95
|
variant: textVariant,
|
|
96
96
|
as,
|
|
97
97
|
color,
|
|
@@ -102,7 +102,7 @@ function InputCaption(props) {
|
|
|
102
102
|
const _a = props, { variant, children } = _a, captionTextProps = __objRest(_a, ["variant", "children"]);
|
|
103
103
|
return React.createElement("div", __spreadProps(__spreadValues({}, captionTextProps), {
|
|
104
104
|
className: styles.caption
|
|
105
|
-
}), React.createElement(
|
|
105
|
+
}), React.createElement(Text_index.Text, {
|
|
106
106
|
variant: "caption",
|
|
107
107
|
color: variant === "helper" ? "subdued" : "danger"
|
|
108
108
|
}, children));
|
|
@@ -133,7 +133,7 @@ function InputIcon(props) {
|
|
|
133
133
|
const { alignment = "start", size = "md", isDisabled = false, icon: icon2 } = props;
|
|
134
134
|
return React.createElement("div", {
|
|
135
135
|
className: utilities_css.classNames(styles.icon, alignment === "start" ? styles.iconStart : styles.iconEnd, isDisabled && styles.iconDisabled, styles[utilities_css.variationName("inputIconPlacement", size)])
|
|
136
|
-
}, React.createElement(
|
|
136
|
+
}, React.createElement(Icon_index.Icon, {
|
|
137
137
|
symbol: icon2,
|
|
138
138
|
size: mapIconSize(size)
|
|
139
139
|
}));
|
|
@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
20
|
+
import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-19bc38ac.mjs";
|
|
21
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./import-3d962a94.mjs";
|
|
22
22
|
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./import-6a831ca1.mjs";
|
|
23
23
|
function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
|
|
24
24
|
let { isDisabled = false, isRequired = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid" } = props;
|
|
@@ -649,31 +649,31 @@ function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
|
|
|
649
649
|
return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
|
|
650
650
|
}
|
|
651
651
|
export {
|
|
652
|
-
$
|
|
653
|
-
$
|
|
652
|
+
$bdb11010cef70236$export$b4cc09c592e8fdb8 as $,
|
|
653
|
+
$3ef42575df84b30b$export$9d1611c77c2fe928 as a,
|
|
654
654
|
$bdb11010cef70236$export$f680877a34711e37 as b,
|
|
655
|
-
$
|
|
656
|
-
$
|
|
657
|
-
$
|
|
658
|
-
$
|
|
659
|
-
$
|
|
660
|
-
$
|
|
661
|
-
$
|
|
662
|
-
$
|
|
663
|
-
$
|
|
664
|
-
$
|
|
665
|
-
$
|
|
666
|
-
$
|
|
667
|
-
$
|
|
668
|
-
$
|
|
669
|
-
$
|
|
670
|
-
$
|
|
671
|
-
$
|
|
672
|
-
$62d8ded9296f3872$export$
|
|
673
|
-
$
|
|
674
|
-
$
|
|
675
|
-
$
|
|
676
|
-
$
|
|
677
|
-
$
|
|
678
|
-
$
|
|
655
|
+
$313b98861ee5dd6c$export$d6875122194c7b44 as c,
|
|
656
|
+
$65484d02dcb7eb3e$export$457c3d6518dd4c6f as d,
|
|
657
|
+
$704cf1d3b684cc5c$export$535bd6ca7f90a273 as e,
|
|
658
|
+
$03deb23ff14920c4$export$4eaf04e54aa8eed6 as f,
|
|
659
|
+
$8ae05eaa5c114e9c$export$7f54fc3180508a52 as g,
|
|
660
|
+
$6a7db85432448f7f$export$29bf1b5f2c56cf63 as h,
|
|
661
|
+
$7215afc6de606d6b$export$de79e2c695e052f3 as i,
|
|
662
|
+
$6a7db85432448f7f$export$60278871457622de as j,
|
|
663
|
+
$ef06256079686ba0$export$f8aeda7b10753fa1 as k,
|
|
664
|
+
$c87311424ea30a05$export$fedb369cb70207f1 as l,
|
|
665
|
+
$bbed8b41f857bcc0$export$24490316f764c430 as m,
|
|
666
|
+
$e7801be82b4b2a53$export$4debdb1a3f0fa79e as n,
|
|
667
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as o,
|
|
668
|
+
$c87311424ea30a05$export$9ac100e40613ea10 as p,
|
|
669
|
+
$9daab02d461809db$export$683480f191c0e3ea as q,
|
|
670
|
+
$ff5963eb1fccf552$export$e08e3b67e392101e as r,
|
|
671
|
+
$62d8ded9296f3872$export$cfa2225e87938781 as s,
|
|
672
|
+
$62d8ded9296f3872$export$2bb74740c4e19def as t,
|
|
673
|
+
$e9faafb641e167db$export$90fc3a17d93f704c as u,
|
|
674
|
+
$2f04cbc44ee30ce0$export$53a0910f038337bd as v,
|
|
675
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b as w,
|
|
676
|
+
$c87311424ea30a05$export$e1865c3bedcd822b as x,
|
|
677
|
+
$c87311424ea30a05$export$78551043582a6a98 as y,
|
|
678
|
+
$5dc95899b306f630$export$c9058316764c140e as z
|
|
679
679
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37, c as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./import-19bc38ac.mjs";
|
|
2
2
|
function $d191a55c9702f145$export$8467354a121f1b9f(props) {
|
|
3
3
|
let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
|
|
4
4
|
id = $bdb11010cef70236$export$f680877a34711e37(id);
|
|
@@ -55,6 +55,6 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
|
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
export {
|
|
58
|
-
$
|
|
59
|
-
$
|
|
58
|
+
$2baaea4c71418dea$export$294aa081a6c6f55d as $,
|
|
59
|
+
$d191a55c9702f145$export$8467354a121f1b9f as a
|
|
60
60
|
};
|