@swiftwc/ui 0.0.0-dev.77 → 0.0.0-dev.79

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.
@@ -1762,7 +1762,7 @@
1762
1762
  --label-flow: vertical;
1763
1763
  --label-font: title3;
1764
1764
  }
1765
- content-unavailable-view > :not([slot]) {
1765
+ :where(content-unavailable-view > :not([slot])) {
1766
1766
  --label-image-size: 5;
1767
1767
  --label-gap: 1;
1768
1768
  }
@@ -2738,6 +2738,7 @@
2738
2738
  block-size: var(--label-imagestack-fontsize);
2739
2739
  font-size: var(--label-imagestack-fontsize);
2740
2740
  display: var(--label--iconstack-display, none);
2741
+ --image--fontsize: var(--label-imagestack-fontsize);
2741
2742
  }
2742
2743
  @supports (x: if(else:red)) {
2743
2744
  :where(label-view) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swiftwc/ui",
3
- "version": "0.0.0-dev.77",
3
+ "version": "0.0.0-dev.79",
4
4
  "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -32,11 +32,13 @@
32
32
  }
33
33
 
34
34
  > :not([slot]) {
35
- --label-image-size: 5;
35
+ :where(&) {
36
+ --label-image-size: 5;
36
37
 
37
- --label-gap: 1;
38
+ --label-gap: 1;
38
39
 
39
- // --label-font: title3;
40
+ // --label-font: title3;
41
+ }
40
42
  }
41
43
 
42
44
  &:not(:has(> [slot='description'])) {
@@ -4,6 +4,7 @@
4
4
  @layer #{vars.$components-layer} {
5
5
  image-view {
6
6
  :where(&) {
7
+ // --image--fontsize: var(--label-imagestack-fontsize, calc(var(--label-image-size) * 1rem));
7
8
  --image--fontsize: calc(var(--label-image-size) * 1rem);
8
9
  }
9
10
 
@@ -217,6 +217,8 @@ $label-line-ifs: (
217
217
  font-size: var(--label-imagestack-fontsize);
218
218
 
219
219
  display: var(--label--iconstack-display, none);
220
+
221
+ --image--fontsize: var(--label-imagestack-fontsize);
220
222
  }
221
223
  }
222
224