@rogieking/figui3 9.1.1 → 9.1.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 +23 -3
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -3730,7 +3730,8 @@ fig-header {
|
|
|
3730
3730
|
max-width: 100%;
|
|
3731
3731
|
}
|
|
3732
3732
|
|
|
3733
|
-
span,
|
|
3733
|
+
&>span,
|
|
3734
|
+
&>label{
|
|
3734
3735
|
color: var(--figma-color-text-secondary);
|
|
3735
3736
|
}
|
|
3736
3737
|
|
|
@@ -6321,12 +6322,12 @@ fig-menu::part(listbox) {
|
|
|
6321
6322
|
}
|
|
6322
6323
|
|
|
6323
6324
|
fig-menu-item {
|
|
6324
|
-
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem);
|
|
6325
|
+
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
|
|
6325
6326
|
box-sizing: border-box;
|
|
6326
6327
|
display: flex;
|
|
6327
6328
|
flex-shrink: 0;
|
|
6328
6329
|
align-items: center;
|
|
6329
|
-
gap: var(--spacer-
|
|
6330
|
+
gap: var(--spacer-1);
|
|
6330
6331
|
width: 100%;
|
|
6331
6332
|
padding: var(--fig-menu-item-padding);
|
|
6332
6333
|
min-height: var(--spacer-4);
|
|
@@ -6376,6 +6377,16 @@ fig-menu-item {
|
|
|
6376
6377
|
}
|
|
6377
6378
|
}
|
|
6378
6379
|
|
|
6380
|
+
& > [slot="prepend"] {
|
|
6381
|
+
margin-top: calc(var(--spacer-1) * -1);
|
|
6382
|
+
margin-bottom: calc(var(--spacer-1) * -1);
|
|
6383
|
+
}
|
|
6384
|
+
|
|
6385
|
+
&:not(:has(> :not([slot="prepend"]):not([slot="append"]))) > [slot="prepend"] {
|
|
6386
|
+
display: inline-flex;
|
|
6387
|
+
vertical-align: middle;
|
|
6388
|
+
}
|
|
6389
|
+
|
|
6379
6390
|
&[subtle]:not([subtle="false"]) {
|
|
6380
6391
|
&:hover,
|
|
6381
6392
|
&:focus-visible {
|
|
@@ -6488,3 +6499,12 @@ fig-select-options > :is(fig-separator, fig-menu-separator) {
|
|
|
6488
6499
|
--fig-separator-color: var(--figma-color-border-menu);
|
|
6489
6500
|
--fig-separator-label-color: var(--figma-color-text-menu-secondary);
|
|
6490
6501
|
}
|
|
6502
|
+
|
|
6503
|
+
fig-menu > :is(fig-separator, fig-menu-separator) {
|
|
6504
|
+
--fig-separator-padding: 0 var(--spacer-4,1rem) 0 var(--spacer-3,0.75rem);
|
|
6505
|
+
|
|
6506
|
+
&[label]:not([label=""])::before {
|
|
6507
|
+
margin-inline-start: calc(-1 * var(--spacer-3,0.75rem));
|
|
6508
|
+
margin-inline-end: calc(-1 * var(--spacer-4,1rem));
|
|
6509
|
+
}
|
|
6510
|
+
}
|