ci: Format code

package.json

@@ -196,4 +196,4 @@
     "vitest": "^0.34.4",
     "zustand-hoist": "^2.0.0"
   }
-}
+}

src/lib/seam/components/DeviceDetails/DeviceInfo.tsx

@@ -32,7 +32,9 @@ export function DeviceInfo({
       <DetailRow label={t.manufacturer}>
         <div className='seam-detail-row-hstack'>
           {device.properties.model.manufacturer_display_name}
-          {device.properties.manufacturer === 'ecobee' && <BeeIcon style={{ fontSize: '33px' }} />}
+          {device.properties.manufacturer === 'ecobee' && (
+            <BeeIcon style={{ fontSize: '33px' }} />
+          )}
         </div>
       </DetailRow>
       {!disableConnectedAccountInformation && (

src/lib/ui/Snackbar/Snackbar.tsx

@@ -31,7 +31,7 @@ export function Snackbar({
   dismissAfterMs = 5000,
   disableCloseButton = false,
   automaticVisibility = false,
-  onClose = () => { },
+  onClose = () => {},
 }: SnackbarProps): JSX.Element {
   const [hidden, setHidden] = useState(visible)
 
@@ -48,7 +48,7 @@ export function Snackbar({
 
   useEffect(() => {
     if (!autoDismiss) {
-      return () => { }
+      return () => {}
     }
 
     const timeout = globalThis.setTimeout(() => {

src/lib/ui/thermostat/ClimateSettingStatus.tsx

@@ -48,7 +48,12 @@ function ClimateSettingIcon(props: {
   const { mode } = props
 
   return (
-    <div className={classNames('seam-climate-setting-status-icon', `seam-climate-setting-status-icon-${mode}`)}>
+    <div
+      className={classNames(
+        'seam-climate-setting-status-icon',
+        `seam-climate-setting-status-icon-${mode}`
+      )}
+    >
       {mode === 'cool' && <ThermostatCoolIcon />}
       {mode === 'heat' && <ThermostatHeatIcon />}
       {mode === 'heat_cool' && <ThermostatHeatCoolIcon />}

src/styles/_access-code-details.scss

@@ -2,34 +2,34 @@
 
 @mixin all {
   .seam-access-code-details {
-    >.seam-summary {
+    > .seam-summary {
       background: colors.$bg-a;
       border-radius: 16px;
       margin: 0 24px 16px;
 
-      >.seam-top {
+      > .seam-top {
         padding: 24px 16px;
 
         &.seam-top-has-alerts {
           padding-bottom: 8px;
         }
 
-        >.seam-label {
+        > .seam-label {
           font-weight: 600;
           font-size: 14px;
           line-height: 134%;
           color: colors.$text-gray-1;
           margin-bottom: 4px;
         }
 
-        >.seam-access-code-name {
+        > .seam-access-code-name {
           font-weight: 600;
           font-size: 21px;
           line-height: 132%;
           margin-bottom: 8px;
         }
 
-        >.seam-code {
+        > .seam-code {
           background: colors.$white;
           border: 1px solid colors.$text-gray-2;
           border-radius: 8px;
@@ -40,11 +40,11 @@
           display: flex;
           justify-content: space-between;
 
-          >span {
+          > span {
             padding: 10px 16px;
           }
 
-          >.seam-icon-btn {
+          > .seam-icon-btn {
             height: auto;
             border: 0;
             overflow: visible;
@@ -156,7 +156,7 @@
               color: colors.$text-gray-2;
             }
 
-            >div {
+            > div {
               div {
                 margin-bottom: 4px;
               }
@@ -170,4 +170,4 @@
       }
     }
   }
-}
+}

src/styles/_alert.scss

@@ -1,7 +1,6 @@
 @use './colors';
 
 @mixin all {
-
   // Alerts
   .seam-alerts {
     width: 100%;
@@ -124,4 +123,4 @@
       }
     }
   }
-}
+}

src/styles/_buttons.scss

@@ -139,4 +139,4 @@
   @include button;
   @include icon-button;
   @include text-button;
-}
+}

src/styles/_checkbox.scss

@@ -8,19 +8,19 @@
     cursor: pointer;
     padding: 6px 0;
 
-    >.seam-checkbox-icon {
+    > .seam-checkbox-icon {
       height: 24px;
       width: 24px;
       font-size: 24px;
     }
 
-    >input {
+    > input {
       display: none;
     }
 
-    >.seam-checkbox-label {
+    > .seam-checkbox-label {
       font-size: 16px;
       line-height: 150%;
     }
   }
-}
+}

src/styles/_device-details.scss

@@ -40,7 +40,7 @@
             display: flex;
             justify-content: space-between;
 
-            >.seam-right {
+            > .seam-right {
               display: flex;
               align-items: center;
             }
@@ -90,7 +90,7 @@
           }
 
           .seam-info {
-            >.seam-label {
+            > .seam-label {
               color: colors.$text-gray-1;
               font-weight: 600;
               font-size: 14px;
@@ -127,7 +127,7 @@
                 margin-right: 8px;
               }
 
-              >* {
+              > * {
                 display: flex;
                 align-items: center;
               }
@@ -143,7 +143,7 @@
         align-items: center;
         justify-content: center;
 
-        >div {
+        > div {
           width: 40px;
           height: 40px;
           display: flex;
@@ -168,4 +168,4 @@
       margin-top: 8px;
     }
   }
-}
+}

src/styles/_icons.scss

@@ -8,4 +8,4 @@
       fill: colors.$text-gray-1;
     }
   }
-}
+}

src/styles/_inputs.scss

@@ -13,7 +13,7 @@
 
 @mixin text-field {
   .seam-text-field {
-    >.seam-main {
+    > .seam-main {
       background: colors.$white;
       border: 1px solid colors.$text-gray-3;
       border-radius: 8px;
@@ -82,38 +82,38 @@
       }
     }
 
-    >.seam-helper-text {
+    > .seam-helper-text {
       margin-top: 4px;
     }
 
     &.seam-disabled {
-      >.seam-main {
+      > .seam-main {
         border-color: colors.$text-gray-3;
         background: colors.$bg-gray;
         cursor: not-allowed;
 
-        >.seam-text-field-input {
+        > .seam-text-field-input {
           cursor: not-allowed;
         }
       }
     }
 
     &.seam-large {
-      >.seam-main {
+      > .seam-main {
         padding: 0 12px;
 
-        >.seam-text-field-input {
+        > .seam-text-field-input {
           height: 48px;
         }
       }
     }
 
     &.seam-error {
-      >.seam-main {
+      > .seam-main {
         border: 1px solid colors.$status-red;
       }
 
-      >.seam-helper-text {
+      > .seam-helper-text {
         color: colors.$status-red;
       }
     }
@@ -123,4 +123,4 @@
 @mixin all {
   @include text-field;
   @include search-text-field;
-}
+}

src/styles/_layout.scss

@@ -105,7 +105,6 @@
 }
 
 @mixin detail-row-common {
-
   .seam-detail-row,
   .seam-accordion-row {
     background-color: colors.$white;
@@ -294,4 +293,4 @@
   @include detail-row-common;
   @include detail-row;
   @include accordion-row;
-}
+}

src/styles/_radio-field.scss

@@ -6,27 +6,27 @@
     flex-direction: column;
     gap: 4px;
 
-    >.seam-radio {
+    > .seam-radio {
       display: flex;
       align-items: center;
       gap: 4px;
       padding: 0 8px;
       cursor: pointer;
 
-      >input {
+      > input {
         display: none;
       }
 
-      >.seam-radio-icon {
+      > .seam-radio-icon {
         height: 24px;
         width: 24px;
         font-size: 24px;
       }
 
-      >.seam-radio-label {
+      > .seam-radio-label {
         font-size: 16px;
         line-height: 134%;
       }
     }
   }
-}
+}

src/styles/_seam-table.scss

@@ -26,7 +26,7 @@
         align-items: center;
         justify-content: center;
 
-        >div {
+        > div {
           width: 32px;
           height: 40px;
           display: flex;
@@ -129,4 +129,4 @@
       }
     }
   }
-}
+}

src/styles/_snackbar.scss

@@ -113,4 +113,4 @@
       }
     }
   }
-}
+}

src/styles/_supported-device-table-manufacturer-keys.scss

@@ -17,4 +17,4 @@
       font-size: 25px;
     }
   }
-}
+}

src/styles/_supported-device-table.scss

@@ -176,8 +176,11 @@ $see-all-button-height: 30px;
         0 1px 1px 0 rgb(16 27 37 / 10%),
         0 1px 8px 0 rgb(46 69 82 / 12%);
       position: absolute;
-      bottom: math.div(-($row-height - $see-all-button-height - $row-padding),
-          2) or calc(-1 * ($row-height - $see-all-button-height - $row-padding) / 2);
+      bottom: math.div(
+          -($row-height - $see-all-button-height - $row-padding),
+          2
+        )
+        or calc(-1 * ($row-height - $see-all-button-height - $row-padding) / 2);
       left: 50%;
       transform: translate(-50%, -47px);
       z-index: 3;
@@ -189,9 +192,11 @@ $see-all-button-height: 30px;
     }
 
     .hidden-devices-overlay {
-      background: linear-gradient(180deg,
-          rgb(255 255 255 / 0%) 10.17%,
-          #fff 86.98%);
+      background: linear-gradient(
+        180deg,
+        rgb(255 255 255 / 0%) 10.17%,
+        #fff 86.98%
+      );
       position: absolute;
       height: $row-height;
       width: 100%;
@@ -404,4 +409,4 @@ $see-all-button-height: 30px;
     max-height: 300px;
     overflow: auto;
   }
-}
+}