@rogieking/figui3 8.9.17 → 8.9.18
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/.cursor/skills/fig-editor/SKILL.md +1 -1
- package/components.css +17 -2
- package/dist/components.css +1 -1
- package/dist/fig-editor.css +1 -1
- package/dist/fig-editor.js +3 -3
- package/dist/fig.css +1 -1
- package/dist/fig.js +2 -2
- package/fig-editor.css +10 -5
- package/fig-editor.js +19 -69
- package/fig.js +3 -7
- package/package.json +1 -1
|
@@ -178,7 +178,7 @@ Child `slot="mode-<name>"` plus `<name>` in `mode`. Custom content must dispatch
|
|
|
178
178
|
|
|
179
179
|
## `fig-interpolation-swatch`
|
|
180
180
|
|
|
181
|
-
Preview for gradient interpolation (linear or polar hue arc). Playground attrs: `size="small|large"`.
|
|
181
|
+
Preview for gradient interpolation (linear or polar hue arc). Playground attrs: `size="small|large"`. Can be used standalone with a gradient `value`. The fill picker interpolation row is hidden for now and locks to `srgb`.
|
|
182
182
|
|
|
183
183
|
## Maintainer notes
|
|
184
184
|
|
package/components.css
CHANGED
|
@@ -1495,7 +1495,8 @@ input[type="color"] {
|
|
|
1495
1495
|
}
|
|
1496
1496
|
&::before {
|
|
1497
1497
|
content: "";
|
|
1498
|
-
background:
|
|
1498
|
+
background-color: transparent;
|
|
1499
|
+
background-image: var(--swatch-background);
|
|
1499
1500
|
background-size: var(--swatch-bg-size);
|
|
1500
1501
|
background-position: var(--swatch-bg-position);
|
|
1501
1502
|
background-repeat: no-repeat;
|
|
@@ -1780,6 +1781,18 @@ fig-media-controls {
|
|
|
1780
1781
|
gap: var(--spacer-1);
|
|
1781
1782
|
width: 100%;
|
|
1782
1783
|
|
|
1784
|
+
/* display:contents on fig-tooltip drops the play button out of this flex
|
|
1785
|
+
row until hover/reflow. Keep a real box so the control is always visible. */
|
|
1786
|
+
> fig-tooltip {
|
|
1787
|
+
display: inline-flex;
|
|
1788
|
+
flex-shrink: 0;
|
|
1789
|
+
align-items: center;
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
fig-icon {
|
|
1793
|
+
contain: none;
|
|
1794
|
+
}
|
|
1795
|
+
|
|
1783
1796
|
&[overlay]:not([overlay="false"]) {
|
|
1784
1797
|
border-radius: var(--radius-medium);
|
|
1785
1798
|
background-color: var(--figma-color-bg);
|
|
@@ -4891,7 +4904,9 @@ fig-skeleton {
|
|
|
4891
4904
|
|
|
4892
4905
|
.fig-mask-icon,
|
|
4893
4906
|
fig-icon {
|
|
4894
|
-
|
|
4907
|
+
/* size only — paint containment skips mask-image when `name` / `--icon` updates
|
|
4908
|
+
until a sibling hover (e.g. fig-preview) forces a repaint. */
|
|
4909
|
+
contain: size;
|
|
4895
4910
|
--size: var(--spacer-4);
|
|
4896
4911
|
--icon: var(--icon-24-add);
|
|
4897
4912
|
|