@rogieking/figui3 6.9.8 → 6.10.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/components.css +28 -4
- package/dist/components.css +1 -1
- package/dist/fig-lab.css +1 -1
- package/dist/fig-lab.js +27 -29
- package/dist/fig.css +1 -1
- package/fig-lab.css +51 -53
- package/fig-lab.js +165 -57
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -3403,8 +3403,10 @@ fig-header {
|
|
|
3403
3403
|
box-shadow: inset 0 -1px 0 0 var(--figma-color-border);
|
|
3404
3404
|
gap: var(--spacer-2);
|
|
3405
3405
|
user-select: none;
|
|
3406
|
-
|
|
3407
|
-
|
|
3406
|
+
|
|
3407
|
+
&[compact]:not([compact="false"]) {
|
|
3408
|
+
--fig-header-height: var(--spacer-5);
|
|
3409
|
+
}
|
|
3408
3410
|
|
|
3409
3411
|
fig-button[icon][variant="ghost"]:not(fig-input-text fig-button) {
|
|
3410
3412
|
margin-right: calc(var(--spacer-2) * -1);
|
|
@@ -3415,7 +3417,10 @@ fig-header {
|
|
|
3415
3417
|
flex-grow: 1;
|
|
3416
3418
|
display: flex;
|
|
3417
3419
|
align-items: center;
|
|
3418
|
-
|
|
3420
|
+
}
|
|
3421
|
+
|
|
3422
|
+
span, label{
|
|
3423
|
+
color: var(--figma-color-text-secondary);
|
|
3419
3424
|
}
|
|
3420
3425
|
|
|
3421
3426
|
&[borderless] {
|
|
@@ -3428,6 +3433,8 @@ fig-group {
|
|
|
3428
3433
|
width: 100%;
|
|
3429
3434
|
margin-bottom: var(--spacer-2-5);
|
|
3430
3435
|
|
|
3436
|
+
|
|
3437
|
+
|
|
3431
3438
|
p{
|
|
3432
3439
|
margin: 0 var(--spacer-3) var(--spacer-2) var(--spacer-3);
|
|
3433
3440
|
}
|
|
@@ -3439,10 +3446,22 @@ fig-group {
|
|
|
3439
3446
|
padding-top: var(--spacer-2-5);
|
|
3440
3447
|
}
|
|
3441
3448
|
}
|
|
3449
|
+
&[borderless]:not([borderless="false"]) + fig-group{
|
|
3450
|
+
box-shadow: none;
|
|
3451
|
+
&:not([name]) {
|
|
3452
|
+
padding-top: 0;
|
|
3453
|
+
}
|
|
3454
|
+
}
|
|
3455
|
+
|
|
3456
|
+
&[compact]:not([compact="false"]) {
|
|
3457
|
+
& > fig-header{
|
|
3458
|
+
--fig-header-height: var(--spacer-5);
|
|
3459
|
+
}
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3442
3462
|
|
|
3443
3463
|
& > fig-header {
|
|
3444
3464
|
cursor: default;
|
|
3445
|
-
|
|
3446
3465
|
padding-left: var(--spacer-3);
|
|
3447
3466
|
|
|
3448
3467
|
&:focus-visible {
|
|
@@ -3491,6 +3510,11 @@ fig-group {
|
|
|
3491
3510
|
&[collapsible][open="false"] > :not(fig-header) {
|
|
3492
3511
|
display: none;
|
|
3493
3512
|
}
|
|
3513
|
+
|
|
3514
|
+
&[compact]:not([compact="false"]) > fig-header {
|
|
3515
|
+
--fig-header-height: var(--spacer-5);
|
|
3516
|
+
height: var(--fig-header-height);
|
|
3517
|
+
}
|
|
3494
3518
|
}
|
|
3495
3519
|
|
|
3496
3520
|
fig-footer {
|