@lumen-stack/react 0.11.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 +84 -0
- package/package.json +3 -4
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;
|
package/package.json
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
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": {
|
|
7
|
-
"access": "public"
|
|
8
|
-
"provenance": true
|
|
7
|
+
"access": "public"
|
|
9
8
|
},
|
|
10
9
|
"type": "module",
|
|
11
10
|
"sideEffects": [
|
|
@@ -40,7 +39,7 @@
|
|
|
40
39
|
"react-dom": ">=18"
|
|
41
40
|
},
|
|
42
41
|
"dependencies": {
|
|
43
|
-
"@lumen-stack/core": "^0.
|
|
42
|
+
"@lumen-stack/core": "^0.13.0",
|
|
44
43
|
"html2canvas-pro": "^1.5.8",
|
|
45
44
|
"sonner": "^1.7.1"
|
|
46
45
|
},
|