@lumen-stack/react 0.10.0 → 0.12.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/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/styles.css +85 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -1016,6 +1016,90 @@ textarea.lumen-input { resize: vertical; min-height: 76px; }
|
|
|
1016
1016
|
.lumen-rec-hud-spinner { animation: none; }
|
|
1017
1017
|
}
|
|
1018
1018
|
|
|
1019
|
+
/* ─── Floating "Capture exact screen" control (sheet hidden, page usable) ─ */
|
|
1020
|
+
.lumen-cap-hud {
|
|
1021
|
+
position: fixed;
|
|
1022
|
+
left: 50%;
|
|
1023
|
+
bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
|
|
1024
|
+
transform: translateX(-50%);
|
|
1025
|
+
z-index: 2147483647;
|
|
1026
|
+
display: flex;
|
|
1027
|
+
align-items: center;
|
|
1028
|
+
gap: 10px;
|
|
1029
|
+
padding: 8px 8px 8px 14px;
|
|
1030
|
+
max-width: calc(100vw - 24px);
|
|
1031
|
+
background: var(--lumen-bg-elev);
|
|
1032
|
+
border: 1px solid var(--lumen-border-strong);
|
|
1033
|
+
border-radius: 999px;
|
|
1034
|
+
box-shadow: var(--lumen-shadow-lg);
|
|
1035
|
+
font-family: var(--lumen-font-ui);
|
|
1036
|
+
color: var(--lumen-fg);
|
|
1037
|
+
isolation: isolate;
|
|
1038
|
+
}
|
|
1039
|
+
.lumen-cap-hud-ico {
|
|
1040
|
+
display: inline-flex;
|
|
1041
|
+
color: var(--lumen-fg-muted);
|
|
1042
|
+
}
|
|
1043
|
+
.lumen-cap-hud-ico svg {
|
|
1044
|
+
width: 16px;
|
|
1045
|
+
height: 16px;
|
|
1046
|
+
}
|
|
1047
|
+
.lumen-cap-hud-text {
|
|
1048
|
+
font-size: var(--lumen-fs-13);
|
|
1049
|
+
font-weight: 600;
|
|
1050
|
+
white-space: nowrap;
|
|
1051
|
+
overflow: hidden;
|
|
1052
|
+
text-overflow: ellipsis;
|
|
1053
|
+
}
|
|
1054
|
+
.lumen-cap-hud-cancel {
|
|
1055
|
+
appearance: none;
|
|
1056
|
+
background: transparent;
|
|
1057
|
+
border: 0;
|
|
1058
|
+
cursor: pointer;
|
|
1059
|
+
font: inherit;
|
|
1060
|
+
font-size: var(--lumen-fs-12);
|
|
1061
|
+
color: var(--lumen-fg-muted);
|
|
1062
|
+
padding: 6px 8px;
|
|
1063
|
+
border-radius: var(--lumen-r-sm);
|
|
1064
|
+
}
|
|
1065
|
+
.lumen-cap-hud-cancel:hover {
|
|
1066
|
+
color: var(--lumen-fg);
|
|
1067
|
+
background: var(--lumen-bg-hover);
|
|
1068
|
+
}
|
|
1069
|
+
.lumen-cap-hud-capture {
|
|
1070
|
+
appearance: none;
|
|
1071
|
+
cursor: pointer;
|
|
1072
|
+
font: inherit;
|
|
1073
|
+
font-size: var(--lumen-fs-13);
|
|
1074
|
+
font-weight: 600;
|
|
1075
|
+
display: inline-flex;
|
|
1076
|
+
align-items: center;
|
|
1077
|
+
gap: 8px;
|
|
1078
|
+
padding: 8px 16px;
|
|
1079
|
+
border: 0;
|
|
1080
|
+
border-radius: 999px;
|
|
1081
|
+
background: var(--lumen-accent);
|
|
1082
|
+
color: var(--lumen-accent-fg, #fff);
|
|
1083
|
+
}
|
|
1084
|
+
.lumen-cap-hud-capture:hover { filter: brightness(1.05); }
|
|
1085
|
+
.lumen-cap-hud-cancel:disabled,
|
|
1086
|
+
.lumen-cap-hud-capture:disabled {
|
|
1087
|
+
opacity: 0.6;
|
|
1088
|
+
cursor: default;
|
|
1089
|
+
}
|
|
1090
|
+
.lumen-cap-hud-spinner {
|
|
1091
|
+
display: inline-block;
|
|
1092
|
+
width: 14px;
|
|
1093
|
+
height: 14px;
|
|
1094
|
+
border: 2px solid var(--lumen-border-strong);
|
|
1095
|
+
border-top-color: var(--lumen-accent);
|
|
1096
|
+
border-radius: 999px;
|
|
1097
|
+
animation: lumen-spin 700ms linear infinite;
|
|
1098
|
+
}
|
|
1099
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1100
|
+
.lumen-cap-hud-spinner { animation: none; }
|
|
1101
|
+
}
|
|
1102
|
+
|
|
1019
1103
|
.lumen-audio-preview {
|
|
1020
1104
|
display: inline-flex;
|
|
1021
1105
|
align-items: center;
|
|
@@ -1321,6 +1405,7 @@ textarea.lumen-input { resize: vertical; min-height: 76px; }
|
|
|
1321
1405
|
padding: 10px 16px 4px;
|
|
1322
1406
|
}
|
|
1323
1407
|
.lumen-cap-note { font-size: var(--lumen-fs-12); color: var(--lumen-fg-subtle); }
|
|
1408
|
+
.lumen-exact-btn svg { width: 15px; height: 15px; }
|
|
1324
1409
|
|
|
1325
1410
|
/* Voice note, capture-step variant — record the moment the bug is still on
|
|
1326
1411
|
* screen. Shares the audio-row states with the describe step; the wrapper
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lumen-stack/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"description": "React SDK for Lumen — screenshot capture, annotation, and feedback widget.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"react-dom": ">=18"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@lumen-stack/core": "^0.
|
|
42
|
+
"@lumen-stack/core": "^0.13.0",
|
|
43
43
|
"html2canvas-pro": "^1.5.8",
|
|
44
44
|
"sonner": "^1.7.1"
|
|
45
45
|
},
|