@midscene/recorder 0.21.4-beta-20250711063424.0 → 0.21.4-beta-20250715053831.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/RecordTimeline.css +5 -0
- package/dist/RecordTimeline.d.ts +1 -0
- package/dist/RecordTimeline.js +262 -546
- package/dist/components/shiny-text.css +73 -0
- package/dist/components/shiny-text.d.ts +12 -0
- package/dist/components/shiny-text.js +13 -0
- package/dist/recorder-iife.js +1642 -270
- package/dist/recorder-iife.js.LICENSE.txt +8 -0
- package/dist/recorder.d.ts +2 -0
- package/dist/recorder.js +43 -17
- package/package.json +2 -2
- package/LICENSE +0 -21
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
.shiny-text {
|
|
2
|
+
color: #0000;
|
|
3
|
+
letter-spacing: .5px;
|
|
4
|
+
text-shadow: 0 1px 2px #0000000d;
|
|
5
|
+
background-image: linear-gradient(45deg, #2b83ff, #6a11cb, #2575fc, #4481eb);
|
|
6
|
+
background-size: 300%;
|
|
7
|
+
background-clip: text;
|
|
8
|
+
font-weight: 600;
|
|
9
|
+
animation: 8s infinite textGradient;
|
|
10
|
+
display: inline-block;
|
|
11
|
+
position: relative;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.shiny-text:after {
|
|
16
|
+
content: "";
|
|
17
|
+
width: 120%;
|
|
18
|
+
height: 120%;
|
|
19
|
+
animation: shine var(--animation-duration, 5s) cubic-bezier(.25, .1, .25, 1) infinite;
|
|
20
|
+
z-index: 1;
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
background: linear-gradient(90deg, #fff0 0%, #ffffff1a 10%, #fff9 50%, #ffffff1a 90%, #fff0 100%);
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: -10%;
|
|
25
|
+
left: -150%;
|
|
26
|
+
transform: skewX(-20deg)translateY(0);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.shiny-text.disabled {
|
|
30
|
+
background: #2b83ff;
|
|
31
|
+
background-clip: text;
|
|
32
|
+
animation: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.shiny-text.disabled:after {
|
|
36
|
+
animation: none;
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@keyframes shine {
|
|
41
|
+
0% {
|
|
42
|
+
opacity: .7;
|
|
43
|
+
left: -150%;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
20% {
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
80% {
|
|
51
|
+
opacity: 1;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
100% {
|
|
55
|
+
opacity: .7;
|
|
56
|
+
left: 250%;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@keyframes textGradient {
|
|
61
|
+
0% {
|
|
62
|
+
background-position: 0%;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
50% {
|
|
66
|
+
background-position: 100%;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
100% {
|
|
70
|
+
background-position: 0%;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import './shiny-text.css';
|
|
3
|
+
type ColorTheme = 'blue' | 'purple' | 'green' | 'rainbow';
|
|
4
|
+
interface ShinyTextProps {
|
|
5
|
+
text: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
speed?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
colorTheme?: ColorTheme;
|
|
10
|
+
}
|
|
11
|
+
export declare const ShinyText: React.FC<ShinyTextProps>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import "./shiny-text.css";
|
|
3
|
+
const ShinyText = ({ text, disabled = false, speed = 5, className = '' })=>{
|
|
4
|
+
const style = {
|
|
5
|
+
'--animation-duration': `${speed}s`
|
|
6
|
+
};
|
|
7
|
+
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
8
|
+
className: `shiny-text ${disabled ? 'disabled' : ''} ${className}`,
|
|
9
|
+
style: style,
|
|
10
|
+
children: text
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
export { ShinyText };
|