@seamapi/react 4.0.0-beta.1 → 4.0.0

package/src/styles/_thermostat.scss

@@ -331,104 +331,6 @@
     justify-content: center;
     align-items: center;
   }
-
-  .seam-climate-setting-schedule-card {
-    background: colors.$bg-a;
-    border-radius: 16px;
-
-    .seam-climate-setting-schedule-content {
-      display: flex;
-      flex-direction: column;
-
-      .seam-climate-setting-schedule-summary-container {
-        padding: 16px;
-        display: flex;
-        width: 100%;
-        gap: 8px;
-
-        .seam-climate-setting-schedule-icon-block {
-          padding: 8px;
-        }
-
-        .seam-climate-setting-schedule-summary {
-          display: flex;
-          flex-direction: column;
-
-          .seam-climate-setting-schedule-heading {
-            font-weight: 600;
-            font-size: 21px;
-            line-height: 132%;
-            margin-bottom: 8px;
-          }
-
-          .seam-climate-setting-schedule-subheading {
-            display: flex;
-            align-items: center;
-            color: colors.$text-gray-1;
-            line-height: 118%;
-
-            .seam-dot-divider {
-              color: colors.$text-gray-3;
-              width: 16px;
-              display: flex;
-              justify-content: center;
-            }
-          }
-        }
-      }
-
-      .seam-climate-setting-schedule-device-bar {
-        border-top: 1px solid colors.$bg-c;
-        padding: 16px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        cursor: pointer;
-
-        .seam-device-image {
-          width: 30px;
-          height: 30px;
-          margin-right: 16px;
-
-          img {
-            width: 100%;
-            max-height: 100%;
-          }
-        }
-
-        .seam-climate-setting-schedule-device-content {
-          display: flex;
-          align-items: center;
-          width: 100%;
-          font-weight: 400;
-          font-size: 14px;
-          line-height: 134%;
-
-          .seam-climate-setting-schedule-device-details {
-            display: flex;
-            flex-direction: column;
-            gap: 2.5px;
-
-            .seam-device-name {
-              color: colors.$text-gray-1;
-            }
-
-            .seam-device-current-climate-setting {
-              line-height: 118%;
-              color: colors.$text-gray-2;
-              display: flex;
-              align-items: center;
-              gap: 8px;
-            }
-          }
-        }
-      }
-    }
-
-    .seam-climate-setting-schedule-device-chevron {
-      transform: rotate(270deg);
-    }
-  }
 }
 
 @mixin thermostat-card {

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;
-      }
-    }
-  }
-}