@swiftwc/ui 0.0.0-dev.76 → 0.0.0-dev.78

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.
Files changed (5) hide show
  1. package/generated/components/image-view.js +1 -1
  2. package/generated/components/scroll-view.js +1 -1
  3. package/generated/css/index.css +1 -1
  4. package/package.json +1 -1
  5. package/scss/components/_content-unavailable-view.scss +5 -3
package/generated/components/image-view.js CHANGED
@@ -45,7 +45,7 @@ export class ImageView extends HTMLElement {
45
45
  return;
46
46
  }
47
47
  const tokens = [`ph${weight ? `-${weight}` : ''}`, `ph-${icon}`];
48
- const container = this.querySelector(':scope>:not([slot])') ?? this.appendChild(Object.assign(document.createElement('i'), { style: 'line-height: 1' }));
48
+ const container = this.querySelector(':scope>:not([slot])') ?? this.appendChild($(`<i style="line-height: 1"></i>`, '>1'));
49
49
  if ('1' !== container.style.getPropertyValue('line-height'))
50
50
  container.style.setProperty('line-height', '1');
51
51
  for (const token of container.classList)
package/generated/components/scroll-view.js CHANGED
@@ -193,7 +193,7 @@ export class ScrollView extends HTMLElement {
193
193
  // this.querySelector(':scope>[slot=top-bar-principal]') ?? this.appendChild($(`<v-stack spacing="0" alignment="fill" slot="top-bar-principal">${titleTemplate}${subtitleTemplate}</v-stack>`, '>1'))
194
194
  // renderLabel(':scope>label-view:nth-child(1)', titleTemplate, vStack, title)
195
195
  // renderLabel(':scope>label-view:nth-child(2)', subtitleTemplate, vStack, subtitle)
196
- const container = this.querySelector(':scope>[slot=top-bar-principal]') ?? this.appendChild(Object.assign(document.createElement('v-stack'), { spacing: '0', alignment: 'fill', slot: 'top-bar-principal' }));
196
+ const container = this.querySelector(':scope>[slot=top-bar-principal]') ?? this.appendChild($(`<v-stack spacing="0" alignment="fill" slot="top-bar-principal"></v-stack>`, '>1'));
197
197
  render(html `
198
198
  ${title ? html `<label-view line-limit="1" truncation-mode="tail" font="headline"><span>${title}</span></label-view>` : null}
199
199
  ${subtitle ? html `<label-view line-limit="1" truncation-mode="tail" foreground="secondary" font="callout"><span>${subtitle}</span></label-view>` : null}
package/generated/css/index.css CHANGED
@@ -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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swiftwc/ui",
3
- "version": "0.0.0-dev.76",
3
+ "version": "0.0.0-dev.78",
4
4
  "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/scss/components/_content-unavailable-view.scss CHANGED
@@ -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'])) {