@rogieking/figui3 9.4.10 → 9.4.11
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/CHANGELOG.md +12 -0
- package/components.css +19 -3
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [9.4.11]
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Added a filter menu playground example with radio and checkbox states.
|
|
10
|
+
- Added a leading label to the labeled-separator menu example.
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- Menu items now adjust edge padding for prepend and append content, and first separators sit flush at the top of menus.
|
|
15
|
+
- Utility, editor, dialog-example, and native-element navigation groups now start collapsed, with native elements ordered last.
|
|
16
|
+
|
|
5
17
|
## [9.4.10]
|
|
6
18
|
|
|
7
19
|
### Added
|
package/components.css
CHANGED
|
@@ -6751,7 +6751,7 @@ fig-menu-item {
|
|
|
6751
6751
|
display: flex;
|
|
6752
6752
|
flex-shrink: 0;
|
|
6753
6753
|
align-items: center;
|
|
6754
|
-
gap:
|
|
6754
|
+
gap: 0;
|
|
6755
6755
|
width: 100%;
|
|
6756
6756
|
padding: var(--fig-menu-item-padding);
|
|
6757
6757
|
min-height: var(--spacer-4);
|
|
@@ -6801,12 +6801,23 @@ fig-menu-item {
|
|
|
6801
6801
|
}
|
|
6802
6802
|
}
|
|
6803
6803
|
|
|
6804
|
-
& > [slot="prepend"]
|
|
6804
|
+
& > [slot="prepend"],
|
|
6805
|
+
& > [slot="append"] {
|
|
6805
6806
|
margin-top: calc(var(--spacer-1) * -1);
|
|
6806
6807
|
margin-bottom: calc(var(--spacer-1) * -1);
|
|
6807
6808
|
}
|
|
6808
6809
|
|
|
6809
|
-
&:
|
|
6810
|
+
&:has(> [slot="append"]) {
|
|
6811
|
+
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
|
|
6812
|
+
}
|
|
6813
|
+
&:has(> [slot="prepend"]) {
|
|
6814
|
+
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-2,0.5rem);
|
|
6815
|
+
}
|
|
6816
|
+
&:has(> [slot="prepend"]):has(> [slot="append"]) {
|
|
6817
|
+
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-2,0.5rem);
|
|
6818
|
+
}
|
|
6819
|
+
|
|
6820
|
+
&:not(:has(> :not([slot="prepend"], [slot="append"]))) > [slot="prepend"] {
|
|
6810
6821
|
display: inline-flex;
|
|
6811
6822
|
vertical-align: middle;
|
|
6812
6823
|
}
|
|
@@ -6874,6 +6885,11 @@ fig-menu-item {
|
|
|
6874
6885
|
margin-bottom: var(--spacer-1,0.25rem);
|
|
6875
6886
|
background: transparent;
|
|
6876
6887
|
|
|
6888
|
+
&:first-of-type,
|
|
6889
|
+
&:first-child {
|
|
6890
|
+
margin-top: 0;
|
|
6891
|
+
}
|
|
6892
|
+
|
|
6877
6893
|
&::before {
|
|
6878
6894
|
content: "";
|
|
6879
6895
|
display: block;
|