Prettier

scripts/build.js

@@ -338,7 +338,9 @@ if (isDeveloping) {
         filename.includes('components/') && filename.includes('.ts') && !isCssStylesheet && !isTestFile;
 
       // Re-bundle when relevant files change
-      if (isTestFile) { return }
+      if (isTestFile) {
+        return;
+      }
 
       await regenerateBundle();
 

src/components/tree-item/tree-item.ts

@@ -274,10 +274,10 @@ export default class WaTreeItem extends WebAwesomeElement {
             aria-hidden="true"
           >
             <slot class="expand-icon-slot" name="expand-icon">
-            ${when(
-              this.loading,
-              () => html` <wa-spinner part="spinner" exportparts="base:spinner__base"></wa-spinner> `,
-            )}
+              ${when(
+                this.loading,
+                () => html` <wa-spinner part="spinner" exportparts="base:spinner__base"></wa-spinner> `,
+              )}
               <wa-icon name=${isRtl ? 'chevron-left' : 'chevron-right'} library="system" variant="solid"></wa-icon>
             </slot>
             <slot class="expand-icon-slot" name="collapse-icon">

src/internal/default-value.ts

@@ -35,7 +35,7 @@ export const defaultValue =
       if (name === attributeName) {
         const converter = options.converter || defaultConverter;
         const fromAttribute =
-          typeof converter === 'function' ? converter : converter?.fromAttribute ?? defaultConverter.fromAttribute;
+          typeof converter === 'function' ? converter : (converter?.fromAttribute ?? defaultConverter.fromAttribute);
 
         const newValue: unknown = fromAttribute!(value, options.type);
 

src/styles/native/input.css

@@ -1,16 +1,16 @@
 /* Exclude inputs that don't accept text, referenced in subsequent rules with :where(&) */
 :not(
-    [type='button'],
-    [type='checkbox'],
-    [type='color'],
-    [type='file'],
-    [type='hidden'],
-    [type='image'],
-    [type='radio'],
-    [type='range'],
-    [type='reset'],
-    [type='submit']
-  ) {
+  [type='button'],
+  [type='checkbox'],
+  [type='color'],
+  [type='file'],
+  [type='hidden'],
+  [type='image'],
+  [type='radio'],
+  [type='range'],
+  [type='reset'],
+  [type='submit']
+) {
   /* Set custom properties for native and WA inputs */
   input:where(:not(:host input)):where(&),
   :host(&) {

src/styles/themes/migration.css

@@ -542,7 +542,8 @@
 
   wa-input,
   wa-select {
-    --box-shadow: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) -0.08em var(--wa-color-shadow);
+    --box-shadow: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) -0.08em
+      var(--wa-color-shadow);
     & wa-icon {
       color: var(--wa-color-text-quiet);
     }

src/styles/utilities/gap.css

@@ -1,16 +1,16 @@
 /* Apply Flexbox with 0 specificity to ensure a gap util produces a visible change */
 :where(
-    .wa-gap-0,
-    .wa-gap-3xs,
-    .wa-gap-2xs,
-    .wa-gap-xs,
-    .wa-gap-s,
-    .wa-gap-m,
-    .wa-gap-l,
-    .wa-gap-xl,
-    .wa-gap-2xl,
-    .wa-gap-3xl
-  ) {
+  .wa-gap-0,
+  .wa-gap-3xs,
+  .wa-gap-2xs,
+  .wa-gap-xs,
+  .wa-gap-s,
+  .wa-gap-m,
+  .wa-gap-l,
+  .wa-gap-xl,
+  .wa-gap-2xl,
+  .wa-gap-3xl
+) {
   display: flex;
 }