@rogieking/figui3 9.4.11 → 9.4.13
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 +21 -0
- package/components.css +11 -2
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
+
## [9.4.13]
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- `fig-menu-item` append content now aligns directly to the trailing edge without requiring a wrapper.
|
|
10
|
+
- Simplified the standalone menu-item checkbox example to slot the checkbox directly.
|
|
11
|
+
|
|
12
|
+
## [9.4.12]
|
|
13
|
+
|
|
14
|
+
### Added
|
|
15
|
+
|
|
16
|
+
- Added a stronger translucent border token and a standalone menu-item checkbox example.
|
|
17
|
+
|
|
18
|
+
### Changed
|
|
19
|
+
|
|
20
|
+
- Unchecked checkboxes now use the stronger translucent border and transparent background tokens.
|
|
21
|
+
|
|
22
|
+
### Fixed
|
|
23
|
+
|
|
24
|
+
- Standalone `fig-menu-item` hover backgrounds now render within the correct stacking context.
|
|
25
|
+
|
|
5
26
|
## [9.4.11]
|
|
6
27
|
|
|
7
28
|
### Added
|
package/components.css
CHANGED
|
@@ -277,6 +277,10 @@
|
|
|
277
277
|
rgba(0, 0, 0, 0.1),
|
|
278
278
|
rgba(255, 255, 255, 0.1)
|
|
279
279
|
);
|
|
280
|
+
--figma-color-bordertranslucentstrong: light-dark(
|
|
281
|
+
rgba(0, 0, 0, 0.2),
|
|
282
|
+
rgba(255, 255, 255, 0.2)
|
|
283
|
+
);
|
|
280
284
|
--figma-color-bg-transparent: light-dark(
|
|
281
285
|
rgba(0, 0, 0, 0.05),
|
|
282
286
|
rgba(255, 255, 255, 0.05)
|
|
@@ -2799,8 +2803,8 @@ input[type="checkbox"]:not(.switch) {
|
|
|
2799
2803
|
width: var(--size);
|
|
2800
2804
|
height: var(--size);
|
|
2801
2805
|
aspect-ratio: 1/1;
|
|
2802
|
-
box-shadow: inset 0 0 0 1px var(--figma-color-
|
|
2803
|
-
background-color: var(--figma-color-bg-
|
|
2806
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-bordertranslucentstrong);
|
|
2807
|
+
background-color: var(--figma-color-bg-transparent);
|
|
2804
2808
|
vertical-align: middle;
|
|
2805
2809
|
|
|
2806
2810
|
&::after {
|
|
@@ -6761,6 +6765,7 @@ fig-menu-item {
|
|
|
6761
6765
|
color: inherit;
|
|
6762
6766
|
font-weight: var(--body-medium-fontWeight);
|
|
6763
6767
|
position: relative;
|
|
6768
|
+
isolation: isolate;
|
|
6764
6769
|
|
|
6765
6770
|
h3{
|
|
6766
6771
|
margin: 0 0 var(--spacer-1) 0;
|
|
@@ -6806,6 +6811,10 @@ fig-menu-item {
|
|
|
6806
6811
|
margin-top: calc(var(--spacer-1) * -1);
|
|
6807
6812
|
margin-bottom: calc(var(--spacer-1) * -1);
|
|
6808
6813
|
}
|
|
6814
|
+
& > [slot="append"] {
|
|
6815
|
+
margin-left: auto;
|
|
6816
|
+
flex: 0 0 auto;
|
|
6817
|
+
}
|
|
6809
6818
|
|
|
6810
6819
|
&:has(> [slot="append"]) {
|
|
6811
6820
|
--fig-menu-item-padding: var(--spacer-1,0.25rem) var(--spacer-3,0.75rem) var(--spacer-1,0.25rem) var(--spacer-3,0.75rem);
|