@rogieking/figui3 3.0.0 → 3.0.2
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 +13 -17
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -3283,7 +3283,7 @@ fig-joystick {
|
|
|
3283
3283
|
|
|
3284
3284
|
.fig-joystick-axis-label {
|
|
3285
3285
|
position: absolute;
|
|
3286
|
-
z-index:
|
|
3286
|
+
z-index: 1;
|
|
3287
3287
|
pointer-events: none;
|
|
3288
3288
|
user-select: none;
|
|
3289
3289
|
color: var(--figma-color-text-tertiary);
|
|
@@ -3393,23 +3393,17 @@ fig-joystick {
|
|
|
3393
3393
|
|
|
3394
3394
|
.fig-input-joystick-handle {
|
|
3395
3395
|
position: absolute;
|
|
3396
|
-
z-index:
|
|
3396
|
+
z-index: 2;
|
|
3397
3397
|
width: 1rem;
|
|
3398
3398
|
height: 1rem;
|
|
3399
3399
|
background: var(--figma-color-bg-brand);
|
|
3400
3400
|
box-shadow:
|
|
3401
3401
|
inset 0 0 0 0.125rem var(--handle-color),
|
|
3402
3402
|
0px 0 0 0.5px rgba(0, 0, 0, 0.1),
|
|
3403
|
-
var(--
|
|
3403
|
+
var(--elevation-100-canvas);
|
|
3404
3404
|
border-radius: 50%;
|
|
3405
3405
|
transform: translate(-50%, -50%);
|
|
3406
3406
|
transition: box-shadow var(--slider-transition);
|
|
3407
|
-
&:hover {
|
|
3408
|
-
box-shadow:
|
|
3409
|
-
inset 0 0 0 0.25rem var(--handle-color),
|
|
3410
|
-
0px 0 0 0.5px rgba(0, 0, 0, 0.1),
|
|
3411
|
-
var(--figma-elevation-200);
|
|
3412
|
-
}
|
|
3413
3407
|
}
|
|
3414
3408
|
}
|
|
3415
3409
|
|
|
@@ -3564,9 +3558,11 @@ fig-layer {
|
|
|
3564
3558
|
display: none;
|
|
3565
3559
|
}
|
|
3566
3560
|
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3561
|
+
&[open]:not([open="false"]) {
|
|
3562
|
+
/* Rotate chevron when open */
|
|
3563
|
+
& > .fig-layer-row > .fig-layer-chevron {
|
|
3564
|
+
rotate: 0deg;
|
|
3565
|
+
}
|
|
3570
3566
|
}
|
|
3571
3567
|
|
|
3572
3568
|
/* Dimmed when not visible */
|
|
@@ -3578,6 +3574,10 @@ fig-layer {
|
|
|
3578
3574
|
|
|
3579
3575
|
/* Selected state */
|
|
3580
3576
|
&[selected]:not([selected="false"]) {
|
|
3577
|
+
/* Open with children */
|
|
3578
|
+
/*&:has(fig-layer) {
|
|
3579
|
+
background: var(--figma-color-bg-selected-secondary);
|
|
3580
|
+
}*/
|
|
3581
3581
|
& > .fig-layer-row {
|
|
3582
3582
|
background: var(--figma-color-bg-selected);
|
|
3583
3583
|
& > .fig-layer-icon {
|
|
@@ -3700,14 +3700,10 @@ fig-fill-picker {
|
|
|
3700
3700
|
box-shadow:
|
|
3701
3701
|
inset 0 0 0 0.125rem var(--handle-color),
|
|
3702
3702
|
0px 0 0 0.5px rgba(0, 0, 0, 0.1),
|
|
3703
|
-
var(--
|
|
3703
|
+
var(--elevation-100-canvas);
|
|
3704
3704
|
transform: translate(-50%, -50%);
|
|
3705
3705
|
z-index: 1;
|
|
3706
3706
|
&:hover {
|
|
3707
|
-
box-shadow:
|
|
3708
|
-
inset 0 0 0 0.25rem var(--handle-color),
|
|
3709
|
-
0px 0 0 0.5px rgba(0, 0, 0, 0.1),
|
|
3710
|
-
var(--figma-elevation-200);
|
|
3711
3707
|
transform: translate(-50%, -50%);
|
|
3712
3708
|
}
|
|
3713
3709
|
}
|
package/package.json
CHANGED