@rogieking/figui3 9.1.2 → 9.1.4
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
|
@@ -6180,7 +6180,8 @@ fig-handle {
|
|
|
6180
6180
|
&[tip="remove"] {
|
|
6181
6181
|
--fig-handle-inner-bg: linear-gradient(var(--fill), var(--fill)), var(--fig-handle-checkerboard);
|
|
6182
6182
|
--fig-handle-padding: calc(0.25rem - 1px);
|
|
6183
|
-
--fig-handle-inner-outline:
|
|
6183
|
+
--fig-handle-inner-outline: 1px solid rgba(0,0,0,0.1);
|
|
6184
|
+
--fig-handle-inner-outline-offset: -1px;
|
|
6184
6185
|
position: relative;
|
|
6185
6186
|
overflow: visible;
|
|
6186
6187
|
|
|
@@ -6322,12 +6323,12 @@ fig-menu::part(listbox) {
|
|
|
6322
6323
|
}
|
|
6323
6324
|
|
|
6324
6325
|
fig-menu-item {
|
|
6325
|
-
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem);
|
|
6326
|
+
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-4,1rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
|
|
6326
6327
|
box-sizing: border-box;
|
|
6327
6328
|
display: flex;
|
|
6328
6329
|
flex-shrink: 0;
|
|
6329
6330
|
align-items: center;
|
|
6330
|
-
gap: var(--spacer-
|
|
6331
|
+
gap: var(--spacer-1);
|
|
6331
6332
|
width: 100%;
|
|
6332
6333
|
padding: var(--fig-menu-item-padding);
|
|
6333
6334
|
min-height: var(--spacer-4);
|
|
@@ -6377,6 +6378,16 @@ fig-menu-item {
|
|
|
6377
6378
|
}
|
|
6378
6379
|
}
|
|
6379
6380
|
|
|
6381
|
+
& > [slot="prepend"] {
|
|
6382
|
+
margin-top: calc(var(--spacer-1) * -1);
|
|
6383
|
+
margin-bottom: calc(var(--spacer-1) * -1);
|
|
6384
|
+
}
|
|
6385
|
+
|
|
6386
|
+
&:not(:has(> :not([slot="prepend"]):not([slot="append"]))) > [slot="prepend"] {
|
|
6387
|
+
display: inline-flex;
|
|
6388
|
+
vertical-align: middle;
|
|
6389
|
+
}
|
|
6390
|
+
|
|
6380
6391
|
&[subtle]:not([subtle="false"]) {
|
|
6381
6392
|
&:hover,
|
|
6382
6393
|
&:focus-visible {
|
|
@@ -6489,3 +6500,12 @@ fig-select-options > :is(fig-separator, fig-menu-separator) {
|
|
|
6489
6500
|
--fig-separator-color: var(--figma-color-border-menu);
|
|
6490
6501
|
--fig-separator-label-color: var(--figma-color-text-menu-secondary);
|
|
6491
6502
|
}
|
|
6503
|
+
|
|
6504
|
+
fig-menu > :is(fig-separator, fig-menu-separator) {
|
|
6505
|
+
--fig-separator-padding: 0 var(--spacer-4,1rem) 0 var(--spacer-3,0.75rem);
|
|
6506
|
+
|
|
6507
|
+
&[label]:not([label=""])::before {
|
|
6508
|
+
margin-inline-start: calc(-1 * var(--spacer-3,0.75rem));
|
|
6509
|
+
margin-inline-end: calc(-1 * var(--spacer-4,1rem));
|
|
6510
|
+
}
|
|
6511
|
+
}
|