@seamapi/react 2.0.1 → 2.1.0

package/src/lib/ui/thermostat/TemperatureControlGroup.tsx

@@ -10,7 +10,7 @@ import {
 } from 'lib/temperature-bounds.js'
 import { TemperatureControl } from 'lib/ui/thermostat/TemperatureControl.js'
 
-interface TemperatureControlGroupProps {
+export interface TemperatureControlGroupProps {
   mode: Exclude<HvacModeSetting, 'off'>
   heatValue: number
   onHeatValueChange: (temperature: number) => void

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '2.0.1'
+const seamapiReactVersion = '2.1.0'
 
 export default seamapiReactVersion

package/src/styles/_climate-setting-schedule-form.scss

@@ -4,6 +4,7 @@
   .seam-climate-setting-schedule-form {
     @include main;
     @include name-and-schedule;
+    @include climate-setting;
   }
 }
 
@@ -55,3 +56,26 @@
     }
   }
 }
+
+@mixin climate-setting {
+  .seam-climate-setting-schedule-form-climate-setting {
+    .seam-content {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      width: 100%;
+      margin-top: 24px;
+      margin-bottom: 24px;
+
+      .seam-label {
+        color: colors.$text-gray-2;
+        font-size: 14px;
+      }
+
+      .seam-climate-setting-slider-container {
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
+}

package/src/styles/_main.scss

@@ -13,6 +13,7 @@
 @use './device-table';
 @use './access-code-details';
 @use './supported-device-table';
+@use './supported-device-table-manufacturer-keys';
 @use './access-code-form';
 @use './input-label';
 @use './form-field';
@@ -59,6 +60,7 @@
   @include climate-setting-schedule-form.all;
   @include alert.all;
   @include supported-device-table.all;
+  @include supported-device-table-manufacturer-keys.all;
   @include thermostat.all;
   @include seam-table.all;
   @include climate-setting-schedule-details.all;

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

@@ -0,0 +1,19 @@
+@mixin all {
+  .supported-device-table-manufacturer-keys {
+    font-size: 18px;
+
+    .seam-manufacturer-key {
+      display: table-row;
+    }
+
+    .seam-manufacturer-key-value {
+      display: table-cell;
+    }
+
+    .seam-copy-button {
+      display: table-cell;
+      cursor: pointer;
+      padding-left: 10px;
+    }
+  }
+}

package/src/styles/_thermostat.scss

@@ -1,5 +1,19 @@
 @use './colors';
 
+@mixin climate-setting-control-group {
+  .seam-climate-setting-control-group {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    width: 100%;
+
+    .seam-climate-setting-slider-container {
+      display: flex;
+      justify-content: center;
+    }
+  }
+}
+
 @mixin temperature-control-group {
   .seam-temperature-control-group {
     display: flex;
@@ -690,6 +704,7 @@
 }
 
 @mixin all {
+  @include climate-setting-control-group;
   @include temperature-control-group;
   @include temperature-control;
   @include climate-setting-status;