@lumen-stack/react 0.14.0 → 0.15.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 +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/styles.css +24 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -713,6 +713,24 @@
|
|
|
713
713
|
border-radius: 24px;
|
|
714
714
|
overflow: hidden;
|
|
715
715
|
box-shadow: var(--lumen-shadow-lg);
|
|
716
|
+
transition: width 0.28s var(--lumen-ease), height 0.28s var(--lumen-ease),
|
|
717
|
+
border-radius 0.28s var(--lumen-ease);
|
|
718
|
+
}
|
|
719
|
+
/* Expanded: blow the centered column up to the full viewport for a much
|
|
720
|
+
larger annotation canvas. */
|
|
721
|
+
.lumen-modal[data-lumen-fs="true"][data-lumen-expanded="true"] {
|
|
722
|
+
top: 0;
|
|
723
|
+
left: 0;
|
|
724
|
+
transform: none;
|
|
725
|
+
width: 100vw;
|
|
726
|
+
height: 100dvh;
|
|
727
|
+
max-height: none;
|
|
728
|
+
border-radius: 0;
|
|
729
|
+
}
|
|
730
|
+
.lumen-modal[data-lumen-fs="true"][data-lumen-expanded="true"]
|
|
731
|
+
.lumen-annotate-frame
|
|
732
|
+
canvas {
|
|
733
|
+
max-height: calc(100dvh - 322px);
|
|
716
734
|
}
|
|
717
735
|
}
|
|
718
736
|
.lumen-modal[data-lumen-fs="true"] .lumen-modal-grabber,
|
|
@@ -936,7 +954,12 @@
|
|
|
936
954
|
cursor: pointer;
|
|
937
955
|
}
|
|
938
956
|
.lumen-fs-chip svg { width: 15px; height: 15px; }
|
|
939
|
-
.lumen-fs-x { width: 38px; padding: 0; justify-content: center; font-size: 15px; }
|
|
957
|
+
.lumen-fs-x { width: 38px; padding: 0; justify-content: center; font-size: 15px; margin-right: auto; }
|
|
958
|
+
/* Expand toggle: icon-only chip, sits with Recapture on the right. Desktop
|
|
959
|
+
only — mobile is already full-bleed. */
|
|
960
|
+
.lumen-fs-expand { width: 38px; padding: 0; justify-content: center; }
|
|
961
|
+
.lumen-fs-expand[aria-pressed="true"] { background: var(--lumen-accent); }
|
|
962
|
+
@media (max-width: 639px) { .lumen-fs-expand { display: none; } }
|
|
940
963
|
.lumen-fs-mswitch {
|
|
941
964
|
display: inline-flex;
|
|
942
965
|
gap: 2px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lumen-stack/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.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.15.0",
|
|
43
43
|
"html2canvas-pro": "^1.5.8",
|
|
44
44
|
"sonner": "^1.7.1"
|
|
45
45
|
},
|