@thecb/components 11.10.1-beta.1 → 11.10.1-beta.2
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/package.json
CHANGED
|
@@ -31,7 +31,8 @@ const Tooltip = ({
|
|
|
31
31
|
arrowRight: "10px",
|
|
32
32
|
arrowBottom: "-8px",
|
|
33
33
|
arrowLeft: "auto"
|
|
34
|
-
}
|
|
34
|
+
},
|
|
35
|
+
arrowColor
|
|
35
36
|
}) => {
|
|
36
37
|
const closeTimeoutRef = useRef(null);
|
|
37
38
|
const [tooltipOpen, setTooltipOpen] = useState(false);
|
|
@@ -153,7 +154,11 @@ const Tooltip = ({
|
|
|
153
154
|
content: "";
|
|
154
155
|
width: 0;
|
|
155
156
|
height: 0;
|
|
156
|
-
${arrowBorder(
|
|
157
|
+
${arrowBorder(
|
|
158
|
+
arrowColor || themeValues.borderColor,
|
|
159
|
+
arrowDirection,
|
|
160
|
+
"8px"
|
|
161
|
+
)};
|
|
157
162
|
filter: drop-shadow(2px 8px 14px black);
|
|
158
163
|
bottom: ${arrowBottom};
|
|
159
164
|
right: ${arrowRight};
|
|
@@ -196,8 +196,9 @@ export const WithChildren = {
|
|
|
196
196
|
export const RichTooltipContent = {
|
|
197
197
|
args: {
|
|
198
198
|
tooltipID: "tooltip-node-content",
|
|
199
|
-
|
|
199
|
+
contentExtraStyles: "background-color: #000000; color: #ffffff;",
|
|
200
200
|
triggerText: "Rich content",
|
|
201
|
+
arrowColor: "black",
|
|
201
202
|
contentPosition: {
|
|
202
203
|
top: "-126px",
|
|
203
204
|
right: "auto",
|