@rogieking/figui3 8.9.42 → 8.9.44
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 +25 -13
- package/dist/components.css +1 -1
- package/dist/fig-lab.css +1 -1
- package/dist/fig-lab.js +2 -2
- package/dist/fig.css +1 -1
- package/dist/fig.js +1 -1
- package/fig-lab.css +45 -19
- package/fig-lab.js +226 -7
- package/fig.js +5 -4
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -1372,7 +1372,6 @@ fig-avatar,
|
|
|
1372
1372
|
height: var(--size);
|
|
1373
1373
|
position: absolute;
|
|
1374
1374
|
border-radius: 100%;
|
|
1375
|
-
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucent);
|
|
1376
1375
|
&:not([src]) {
|
|
1377
1376
|
background: var(--checkerboard);
|
|
1378
1377
|
}
|
|
@@ -3515,9 +3514,12 @@ fig-header {
|
|
|
3515
3514
|
& > h3:first-child{
|
|
3516
3515
|
flex: 1 1 auto;
|
|
3517
3516
|
min-width: 0;
|
|
3518
|
-
display:
|
|
3519
|
-
align-items: center;
|
|
3517
|
+
display: block;
|
|
3520
3518
|
padding-left: var(--spacer-2);
|
|
3519
|
+
text-overflow: ellipsis;
|
|
3520
|
+
overflow: hidden;
|
|
3521
|
+
white-space: nowrap;
|
|
3522
|
+
max-width: 100%;
|
|
3521
3523
|
}
|
|
3522
3524
|
|
|
3523
3525
|
span, label{
|
|
@@ -3563,6 +3565,7 @@ fig-group {
|
|
|
3563
3565
|
|
|
3564
3566
|
& > fig-header {
|
|
3565
3567
|
cursor: default;
|
|
3568
|
+
gap: 0;
|
|
3566
3569
|
|
|
3567
3570
|
&:focus-visible {
|
|
3568
3571
|
--figma-focus-outline-radius: var(--radius-medium);
|
|
@@ -3570,17 +3573,26 @@ fig-group {
|
|
|
3570
3573
|
outline-offset: var(--figma-focus-outline-offset);
|
|
3571
3574
|
border-radius: var(--figma-focus-outline-radius);
|
|
3572
3575
|
}
|
|
3573
|
-
h3 {
|
|
3576
|
+
& > h3 {
|
|
3577
|
+
flex: 1 1 auto;
|
|
3578
|
+
min-width: 0;
|
|
3579
|
+
display: block;
|
|
3574
3580
|
margin:0;
|
|
3575
|
-
|
|
3576
|
-
|
|
3577
|
-
|
|
3578
|
-
|
|
3579
|
-
|
|
3580
|
-
|
|
3581
|
-
|
|
3582
|
-
|
|
3583
|
-
|
|
3581
|
+
padding-left: 0;
|
|
3582
|
+
text-overflow: ellipsis;
|
|
3583
|
+
overflow: hidden;
|
|
3584
|
+
white-space: nowrap;
|
|
3585
|
+
max-width: 100%;
|
|
3586
|
+
}
|
|
3587
|
+
& > .fig-group-chevron {
|
|
3588
|
+
--icon: var(--icon-16-chevron);
|
|
3589
|
+
--size: 1rem;
|
|
3590
|
+
flex: 0 0 auto;
|
|
3591
|
+
color: var(--figma-color-text-tertiary);
|
|
3592
|
+
transform: rotate(-90deg);
|
|
3593
|
+
transition: transform var(--transition-duration)
|
|
3594
|
+
var(--transition-timing-function);
|
|
3595
|
+
margin-left: calc(var(--spacer-2) * -1);
|
|
3584
3596
|
}
|
|
3585
3597
|
}
|
|
3586
3598
|
|