@rogieking/figui3 6.32.1 → 6.32.2
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 +1 -1
- package/components.css +3 -2
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/fig.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1308,7 +1308,7 @@ A thin styled layer for arbitrary visual content. Use it for generated previews,
|
|
|
1308
1308
|
|
|
1309
1309
|
| Attribute | Type | Default | Description |
|
|
1310
1310
|
|---|---|---|---|
|
|
1311
|
-
| `aspect-ratio` | string | `
|
|
1311
|
+
| `aspect-ratio` | string | `"4/3"` | CSS aspect ratio such as `"1/1"` or `"16/9"` |
|
|
1312
1312
|
| `fit` | string | `contain` | Object fit for direct media children |
|
|
1313
1313
|
| `full` | boolean | `false` | Stretch to the available width |
|
|
1314
1314
|
| `checkerboard` | boolean | `false` | Show checkerboard behind transparent content |
|
package/components.css
CHANGED
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
--figma-color-icon-onwarning-secondary: #00000080;
|
|
134
134
|
--figma-color-icon-onwarning-tertiary: #0000004d;
|
|
135
135
|
--figma-color-icon-pressed: light-dark(#007be5, #0a6dc2);
|
|
136
|
-
--figma-color-icon-secondary: light-dark(#
|
|
136
|
+
--figma-color-icon-secondary: light-dark(#00000080, #ffffffb3);
|
|
137
137
|
--figma-color-icon-secondary-hover: light-dark(#000000e5, #ffffff);
|
|
138
138
|
--figma-color-icon-selected: light-dark(#007be5, #7cc4f8);
|
|
139
139
|
--figma-color-icon-selected-secondary: light-dark(#007be5, #7cc4f8);
|
|
@@ -1226,6 +1226,7 @@ fig-avatar,
|
|
|
1226
1226
|
contain: layout paint;
|
|
1227
1227
|
--size: 1.5rem;
|
|
1228
1228
|
width: var(--size);
|
|
1229
|
+
flex-shrink: 0;
|
|
1229
1230
|
display: inline-grid;
|
|
1230
1231
|
place-items: center;
|
|
1231
1232
|
height: var(--size);
|
|
@@ -3176,7 +3177,7 @@ fig-tooltip {
|
|
|
3176
3177
|
fig-preview {
|
|
3177
3178
|
--fig-preview-fit: contain;
|
|
3178
3179
|
--fig-preview-background: var(--figma-color-bg-secondary);
|
|
3179
|
-
--fig-preview-aspect-ratio:
|
|
3180
|
+
--fig-preview-aspect-ratio: 4/3;
|
|
3180
3181
|
|
|
3181
3182
|
display: block;
|
|
3182
3183
|
aspect-ratio: var(--fig-preview-aspect-ratio);
|