@rogieking/figui3 6.9.9 → 6.11.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 +34 -4
- package/dist/components.css +1 -1
- package/dist/fig-editor.css +1 -1
- package/dist/fig-editor.js +22 -18
- package/dist/fig-lab.css +1 -1
- package/dist/fig-lab.js +30 -32
- package/dist/fig.css +1 -1
- package/dist/fig.js +17 -17
- package/fig-editor.css +0 -12
- package/fig-editor.js +26 -22
- package/fig-lab.css +120 -46
- package/fig-lab.js +576 -55
- package/fig.js +20 -3
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -3403,19 +3403,30 @@ 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);
|
|
3411
3413
|
}
|
|
3412
3414
|
|
|
3415
|
+
&>fig-dropdown{
|
|
3416
|
+
&:first-child{
|
|
3417
|
+
margin-left: calc(var(--spacer-2) * -1);
|
|
3418
|
+
}
|
|
3419
|
+
}
|
|
3420
|
+
|
|
3413
3421
|
& h3 {
|
|
3414
3422
|
font-weight: var(--body-medium-strong-fontWeight);
|
|
3415
3423
|
flex-grow: 1;
|
|
3416
3424
|
display: flex;
|
|
3417
3425
|
align-items: center;
|
|
3418
|
-
|
|
3426
|
+
}
|
|
3427
|
+
|
|
3428
|
+
span, label{
|
|
3429
|
+
color: var(--figma-color-text-secondary);
|
|
3419
3430
|
}
|
|
3420
3431
|
|
|
3421
3432
|
&[borderless] {
|
|
@@ -3428,6 +3439,8 @@ fig-group {
|
|
|
3428
3439
|
width: 100%;
|
|
3429
3440
|
margin-bottom: var(--spacer-2-5);
|
|
3430
3441
|
|
|
3442
|
+
|
|
3443
|
+
|
|
3431
3444
|
p{
|
|
3432
3445
|
margin: 0 var(--spacer-3) var(--spacer-2) var(--spacer-3);
|
|
3433
3446
|
}
|
|
@@ -3439,10 +3452,22 @@ fig-group {
|
|
|
3439
3452
|
padding-top: var(--spacer-2-5);
|
|
3440
3453
|
}
|
|
3441
3454
|
}
|
|
3455
|
+
&[borderless]:not([borderless="false"]) + fig-group{
|
|
3456
|
+
box-shadow: none;
|
|
3457
|
+
&:not([name]) {
|
|
3458
|
+
padding-top: 0;
|
|
3459
|
+
}
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
&[compact]:not([compact="false"]) {
|
|
3463
|
+
& > fig-header{
|
|
3464
|
+
--fig-header-height: var(--spacer-5);
|
|
3465
|
+
}
|
|
3466
|
+
}
|
|
3467
|
+
|
|
3442
3468
|
|
|
3443
3469
|
& > fig-header {
|
|
3444
3470
|
cursor: default;
|
|
3445
|
-
|
|
3446
3471
|
padding-left: var(--spacer-3);
|
|
3447
3472
|
|
|
3448
3473
|
&:focus-visible {
|
|
@@ -3491,6 +3516,11 @@ fig-group {
|
|
|
3491
3516
|
&[collapsible][open="false"] > :not(fig-header) {
|
|
3492
3517
|
display: none;
|
|
3493
3518
|
}
|
|
3519
|
+
|
|
3520
|
+
&[compact]:not([compact="false"]) > fig-header {
|
|
3521
|
+
--fig-header-height: var(--spacer-5);
|
|
3522
|
+
height: var(--fig-header-height);
|
|
3523
|
+
}
|
|
3494
3524
|
}
|
|
3495
3525
|
|
|
3496
3526
|
fig-footer {
|