@rogieking/figui3 8.7.0 → 8.8.1
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/README.md +2 -2
- package/components.css +4 -1
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/dist/fig.js +1 -1
- package/fig.js +39 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1685,11 +1685,11 @@ Masked icon using `--icon-16-*` and `--icon-24-*` design tokens (SVG artboard si
|
|
|
1685
1685
|
|---|---|---|---|
|
|
1686
1686
|
| `name` | string | — | Icon name: `add`, `send`, `close`, `chevron`, `arrow-left`, etc. |
|
|
1687
1687
|
| `size` | string | `medium` | `medium` (1.5rem) or `small` (1rem) |
|
|
1688
|
-
| `color` | string | — |
|
|
1688
|
+
| `color` | string | — | Alias (`primary`, `secondary`, `tertiary`, `disabled`, `brand`, `component`, `danger`, `success`, `warning`, `selected`, `hover`, `pressed`, `onbrand`, …); CSS variables and explicit CSS colors also accepted |
|
|
1689
1689
|
|
|
1690
1690
|
```html
|
|
1691
1691
|
<fig-icon name="close"></fig-icon>
|
|
1692
|
-
<fig-icon name="send"></fig-icon>
|
|
1692
|
+
<fig-icon name="send" color="brand"></fig-icon>
|
|
1693
1693
|
<fig-icon name="chevron" size="small"></fig-icon>
|
|
1694
1694
|
```
|
|
1695
1695
|
|
package/components.css
CHANGED
|
@@ -4873,8 +4873,11 @@ fig-icon {
|
|
|
4873
4873
|
-webkit-mask-repeat: no-repeat;
|
|
4874
4874
|
-webkit-mask-position: center;
|
|
4875
4875
|
|
|
4876
|
+
/* Slotted SVGs paint themselves, so the mask/background pipeline must be
|
|
4877
|
+
fully disabled — including the inline background-color set by [color]. */
|
|
4876
4878
|
&:has(> svg) {
|
|
4877
|
-
background: transparent;
|
|
4879
|
+
background: transparent !important;
|
|
4880
|
+
color: var(--icon-color, inherit);
|
|
4878
4881
|
mask-image: none;
|
|
4879
4882
|
-webkit-mask-image: none;
|
|
4880
4883
|
}
|