@codecademy/gamut 72.2.3-alpha.a3b491.0 → 72.2.3-alpha.a7bba6.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/Button/IconButton.js +0 -1
- package/dist/Tip/ToolTip/index.d.ts +2 -7
- package/dist/Tip/shared/FloatingTip.js +0 -15
- package/dist/Tip/shared/InlineTip.js +2 -23
- package/dist/Tip/shared/elements.d.ts +1 -1
- package/dist/Tip/shared/elements.js +7 -16
- package/dist/Tip/shared/types.d.ts +0 -1
- package/dist/Video/lib/VidstackPlayer.d.ts +1 -1
- package/dist/Video/lib/VidstackPlayer.js +4 -2
- package/dist/Video/styles.d.ts +1 -0
- package/dist/Video/styles.js +10 -0
- package/dist/Video/vidstack-vendor.css +3 -0
- package/package.json +6 -6
- package/dist/Video/styles/vds_base_theme.scss +0 -101
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { WithChildrenProp } from '../../utils';
|
|
2
|
-
import {
|
|
3
|
-
export type ToolTipProps =
|
|
2
|
+
import { TipBaseProps, TipCenterAlignment } from '../shared/types';
|
|
3
|
+
export type ToolTipProps = TipBaseProps & WithChildrenProp & {
|
|
4
4
|
alignment?: TipCenterAlignment;
|
|
5
|
-
/**
|
|
6
|
-
* If true, the tooltip closes immediately when the trigger is clicked or activated via keyboard.
|
|
7
|
-
* Pass `false` via `tipProps` on IconButton to opt out (e.g. copy → copied patterns).
|
|
8
|
-
*/
|
|
9
|
-
closeOnClick?: boolean;
|
|
10
5
|
/**
|
|
11
6
|
* Can be used for accessibility - the same id needs to be passed to the `aria-describedby` attribute of the element that the tooltip is describing.
|
|
12
7
|
*/
|
|
@@ -11,7 +11,6 @@ export const FloatingTip = ({
|
|
|
11
11
|
alignment,
|
|
12
12
|
avatar,
|
|
13
13
|
children,
|
|
14
|
-
closeOnClick,
|
|
15
14
|
escapeKeyPressHandler,
|
|
16
15
|
inheritDims,
|
|
17
16
|
info,
|
|
@@ -102,19 +101,6 @@ export const FloatingTip = ({
|
|
|
102
101
|
const isHoverType = type === 'tool' || type === 'preview';
|
|
103
102
|
const isPreviewType = type === 'preview';
|
|
104
103
|
const toolOnlyEventFunc = isHoverType ? e => handleShowHideAction(e) : undefined;
|
|
105
|
-
const handleClick = useCallback(() => {
|
|
106
|
-
if (hoverDelayRef.current) {
|
|
107
|
-
clearTimeout(hoverDelayRef.current);
|
|
108
|
-
hoverDelayRef.current = undefined;
|
|
109
|
-
}
|
|
110
|
-
if (focusDelayRef.current) {
|
|
111
|
-
clearTimeout(focusDelayRef.current);
|
|
112
|
-
focusDelayRef.current = undefined;
|
|
113
|
-
}
|
|
114
|
-
setIsOpen(false);
|
|
115
|
-
setIsFocused(false);
|
|
116
|
-
}, []);
|
|
117
|
-
const clickHandler = closeOnClick && isHoverType ? handleClick : undefined;
|
|
118
104
|
const contents = isPreviewType ? /*#__PURE__*/_jsx(PreviewTipContents, {
|
|
119
105
|
avatar: avatar,
|
|
120
106
|
info: info,
|
|
@@ -136,7 +122,6 @@ export const FloatingTip = ({
|
|
|
136
122
|
ref: ref,
|
|
137
123
|
width: inheritDims ? 'inherit' : undefined,
|
|
138
124
|
onBlur: toolOnlyEventFunc,
|
|
139
|
-
onClick: clickHandler,
|
|
140
125
|
onFocus: toolOnlyEventFunc,
|
|
141
126
|
onKeyDown: escapeKeyPressHandler,
|
|
142
127
|
onMouseDown: e => e.preventDefault(),
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { useCallback, useState } from 'react';
|
|
2
1
|
import { InfoTipContainer } from '../InfoTip/styles';
|
|
3
2
|
import { PreviewTipContents, PreviewTipShadow } from '../PreviewTip/elements';
|
|
4
3
|
import { ToolTipContainer } from '../ToolTip/elements';
|
|
@@ -10,7 +9,6 @@ export const InlineTip = ({
|
|
|
10
9
|
alignment,
|
|
11
10
|
avatar,
|
|
12
11
|
children,
|
|
13
|
-
closeOnClick,
|
|
14
12
|
escapeKeyPressHandler,
|
|
15
13
|
id,
|
|
16
14
|
inheritDims,
|
|
@@ -27,28 +25,13 @@ export const InlineTip = ({
|
|
|
27
25
|
zIndex
|
|
28
26
|
}) => {
|
|
29
27
|
const isHoverType = type === 'tool' || type === 'preview';
|
|
30
|
-
const [isSuppressed, setIsSuppressed] = useState(false);
|
|
31
|
-
const handleClick = useCallback(() => {
|
|
32
|
-
if (closeOnClick) setIsSuppressed(true);
|
|
33
|
-
}, [closeOnClick]);
|
|
34
|
-
const handleUnsuppress = useCallback(() => setIsSuppressed(false), []);
|
|
35
|
-
|
|
36
|
-
// Skip synthetic enter/leave fired when a child changes visibility (relatedTarget stays inside the wrapper).
|
|
37
|
-
const handleMouseEnterAndLeave = useCallback(e => {
|
|
38
|
-
const related = e.relatedTarget;
|
|
39
|
-
if (related && e.currentTarget.contains(related)) return;
|
|
40
|
-
setIsSuppressed(false);
|
|
41
|
-
}, []);
|
|
42
28
|
const InlineTipWrapper = isHoverType ? ToolTipWrapper : InfoTipWrapper;
|
|
43
29
|
const InlineTipBodyWrapper = isHoverType ? ToolTipContainer : InfoTipContainer;
|
|
44
|
-
const inlineWrapperProps = isHoverType ? {
|
|
45
|
-
'data-tooltip-body': ''
|
|
46
|
-
} : {
|
|
30
|
+
const inlineWrapperProps = isHoverType ? {} : {
|
|
47
31
|
hideTip: isTipHidden
|
|
48
32
|
};
|
|
49
33
|
const tipWrapperProps = isHoverType ? {
|
|
50
|
-
inheritDims
|
|
51
|
-
suppress: isSuppressed
|
|
34
|
+
inheritDims
|
|
52
35
|
} : {};
|
|
53
36
|
const tipBodyAlignment = getAlignmentStyles({
|
|
54
37
|
alignment,
|
|
@@ -60,8 +43,6 @@ export const InlineTip = ({
|
|
|
60
43
|
height: inheritDims ? 'inherit' : undefined,
|
|
61
44
|
ref: wrapperRef,
|
|
62
45
|
width: inheritDims ? 'inherit' : undefined,
|
|
63
|
-
onBlur: isHoverType ? handleUnsuppress : undefined,
|
|
64
|
-
onClick: isHoverType ? handleClick : undefined,
|
|
65
46
|
onKeyDown: escapeKeyPressHandler,
|
|
66
47
|
children: children
|
|
67
48
|
});
|
|
@@ -97,8 +78,6 @@ export const InlineTip = ({
|
|
|
97
78
|
});
|
|
98
79
|
return /*#__PURE__*/_jsx(InlineTipWrapper, {
|
|
99
80
|
...tipWrapperProps,
|
|
100
|
-
onMouseEnter: isHoverType ? handleMouseEnterAndLeave : undefined,
|
|
101
|
-
onMouseLeave: isHoverType ? handleMouseEnterAndLeave : undefined,
|
|
102
81
|
children: alignment.includes('top') ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
103
82
|
children: [tipBody, target]
|
|
104
83
|
}) : /*#__PURE__*/_jsxs(_Fragment, {
|
|
@@ -11,7 +11,7 @@ export declare const ToolTipWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
11
11
|
as?: React.ElementType;
|
|
12
12
|
} & Partial<Record<"inheritDims", boolean>> & {
|
|
13
13
|
theme?: import("@emotion/react").Theme;
|
|
14
|
-
}
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
15
|
export declare const InfoTipWrapper: import("@emotion/styled").StyledComponent<{
|
|
16
16
|
theme?: import("@emotion/react").Theme;
|
|
17
17
|
as?: React.ElementType;
|
|
@@ -30,39 +30,30 @@ const inlineTipStates = states({
|
|
|
30
30
|
width: 'inherit'
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
|
-
const toolTipWrapperStates = states({
|
|
34
|
-
suppress: {
|
|
35
|
-
'&:hover > [data-tooltip-body], &:has(:focus-visible) > [data-tooltip-body]': {
|
|
36
|
-
opacity: 0,
|
|
37
|
-
visibility: 'hidden',
|
|
38
|
-
transition: 'none'
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
33
|
export const FloatingTipTextWrapper = /*#__PURE__*/_styled(FlexBox, {
|
|
43
34
|
target: "eh9y8s85",
|
|
44
35
|
label: "FloatingTipTextWrapper"
|
|
45
36
|
})(css({
|
|
46
37
|
flexDirection: 'column',
|
|
47
38
|
overflowWrap: 'break-word'
|
|
48
|
-
}), floatingTipTextStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}), floatingTipTextStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3NDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
49
40
|
export const ToolTipWrapper = /*#__PURE__*/_styled("div", {
|
|
50
41
|
target: "eh9y8s84",
|
|
51
42
|
label: "ToolTipWrapper"
|
|
52
43
|
})(css({
|
|
53
|
-
'&:hover >
|
|
44
|
+
'&:hover > div, &:focus-within > div': {
|
|
54
45
|
opacity: 1,
|
|
55
46
|
transition: `opacity ${timing.fast} ${timing.base}`,
|
|
56
47
|
visibility: 'visible'
|
|
57
48
|
},
|
|
58
49
|
...tipWrapperStyles
|
|
59
|
-
}), inlineTipStates,
|
|
50
|
+
}), inlineTipStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
60
51
|
export const InfoTipWrapper = /*#__PURE__*/_styled("div", {
|
|
61
52
|
target: "eh9y8s83",
|
|
62
53
|
label: "InfoTipWrapper"
|
|
63
54
|
})(css({
|
|
64
55
|
...tipWrapperStyles
|
|
65
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RDhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
66
57
|
var TargetSelectors = /*#__PURE__*/function (TargetSelectors) {
|
|
67
58
|
TargetSelectors["OUTLINE"] = "&:before";
|
|
68
59
|
TargetSelectors["OUTLINE_FOCUS_VISIBLE"] = "&:focus-visible:before";
|
|
@@ -92,7 +83,7 @@ export const TargetContainer = /*#__PURE__*/_styled(Box, {
|
|
|
92
83
|
[TargetSelectors.OUTLINE_FOCUS_VISIBLE]: {
|
|
93
84
|
opacity: 1
|
|
94
85
|
}
|
|
95
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
86
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRStCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
96
87
|
const inlineTipBodyStates = states({
|
|
97
88
|
horizNarrow: {
|
|
98
89
|
maxWidth: narrowWidth
|
|
@@ -103,8 +94,8 @@ export const TipBody = /*#__PURE__*/_styled(Box, {
|
|
|
103
94
|
label: "TipBody"
|
|
104
95
|
})(css({
|
|
105
96
|
...toolTipBodyCss
|
|
106
|
-
}), inlineToolTipBodyAlignments, inlineTipBodyStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
97
|
+
}), inlineToolTipBodyAlignments, inlineTipBodyStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR3VCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
107
98
|
export const FloatingTipBody = /*#__PURE__*/_styled(Popover, {
|
|
108
99
|
target: "eh9y8s80",
|
|
109
100
|
label: "FloatingTipBody"
|
|
110
|
-
})(toolTipWidthRestrictions, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
101
|
+
})(toolTipWidthRestrictions, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRytCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UaXAvc2hhcmVkL2VsZW1lbnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3RhdGVzLCB0aW1pbmcgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnLi4vLi4vQm94JztcbmltcG9ydCB7IFNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBQb3BvdmVyIH0gZnJvbSAnLi4vLi4vUG9wb3Zlcic7XG5pbXBvcnQge1xuICBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHMsXG4gIG5hcnJvd1dpZHRoLFxuICB0b29sVGlwQm9keUNzcyxcbiAgdG9vbHRpcENlbnRlcmVkUGFkZGluZyxcbiAgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zLFxufSBmcm9tICcuL3N0eWxlcy9zdHlsZXMnO1xuXG5jb25zdCB0aXBXcmFwcGVyU3R5bGVzID0ge1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmbG9hdGluZ1RpcFRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBpc0hvdmVyVHlwZTogeyBhbGlnbkl0ZW1zOiAnZmxleFN0YXJ0JyB9LFxuICAvKlxuICAgKiBTdWJ0cmFjdCAyeCBwYWRkaW5nIHRvIGFjY291bnQgZm9yIHRoZSBwYWRkaW5nIHdpdGhpblxuICAgKiB0aGUgdG9vbHRpcCBzaW5jZSB0aGlzIGlzIHRoZSBpbm5lciB0ZXh0IHdyYXBwZXJcbiAgICovXG4gIG5hcnJvdzogeyB3aWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggLSB0b29sdGlwQ2VudGVyZWRQYWRkaW5nICogMiB9LFxufSk7XG5cbmNvbnN0IGlubGluZVRpcFN0YXRlcyA9IHN0YXRlcyh7XG4gIGluaGVyaXREaW1zOiB7IGhlaWdodDogJ2luaGVyaXQnLCB3aWR0aDogJ2luaGVyaXQnIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwVGV4dFdyYXBwZXIgPSBzdHlsZWQoRmxleEJveCk8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGZsb2F0aW5nVGlwVGV4dFN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgb3ZlcmZsb3dXcmFwOiAnYnJlYWstd29yZCcsXG4gIH0pLFxuICBmbG9hdGluZ1RpcFRleHRTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBUb29sVGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVQcm9wczx0eXBlb2YgaW5saW5lVGlwU3RhdGVzPj4oXG4gIGNzcyh7XG4gICAgJyY6aG92ZXIgPiBkaXYsICY6Zm9jdXMtd2l0aGluID4gZGl2Jzoge1xuICAgICAgb3BhY2l0eTogMSxcbiAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGltaW5nLmZhc3R9ICR7dGltaW5nLmJhc2V9YCxcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICAgIC4uLnRpcFdyYXBwZXJTdHlsZXMsXG4gIH0pLFxuICBpbmxpbmVUaXBTdGF0ZXNcbik7XG5cbmV4cG9ydCBjb25zdCBJbmZvVGlwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIGNzcyh7XG4gICAgLi4udGlwV3JhcHBlclN0eWxlcyxcbiAgfSlcbik7XG5cbmVudW0gVGFyZ2V0U2VsZWN0b3JzIHtcbiAgT1VUTElORSA9ICcmOmJlZm9yZScsXG4gIE9VVExJTkVfRk9DVVNfVklTSUJMRSA9ICcmOmZvY3VzLXZpc2libGU6YmVmb3JlJyxcbn1cblxuZXhwb3J0IGNvbnN0IFRhcmdldENvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBwYWRkaW5nOiAwLFxuICAgIFtTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICB9LFxuICAgIFtUYXJnZXRTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgaW5zZXQ6IC0yLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICAgICAgYm9yZGVyOiAyLFxuICAgICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICAgIG9wYWNpdHk6IDAsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgfSxcbiAgICBbVGFyZ2V0U2VsZWN0b3JzLk9VVExJTkVfRk9DVVNfVklTSUJMRV06IHtcbiAgICAgIG9wYWNpdHk6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlubGluZVRpcEJvZHlTdGF0ZXMgPSBzdGF0ZXMoe1xuICBob3Jpek5hcnJvdzogeyBtYXhXaWR0aDogbmFycm93V2lkdGggfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGlwQm9keSA9IHN0eWxlZChCb3gpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUb29sVGlwQm9keUFsaWdubWVudHM+ICZcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBpbmxpbmVUaXBCb2R5U3RhdGVzPlxuPihjc3MoeyAuLi50b29sVGlwQm9keUNzcyB9KSwgaW5saW5lVG9vbFRpcEJvZHlBbGlnbm1lbnRzLCBpbmxpbmVUaXBCb2R5U3RhdGVzKTtcblxuZXhwb3J0IGNvbnN0IEZsb2F0aW5nVGlwQm9keSA9IHN0eWxlZChQb3BvdmVyKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgdG9vbFRpcFdpZHRoUmVzdHJpY3Rpb25zPlxuPih0b29sVGlwV2lkdGhSZXN0cmljdGlvbnMpO1xuIl19 */");
|
|
@@ -47,7 +47,6 @@ export type TipPlacementComponentProps = Omit<TipNewBaseProps, 'placement' | 'em
|
|
|
47
47
|
id?: string;
|
|
48
48
|
isTipHidden?: boolean;
|
|
49
49
|
contentRef?: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
|
|
50
|
-
closeOnClick?: boolean;
|
|
51
50
|
type: 'info' | 'tool' | 'preview';
|
|
52
51
|
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
53
52
|
zIndex?: number;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
|
+
/* Third-party Vidstack default theme styles */
|
|
3
4
|
/* eslint-disable gamut/no-css-standalone */
|
|
4
|
-
import '../
|
|
5
|
+
import '../vidstack-vendor.css';
|
|
5
6
|
import { styledOptions } from '@codecademy/gamut-styles';
|
|
6
7
|
import { isYouTubeProvider, MediaPlayer, MediaProvider, Poster, Track, useMediaRemote, useMediaState } from '@vidstack/react';
|
|
7
8
|
import React, { useRef, createElement as _createElement } from 'react';
|
|
8
9
|
import { Box } from '../../Box';
|
|
10
|
+
import { vdsBaseThemeStyles } from '../styles';
|
|
9
11
|
import { keyboardShortcuts } from './utils/constants';
|
|
10
12
|
import { vdsVariables } from './utils/variables';
|
|
11
13
|
import { VideoLayout } from './VideoLayout';
|
|
@@ -15,7 +17,7 @@ const VariableProvider = /*#__PURE__*/_styled(Box, _extends({}, {
|
|
|
15
17
|
label: "VariableProvider"
|
|
16
18
|
}, styledOptions(['variables'])))(({
|
|
17
19
|
variables
|
|
18
|
-
}) => variables, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
}) => variables, vdsBaseThemeStyles, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWRlby9saWIvVmlkc3RhY2tQbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZGVvL2xpYi9WaWRzdGFja1BsYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBUaGlyZC1wYXJ0eSBWaWRzdGFjayBkZWZhdWx0IHRoZW1lIHN0eWxlcyAqL1xuLyogZXNsaW50LWRpc2FibGUgZ2FtdXQvbm8tY3NzLXN0YW5kYWxvbmUgKi9cbmltcG9ydCAnLi4vdmlkc3RhY2stdmVuZG9yLmNzcyc7XG5cbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCwgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgaXNZb3VUdWJlUHJvdmlkZXIsXG4gIE1lZGlhUGxheWVyLFxuICBNZWRpYVBsYXllckluc3RhbmNlLFxuICBNZWRpYVByb3ZpZGVyLFxuICBNZWRpYVByb3ZpZGVyQWRhcHRlcixcbiAgUG9zdGVyLFxuICBUcmFjayxcbiAgdXNlTWVkaWFSZW1vdGUsXG4gIHVzZU1lZGlhU3RhdGUsXG59IGZyb20gJ0B2aWRzdGFjay9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgVmlkZW9Qcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IHZkc0Jhc2VUaGVtZVN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBrZXlib2FyZFNob3J0Y3V0cyB9IGZyb20gJy4vdXRpbHMvY29uc3RhbnRzJztcbmltcG9ydCB7IHZkc1ZhcmlhYmxlcyB9IGZyb20gJy4vdXRpbHMvdmFyaWFibGVzJztcbmltcG9ydCB7IFZpZGVvTGF5b3V0IH0gZnJvbSAnLi9WaWRlb0xheW91dCc7XG5cbmNvbnN0IFZhcmlhYmxlUHJvdmlkZXIgPSBzdHlsZWQoQm94LCBzdHlsZWRPcHRpb25zKFsndmFyaWFibGVzJ10pKTx7XG4gIHZhcmlhYmxlcz86IENTU09iamVjdDtcbn0+KCh7IHZhcmlhYmxlcyB9KSA9PiB2YXJpYWJsZXMsIHZkc0Jhc2VUaGVtZVN0eWxlcywge1xuICB3aWR0aDogJzEwMCUnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG59KTtcblxudHlwZSBWaWRzdGFja1BsYXllclByb3BzID0gVmlkZW9Qcm9wcyAmIHtcbiAgb25Mb2FkOiAoKSA9PiB2b2lkO1xufTtcbmV4cG9ydCBjb25zdCBWaWRzdGFja1BsYXllcjogUmVhY3QuRkM8Vmlkc3RhY2tQbGF5ZXJQcm9wcz4gPSAoe1xuICBhdXRvcGxheSA9IGZhbHNlLFxuICBjb250cm9scyA9IHRydWUsXG4gIGxvb3AgPSBmYWxzZSxcbiAgbXV0ZWQgPSBmYWxzZSxcbiAgb25QbGF5LFxuICBvblJlYWR5LFxuICBvbkxvYWQsXG4gIHBsYWNlaG9sZGVySW1hZ2UsXG4gIHZpZGVvVGl0bGUsXG4gIHZpZGVvVXJsLFxuICB0ZXh0VHJhY2tzLFxuICB0aHVtYm5haWxzLFxuICB0cmFuc2xhdGlvbnMsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc2hvd0RlZmF1bHRQcm92aWRlckNvbnRyb2xzID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IHBsYXllciA9IHVzZVJlZjxNZWRpYVBsYXllckluc3RhbmNlPihudWxsKTtcbiAgY29uc3QgcGF1c2VkID0gdXNlTWVkaWFTdGF0ZSgncGF1c2VkJywgcGxheWVyKTtcbiAgY29uc3QgbWVkaWFSZW1vdGUgPSB1c2VNZWRpYVJlbW90ZShwbGF5ZXIpO1xuXG4gIC8qKlxuICAgKiAhV29ya2Fyb3VuZCBmb3IgVmlkc3RhY2sgWW91dHViZSBQcm92aWRlciBpc3N1ZSB3aXRoIG5hdGl2ZSBjb250cm9scyFcbiAgICogKE5vdCBuZWVkZWQgd2l0aCBDdXN0b20gQ29udHJvbHMgaS5lIHdoZW4gY29udHJvbHMgcHJvcHMgaXMgbm90IHNldCB0byB0cnVlIGluIDxNZWRpYVBsYXllcj4pXG4gICAqIFdoZW4gdGhlIHByb3ZpZGVyIGNoYW5nZXMgb3IgcGxheWVyIGlzIGluIHdhaXRpbmcgc3RhdGUsIHdlIG5lZWQgdG8gZm9yY2UgcmUtcGxheSB0aGUgdmlkZW8uXG4gICAqIFRoaXMgaXMgYmVjYXVzZSBvZiBhbiBpc3N1ZSBpbiBWaWRzdGFjayB3aGVyZSBZb3V0dWJlIHZpZGVvcyB3aXRoIG5hdGl2ZSBjb250cm9scyBrZWVwcyBwYXVzaW5nLlxuICAgKi9cbiAgY29uc3Qgb25Qcm92aWRlckNoYW5nZSA9IGFzeW5jIChwcm92aWRlcjogTWVkaWFQcm92aWRlckFkYXB0ZXIgfCBudWxsKSA9PiB7XG4gICAgaWYgKGlzWW91VHViZVByb3ZpZGVyKHByb3ZpZGVyKSkge1xuICAgICAgYXdhaXQgcHJvdmlkZXIucGxheSgpO1xuICAgIH1cbiAgfTtcbiAgY29uc3Qgb25QbGF5ZXJXYWl0aW5nID0gKCkgPT4ge1xuICAgIGlmIChpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXIuY3VycmVudD8ucHJvdmlkZXIpICYmIHBhdXNlZCkge1xuICAgICAgbWVkaWFSZW1vdGU/LnRvZ2dsZVBhdXNlZCgpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxWYXJpYWJsZVByb3ZpZGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgIHN0eWxlPXt7IHdpZHRoLCBoZWlnaHQgfX1cbiAgICAgIHZhcmlhYmxlcz17dmRzVmFyaWFibGVzfVxuICAgID5cbiAgICAgIDxNZWRpYVBsYXllclxuICAgICAgICBhdXRvUGxheT17YXV0b3BsYXl9XG4gICAgICAgIGNvbnRyb2xzPXtzaG93RGVmYXVsdFByb3ZpZGVyQ29udHJvbHN9XG4gICAgICAgIGtleVNob3J0Y3V0cz17a2V5Ym9hcmRTaG9ydGN1dHN9XG4gICAgICAgIGxvb3A9e2xvb3B9XG4gICAgICAgIG11dGVkPXtcbiAgICAgICAgICBhdXRvcGxheSAmJiBpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXI/LmN1cnJlbnQ/LnByb3ZpZGVyKVxuICAgICAgICAgICAgPyB0cnVlXG4gICAgICAgICAgICA6IG11dGVkXG4gICAgICAgIH1cbiAgICAgICAgcGxheXNJbmxpbmVcbiAgICAgICAgcmVmPXtwbGF5ZXJ9XG4gICAgICAgIHNyYz17dmlkZW9Vcmx9XG4gICAgICAgIHRpdGxlPXt2aWRlb1RpdGxlfVxuICAgICAgICBvbkNhblBsYXk9e29uUmVhZHl9XG4gICAgICAgIG9uTG9hZD17b25Mb2FkfVxuICAgICAgICBvblBsYXk9e29uUGxheX1cbiAgICAgICAgb25QbGF5aW5nPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGF1dG9wbGF5ICYmIHBsYXllci5jdXJyZW50Py5tdXRlZCAmJiAhbXV0ZWQpIHtcbiAgICAgICAgICAgIG1lZGlhUmVtb3RlPy51bm11dGUoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIG9uUHJvdmlkZXJDaGFuZ2U9e29uUHJvdmlkZXJDaGFuZ2V9XG4gICAgICAgIG9uV2FpdGluZz17b25QbGF5ZXJXYWl0aW5nfVxuICAgICAgPlxuICAgICAgICA8TWVkaWFQcm92aWRlcj5cbiAgICAgICAgICB7cGxhY2Vob2xkZXJJbWFnZSAmJiAoXG4gICAgICAgICAgICA8UG9zdGVyXG4gICAgICAgICAgICAgIGFsdD17dmlkZW9UaXRsZX1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwidmRzLXBvc3RlclwiXG4gICAgICAgICAgICAgIHNyYz17cGxhY2Vob2xkZXJJbWFnZSBhcyBzdHJpbmd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge3RleHRUcmFja3M/Lm1hcCgodHJhY2spID0+IChcbiAgICAgICAgICAgIDxUcmFjayB7Li4udHJhY2t9IGtleT17dHJhY2suc3JjfSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01lZGlhUHJvdmlkZXI+XG4gICAgICAgIDxWaWRlb0xheW91dFxuICAgICAgICAgIGNvbnRyb2xzPXtjb250cm9sc31cbiAgICAgICAgICB0aHVtYm5haWxzPXt0aHVtYm5haWxzfVxuICAgICAgICAgIHRyYW5zbGF0aW9ucz17dHJhbnNsYXRpb25zfVxuICAgICAgICAvPlxuICAgICAgPC9NZWRpYVBsYXllcj5cbiAgICA8L1ZhcmlhYmxlUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"));
|
|
19
21
|
export const VidstackPlayer = ({
|
|
20
22
|
autoplay = false,
|
|
21
23
|
controls = true,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const vdsBaseThemeStyles: import("@emotion/react").SerializedStyles;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
2
|
+
import { css } from '@emotion/react';
|
|
3
|
+
export const vdsBaseThemeStyles = process.env.NODE_ENV === "production" ? {
|
|
4
|
+
name: "169rs5q-vdsBaseThemeStyles",
|
|
5
|
+
styles: "iframe.vds-youtube[data-no-controls]{height:120%;}[data-started] iframe.vds-youtube[data-no-controls]{height:1000%;}:where(.vds-button .vds-icon){border-radius:unset;}.vds-controls button{border-radius:var(--media-button-border-radius);}:where(.vds-video-layout[data-sm]) :where(.vds-button){padding:0px 4px!important;}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track){background-color:var(--color-gray-600);}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track-fill){background-color:var(--color-secondary);}.vds-video-layout .vds-time-slider .vds-slider-value{border:unset;color:white;}.vds-tooltip-content::after{content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;display:block;width:1rem;height:1rem;position:absolute;border-color:currentColor;}:where(.vds-tooltip-content[data-placement~='top'])::after{border-width:0 1px 1px 0;bottom:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n to top left,\n var(--color-background-contrast) 55%,\n rgba(0, 0, 0, 0) 20%\n );}:where(.vds-tooltip-content[data-placement~='bottom'])::after{border-width:1px 0px 0px 1px;top:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n to bottom right,\n var(--color-background-contrast) 55%,\n rgba(0, 0, 0, 0) 20%\n );}:where(.vds-tooltip-content[data-placement~='start'])::after{left:calc(0% + 0.5rem);}:where(.vds-tooltip-content[data-placement~='end'])::after{left:unset;right:calc(0% + 0.5rem);}@keyframes vds-tooltip-exit{0%{opacity:1;}100%{opacity:0;}}@keyframes vds-tooltip-enter{0%{opacity:0;}100%{opacity:1;}};label:vdsBaseThemeStyles;"
|
|
6
|
+
} : {
|
|
7
|
+
name: "169rs5q-vdsBaseThemeStyles",
|
|
8
|
+
styles: "iframe.vds-youtube[data-no-controls]{height:120%;}[data-started] iframe.vds-youtube[data-no-controls]{height:1000%;}:where(.vds-button .vds-icon){border-radius:unset;}.vds-controls button{border-radius:var(--media-button-border-radius);}:where(.vds-video-layout[data-sm]) :where(.vds-button){padding:0px 4px!important;}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track){background-color:var(--color-gray-600);}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track-fill){background-color:var(--color-secondary);}.vds-video-layout .vds-time-slider .vds-slider-value{border:unset;color:white;}.vds-tooltip-content::after{content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;display:block;width:1rem;height:1rem;position:absolute;border-color:currentColor;}:where(.vds-tooltip-content[data-placement~='top'])::after{border-width:0 1px 1px 0;bottom:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n to top left,\n var(--color-background-contrast) 55%,\n rgba(0, 0, 0, 0) 20%\n );}:where(.vds-tooltip-content[data-placement~='bottom'])::after{border-width:1px 0px 0px 1px;top:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n to bottom right,\n var(--color-background-contrast) 55%,\n rgba(0, 0, 0, 0) 20%\n );}:where(.vds-tooltip-content[data-placement~='start'])::after{left:calc(0% + 0.5rem);}:where(.vds-tooltip-content[data-placement~='end'])::after{left:unset;right:calc(0% + 0.5rem);}@keyframes vds-tooltip-exit{0%{opacity:1;}100%{opacity:0;}}@keyframes vds-tooltip-enter{0%{opacity:0;}100%{opacity:1;}};label:vdsBaseThemeStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WaWRlby9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9WaWRlby9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCB2ZHNCYXNlVGhlbWVTdHlsZXMgPSBjc3NgXG4gIC8qKlxuICAgKiBZb3V0dWJlIG92ZXJsYXlcbiAgICogLSBXaHkgMTIwJSA/IGhpZGluZyB5dCBsb2dvIGFuZCBjb3B5IGxpbmsgYnV0dG9uIHdoaWNoIGFyZSBub3QgYWNjZXNzaWJsZS5cbiAgICovXG4gIGlmcmFtZS52ZHMteW91dHViZVtkYXRhLW5vLWNvbnRyb2xzXSB7XG4gICAgaGVpZ2h0OiAxMjAlO1xuICB9XG5cbiAgW2RhdGEtc3RhcnRlZF0gaWZyYW1lLnZkcy15b3V0dWJlW2RhdGEtbm8tY29udHJvbHNdIHtcbiAgICBoZWlnaHQ6IDEwMDAlO1xuICB9XG5cbiAgLyogQ29udHJvbCBidXR0b25zICovXG4gIDp3aGVyZSgudmRzLWJ1dHRvbiAudmRzLWljb24pIHtcbiAgICBib3JkZXItcmFkaXVzOiB1bnNldDtcbiAgfVxuXG4gIC52ZHMtY29udHJvbHMgYnV0dG9uIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZWRpYS1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG4gIH1cblxuICA6d2hlcmUoLnZkcy12aWRlby1sYXlvdXRbZGF0YS1zbV0pIDp3aGVyZSgudmRzLWJ1dHRvbikge1xuICAgIHBhZGRpbmc6IDBweCA0cHggIWltcG9ydGFudDtcbiAgfVxuXG4gIC8qIFNtYWxsIGxheW91dCB2b2x1bWUgLyB0aW1lIHNsaWRlciAqL1xuICA6d2hlcmUoLnZkcy12aWRlby1sYXlvdXRbZGF0YS1zbV0gLnZkcy12b2x1bWUtc2xpZGVyIC52ZHMtc2xpZGVyLXRyYWNrKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItZ3JheS02MDApO1xuICB9XG4gIDp3aGVyZSgudmRzLXZpZGVvLWxheW91dFtkYXRhLXNtXSAudmRzLXZvbHVtZS1zbGlkZXIgLnZkcy1zbGlkZXItdHJhY2stZmlsbCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXNlY29uZGFyeSk7XG4gIH1cbiAgLnZkcy12aWRlby1sYXlvdXQgLnZkcy10aW1lLXNsaWRlciAudmRzLXNsaWRlci12YWx1ZSB7XG4gICAgYm9yZGVyOiB1bnNldDtcbiAgICBjb2xvcjogd2hpdGU7XG4gIH1cblxuICAvKiBUb29sdGlwICovXG4gIC52ZHMtdG9vbHRpcC1jb250ZW50OjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgLW1vei10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgLW1zLXRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMXJlbTtcbiAgICBoZWlnaHQ6IDFyZW07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG4gIDp3aGVyZSgudmRzLXRvb2x0aXAtY29udGVudFtkYXRhLXBsYWNlbWVudH49J3RvcCddKTo6YWZ0ZXIge1xuICAgIGJvcmRlci13aWR0aDogMCAxcHggMXB4IDA7XG4gICAgYm90dG9tOiAtMC41cmVtO1xuICAgIGxlZnQ6IGNhbGMoNTAlIC0gMC41cmVtKTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICB0byB0b3AgbGVmdCxcbiAgICAgIHZhcigtLWNvbG9yLWJhY2tncm91bmQtY29udHJhc3QpIDU1JSxcbiAgICAgIHJnYmEoMCwgMCwgMCwgMCkgMjAlXG4gICAgKTtcbiAgfVxuXG4gIDp3aGVyZSgudmRzLXRvb2x0aXAtY29udGVudFtkYXRhLXBsYWNlbWVudH49J2JvdHRvbSddKTo6YWZ0ZXIge1xuICAgIGJvcmRlci13aWR0aDogMXB4IDBweCAwcHggMXB4O1xuICAgIHRvcDogLTAuNXJlbTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIDAuNXJlbSk7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgdG8gYm90dG9tIHJpZ2h0LFxuICAgICAgdmFyKC0tY29sb3ItYmFja2dyb3VuZC1jb250cmFzdCkgNTUlLFxuICAgICAgcmdiYSgwLCAwLCAwLCAwKSAyMCVcbiAgICApO1xuICB9XG5cbiAgOndoZXJlKC52ZHMtdG9vbHRpcC1jb250ZW50W2RhdGEtcGxhY2VtZW50fj0nc3RhcnQnXSk6OmFmdGVyIHtcbiAgICBsZWZ0OiBjYWxjKDAlICsgMC41cmVtKTtcbiAgfVxuICA6d2hlcmUoLnZkcy10b29sdGlwLWNvbnRlbnRbZGF0YS1wbGFjZW1lbnR+PSdlbmQnXSk6OmFmdGVyIHtcbiAgICBsZWZ0OiB1bnNldDtcbiAgICByaWdodDogY2FsYygwJSArIDAuNXJlbSk7XG4gIH1cblxuICBAa2V5ZnJhbWVzIHZkcy10b29sdGlwLWV4aXQge1xuICAgIDAlIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyB2ZHMtdG9vbHRpcC1lbnRlciB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
|
|
9
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
10
|
+
};
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut",
|
|
3
3
|
"description": "Styleguide & Component library for Codecademy",
|
|
4
|
-
"version": "72.2.3-alpha.
|
|
4
|
+
"version": "72.2.3-alpha.a7bba6.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"bin": "./bin/gamut.mjs",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@codecademy/gamut-icons": "9.57.10-alpha.
|
|
9
|
-
"@codecademy/gamut-illustrations": "0.58.16-alpha.
|
|
10
|
-
"@codecademy/gamut-patterns": "0.10.35-alpha.
|
|
11
|
-
"@codecademy/gamut-styles": "20.0.3-alpha.
|
|
12
|
-
"@codecademy/variance": "0.26.2-alpha.
|
|
8
|
+
"@codecademy/gamut-icons": "9.57.10-alpha.a7bba6.0",
|
|
9
|
+
"@codecademy/gamut-illustrations": "0.58.16-alpha.a7bba6.0",
|
|
10
|
+
"@codecademy/gamut-patterns": "0.10.35-alpha.a7bba6.0",
|
|
11
|
+
"@codecademy/gamut-styles": "20.0.3-alpha.a7bba6.0",
|
|
12
|
+
"@codecademy/variance": "0.26.2-alpha.a7bba6.0",
|
|
13
13
|
"@formatjs/intl-locale": "5.3.1",
|
|
14
14
|
"@react-aria/interactions": "3.25.0",
|
|
15
15
|
"@types/marked": "^4.0.8",
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
@import "~@vidstack/react/player/styles/default/theme.css";
|
|
2
|
-
@import "~@vidstack/react/player/styles/default/layouts/video.css";
|
|
3
|
-
@import "~@vidstack/react/player/styles/default/layouts/audio.css";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Youtube overlay
|
|
7
|
-
* - Why 120% ? hiding yt logo and copy link button which are not accessible.
|
|
8
|
-
*/
|
|
9
|
-
iframe.vds-youtube[data-no-controls] {
|
|
10
|
-
height: 120%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
[data-started] iframe.vds-youtube[data-no-controls] {
|
|
14
|
-
height: 1000%;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// Control buttons
|
|
18
|
-
:where(.vds-button .vds-icon) {
|
|
19
|
-
border-radius: unset;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.vds-controls button {
|
|
23
|
-
border-radius: var(--media-button-border-radius);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
:where(.vds-video-layout[data-sm]) :where(.vds-button) {
|
|
27
|
-
padding: 0px 4px !important;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// Small layout volume / time slider
|
|
31
|
-
:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track) {
|
|
32
|
-
background-color: var(--color-gray-600);
|
|
33
|
-
}
|
|
34
|
-
:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track-fill) {
|
|
35
|
-
background-color: var(--color-secondary);
|
|
36
|
-
}
|
|
37
|
-
.vds-video-layout .vds-time-slider .vds-slider-value {
|
|
38
|
-
border: unset;
|
|
39
|
-
color: white;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
// Tooltip
|
|
43
|
-
.vds-tooltip-content::after {
|
|
44
|
-
content: "";
|
|
45
|
-
-webkit-transform: rotate(45deg);
|
|
46
|
-
-moz-transform: rotate(45deg);
|
|
47
|
-
-ms-transform: rotate(45deg);
|
|
48
|
-
transform: rotate(45deg);
|
|
49
|
-
border-style: solid;
|
|
50
|
-
display: block;
|
|
51
|
-
width: 1rem;
|
|
52
|
-
height: 1rem;
|
|
53
|
-
position: absolute;
|
|
54
|
-
border-color: currentColor;
|
|
55
|
-
}
|
|
56
|
-
:where(.vds-tooltip-content[data-placement~="top"])::after {
|
|
57
|
-
border-width: 0 1px 1px 0;
|
|
58
|
-
bottom: -0.5rem;
|
|
59
|
-
left: calc(50% - 0.5rem);
|
|
60
|
-
background-image: linear-gradient(
|
|
61
|
-
to top left,
|
|
62
|
-
var(--color-background-contrast) 55%,
|
|
63
|
-
rgba(0, 0, 0, 0) 20%
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
:where(.vds-tooltip-content[data-placement~="bottom"])::after {
|
|
68
|
-
border-width: 1px 0px 0px 1px;
|
|
69
|
-
top: -0.5rem;
|
|
70
|
-
left: calc(50% - 0.5rem);
|
|
71
|
-
background-image: linear-gradient(
|
|
72
|
-
to bottom right,
|
|
73
|
-
var(--color-background-contrast) 55%,
|
|
74
|
-
rgba(0, 0, 0, 0) 20%
|
|
75
|
-
);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
:where(.vds-tooltip-content[data-placement~="start"])::after {
|
|
79
|
-
left: calc(0% + 0.5rem);
|
|
80
|
-
}
|
|
81
|
-
:where(.vds-tooltip-content[data-placement~="end"])::after {
|
|
82
|
-
left: unset;
|
|
83
|
-
right: calc(0% + 0.5rem);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
@keyframes vds-tooltip-exit {
|
|
87
|
-
0% {
|
|
88
|
-
opacity: 1;
|
|
89
|
-
}
|
|
90
|
-
100% {
|
|
91
|
-
opacity: 0;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
@keyframes vds-tooltip-enter {
|
|
95
|
-
0% {
|
|
96
|
-
opacity: 0;
|
|
97
|
-
}
|
|
98
|
-
100% {
|
|
99
|
-
opacity: 1;
|
|
100
|
-
}
|
|
101
|
-
}
|