@rogieking/figui3 2.29.2 → 2.29.3
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/components.css +9 -2
- package/package.json +1 -1
- package/propkit.html +2 -2
package/components.css
CHANGED
|
@@ -1409,6 +1409,9 @@ fig-easing-curve {
|
|
|
1409
1409
|
fill: var(--easing-handle-fill-active);
|
|
1410
1410
|
}
|
|
1411
1411
|
}
|
|
1412
|
+
.fig-easing-curve-endpoint {
|
|
1413
|
+
fill: var(--easing-handle-fill);
|
|
1414
|
+
}
|
|
1412
1415
|
.fig-easing-curve-duration-bar {
|
|
1413
1416
|
fill: var(--easing-duration-bar-fill);
|
|
1414
1417
|
stroke: var(--easing-duration-bar-stroke);
|
|
@@ -1437,9 +1440,13 @@ fig-3d-rotate {
|
|
|
1437
1440
|
gap: var(--spacer-2);
|
|
1438
1441
|
width: 100%;
|
|
1439
1442
|
--aspect-ratio: 1 / 1;
|
|
1440
|
-
--gradient-start-color:
|
|
1443
|
+
--gradient-start-color: light-dark(
|
|
1444
|
+
rgba(0, 0, 0, 0.05),
|
|
1445
|
+
rgba(255, 255, 255, 0.05)
|
|
1446
|
+
);
|
|
1441
1447
|
--gradient-end-color: transparent;
|
|
1442
1448
|
--figma-3d-rotate-handle-size: 6px;
|
|
1449
|
+
--front-face-bg: light-dark(var(--figma-color-bg), #555);
|
|
1443
1450
|
|
|
1444
1451
|
fig-field[direction="horizontal"] & {
|
|
1445
1452
|
flex: 1;
|
|
@@ -1500,7 +1507,7 @@ fig-3d-rotate {
|
|
|
1500
1507
|
);
|
|
1501
1508
|
|
|
1502
1509
|
&.front {
|
|
1503
|
-
background: var(--
|
|
1510
|
+
background: var(--front-face-bg);
|
|
1504
1511
|
border-radius: var(--radius-medium);
|
|
1505
1512
|
transform-style: preserve-3d;
|
|
1506
1513
|
box-shadow: var(--figma-elevation-100);
|
package/package.json
CHANGED
package/propkit.html
CHANGED
|
@@ -1231,7 +1231,7 @@
|
|
|
1231
1231
|
a.addEventListener('click', (e) => {
|
|
1232
1232
|
e.preventDefault();
|
|
1233
1233
|
const targetId = a.getAttribute('href');
|
|
1234
|
-
const target = document.
|
|
1234
|
+
const target = document.getElementById(targetId.slice(1));
|
|
1235
1235
|
if (target) {
|
|
1236
1236
|
isClickScrolling = true;
|
|
1237
1237
|
history.pushState(null, '', targetId);
|
|
@@ -1245,7 +1245,7 @@
|
|
|
1245
1245
|
window.addEventListener('load', () => {
|
|
1246
1246
|
updateActiveNav();
|
|
1247
1247
|
if (location.hash) {
|
|
1248
|
-
document.
|
|
1248
|
+
document.getElementById(location.hash.slice(1))?.scrollIntoView();
|
|
1249
1249
|
}
|
|
1250
1250
|
});
|
|
1251
1251
|
|