@seamapi/react 3.1.2 → 4.0.0

package/src/lib/ui/ClimateSettingForm/set-point-bounds.ts

@@ -1,31 +0,0 @@
-import type { ThermostatDevice } from 'lib/seam/thermostats/thermostat-device.js'
-import type { TemperatureControlGroupProps } from 'lib/ui/thermostat/TemperatureControlGroup.js'
-
-export type SetPointBounds = Partial<
-  Pick<
-    TemperatureControlGroupProps,
-    'minCool' | 'maxCool' | 'minHeat' | 'maxHeat' | 'delta'
-  >
->
-
-export const getSetPointBounds = (device: ThermostatDevice): SetPointBounds => {
-  const { properties } = device
-
-  const setPointBounds: SetPointBounds = {}
-
-  if (properties.available_hvac_mode_settings.includes('cool')) {
-    setPointBounds.minCool = properties.min_cooling_set_point_fahrenheit
-    setPointBounds.maxCool = properties.max_cooling_set_point_fahrenheit
-  }
-
-  if (properties.available_hvac_mode_settings.includes('heat')) {
-    setPointBounds.minHeat = properties.min_heating_set_point_fahrenheit
-    setPointBounds.maxHeat = properties.max_heating_set_point_fahrenheit
-  }
-
-  if (properties.available_hvac_mode_settings.includes('heat_cool')) {
-    setPointBounds.delta = properties.min_heating_cooling_delta_fahrenheit
-  }
-
-  return setPointBounds
-}

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

@@ -1,44 +0,0 @@
-@use './colors';
-
-@mixin all {
-  .seam-climate-setting-schedule-details {
-    .seam-climate-setting-schedule-details-content {
-      margin: 0 16px;
-    }
-
-    .seam-climate-setting-details-value {
-      font-style: normal;
-      font-weight: 400;
-      line-height: 118%;
-      font-size: 14px;
-      color: colors.$text-gray-1;
-
-      &.seam-climate-setting-details-schedule-range {
-        display: flex;
-        align-items: center;
-      }
-    }
-
-    .seam-default-setting-message-container {
-      display: flex;
-      justify-content: center;
-      margin: 16px 0;
-
-      .seam-default-setting-message {
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 115%;
-        color: colors.$text-gray-2;
-
-        .seam-default-setting-text {
-          color: colors.$text-gray-1;
-        }
-      }
-    }
-
-    .seam-creation-date {
-      color: colors.$text-gray-1;
-    }
-  }
-}

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

@@ -1,111 +0,0 @@
-@use './colors';
-
-@mixin all {
-  .seam-climate-setting-schedule-form {
-    @include main;
-    @include name-and-schedule;
-    @include default-climate-setting;
-    @include climate-setting;
-  }
-}
-
-@mixin main {
-  > .seam-main {
-    padding: 24px 24px 0;
-  }
-
-  .seam-actions {
-    display: flex;
-    gap: 8px;
-    justify-content: center;
-
-    .seam-btn {
-      width: 96px;
-    }
-  }
-}
-
-@mixin name-and-schedule {
-  .seam-climate-setting-schedule-form-name-and-schedule {
-    .seam-time-zone {
-      display: flex;
-      align-items: center;
-      font-size: 14px;
-      margin-top: -6px;
-      margin-bottom: 4px;
-
-      .seam-label {
-        color: colors.$text-gray-2;
-        margin-right: 4px;
-      }
-
-      .seam-selected {
-        color: colors.$primary;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-
-        svg {
-          scale: 0.6667;
-          transform: translate(-6px, 2px);
-
-          * {
-            fill: colors.$primary;
-          }
-        }
-      }
-    }
-  }
-}
-
-@mixin default-climate-setting {
-  .seam-climate-setting-schedule-form-default-climate-setting {
-    .seam-control-group-title {
-      margin-top: 16px;
-      margin-bottom: 16px;
-    }
-
-    .seam-label {
-      color: colors.$text-gray-1;
-      font-size: 14px;
-    }
-
-    .seam-default-climate-setting-message {
-      > p {
-        color: colors.$text-gray-1;
-        font-size: 14px;
-        margin-bottom: 16px;
-      }
-
-      margin-top: 4px;
-      border-bottom: 1px solid colors.$divider-stroke-light;
-    }
-
-    .seam-climate-setting-control-group {
-      margin-bottom: 32px;
-    }
-  }
-}
-
-@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;
-      }
-    }
-  }
-}