biome format --write

src/components/tab_switcher/tab.style.js

@@ -4,75 +4,72 @@ export default {
   states: {
     active: '.active',
     hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
-    disabled: '.disabled'
+    disabled: '.disabled',
   },
-  validInnerComponents: [
-    'Text',
-    'Icon'
-  ],
+  validInnerComponents: ['Text', 'Icon'],
   defaultRules: [
     {
       directives: {
         background: '--fg',
         shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
-        roundness: 3
-      }
+        roundness: 3,
+      },
     },
     {
       state: ['hover'],
       directives: {
-        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultHoverGlow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['active'],
       directives: {
-        opacity: 0
-      }
+        opacity: 0,
+      },
     },
     {
       state: ['hover', 'active'],
       directives: {
-        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultShadow', '--buttonDefaultBevel'],
+      },
     },
     {
       state: ['disabled'],
       directives: {
         background: '$blend(--inheritedBackground 0.25 --parent)',
-        shadow: ['--buttonDefaultBevel']
-      }
+        shadow: ['--buttonDefaultBevel'],
+      },
     },
     {
       component: 'Text',
       parent: {
         component: 'Tab',
-        state: ['disabled']
+        state: ['disabled'],
       },
       directives: {
         textOpacity: 0.25,
-        textOpacityMode: 'blend'
-      }
+        textOpacityMode: 'blend',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active']
+        state: ['active'],
       },
       directives: {
-        textColor: '--text'
-      }
+        textColor: '--text',
+      },
     },
     {
       component: 'Icon',
       parent: {
         component: 'Tab',
-        state: ['active', 'hover']
+        state: ['active', 'hover'],
       },
       directives: {
-        textColor: '--text'
-      }
-    }
-  ]
+        textColor: '--text',
+      },
+    },
+  ],
 }