@seamapi/react 2.14.0 → 2.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +2 -2
  2. package/dist/elements.js +22404 -15789
  3. package/dist/elements.js.map +1 -1
  4. package/dist/index.css +49 -1
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.min.css +1 -1
  7. package/dist/index.min.css.map +1 -1
  8. package/lib/dates.d.ts +1 -0
  9. package/lib/dates.js +4 -0
  10. package/lib/dates.js.map +1 -1
  11. package/lib/icons/NoiseLevels.d.ts +2 -0
  12. package/lib/icons/NoiseLevels.js +5 -0
  13. package/lib/icons/NoiseLevels.js.map +1 -0
  14. package/lib/seam/components/DeviceDetails/DeviceDetails.js +5 -1
  15. package/lib/seam/components/DeviceDetails/DeviceDetails.js.map +1 -1
  16. package/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.d.ts +8 -0
  17. package/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.js +15 -0
  18. package/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.js.map +1 -0
  19. package/lib/seam/noise-sensors/use-noise-thresholds.d.ts +5 -0
  20. package/lib/seam/noise-sensors/use-noise-thresholds.js +26 -0
  21. package/lib/seam/noise-sensors/use-noise-thresholds.js.map +1 -0
  22. package/lib/ui/layout/DetailRow.d.ts +1 -1
  23. package/lib/ui/layout/DetailSection.d.ts +1 -1
  24. package/lib/ui/noise-sensor/NoiseThresholdsList.d.ts +7 -0
  25. package/lib/ui/noise-sensor/NoiseThresholdsList.js +45 -0
  26. package/lib/ui/noise-sensor/NoiseThresholdsList.js.map +1 -0
  27. package/lib/version.d.ts +1 -1
  28. package/lib/version.js +1 -1
  29. package/package.json +3 -2
  30. package/src/lib/dates.ts +5 -0
  31. package/src/lib/icons/NoiseLevels.tsx +31 -0
  32. package/src/lib/seam/components/DeviceDetails/DeviceDetails.tsx +6 -1
  33. package/src/lib/seam/components/DeviceDetails/NoiseSensorDeviceDetails.tsx +58 -0
  34. package/src/lib/seam/noise-sensors/use-noise-thresholds.ts +46 -0
  35. package/src/lib/ui/layout/DetailRow.tsx +1 -1
  36. package/src/lib/ui/layout/DetailSection.tsx +1 -1
  37. package/src/lib/ui/noise-sensor/NoiseThresholdsList.tsx +141 -0
  38. package/src/lib/version.ts +1 -1
  39. package/src/styles/_device-details.scss +1 -0
  40. package/src/styles/_layout.scss +55 -0
  41. package/src/styles/_thermostat.scss +1 -1
@@ -40,6 +40,12 @@
40
40
  gap: 32px;
41
41
  }
42
42
 
43
+ .seam-detail-section-wrap {
44
+ display: flex;
45
+ flex-direction: column;
46
+ gap: 6px;
47
+ }
48
+
43
49
  .seam-detail-section {
44
50
  width: 100%;
45
51
  }
@@ -66,6 +72,27 @@
66
72
  border: 1px solid colors.$text-gray-3;
67
73
  overflow: hidden;
68
74
  }
75
+
76
+ .seam-detail-section-footer {
77
+ width: 100%;
78
+ display: flex;
79
+ justify-content: space-between;
80
+ align-items: center;
81
+ flex-direction: row;
82
+ }
83
+
84
+ .seam-detail-section-footer-content-text {
85
+ font-size: 12px;
86
+ color: colors.$text-gray-2-5;
87
+ }
88
+
89
+ .seam-detail-section-tooltip-inner-content {
90
+ display: flex;
91
+ justify-content: flex-start;
92
+ align-items: flex-start;
93
+ flex-direction: column;
94
+ gap: 8px;
95
+ }
69
96
  }
70
97
 
71
98
  @mixin detail-row-common {
@@ -105,17 +132,45 @@
105
132
  gap: 4px;
106
133
  }
107
134
 
135
+ .seam-detail-row-label-column {
136
+ display: flex;
137
+ justify-content: flex-start;
138
+ align-items: flex-start;
139
+ flex-direction: column;
140
+ gap: 4px;
141
+ }
142
+
143
+ .seam-detail-row-label-block {
144
+ display: flex;
145
+ justify-content: flex-start;
146
+ align-items: center;
147
+ flex-direction: row;
148
+ gap: 4px;
149
+ }
150
+
108
151
  .seam-row-label {
109
152
  font-size: 16px;
110
153
  font-weight: 600;
111
154
  line-height: 118%;
112
155
  }
113
156
 
157
+ .seam-detail-row-empty-label {
158
+ font-size: 16px;
159
+ font-style: italic;
160
+ font-weight: 400;
161
+ line-height: 118%;
162
+ color: colors.$text-gray-2;
163
+ }
164
+
114
165
  .seam-row-sublabel {
115
166
  color: colors.$text-gray-1;
116
167
  font-size: 14px;
117
168
  font-weight: 400;
118
169
  line-height: 118%;
170
+
171
+ &.seam-row-sublabel-text-default {
172
+ color: colors.$text-default;
173
+ }
119
174
  }
120
175
 
121
176
  .seam-detail-row-hstack {
@@ -146,7 +146,7 @@
146
146
  height: var(--track-height);
147
147
  border-radius: 0.5em 0 0 0.5em;
148
148
  margin: 0;
149
- border: none;
149
+ border-style: none;
150
150
  border-right-width: 0;
151
151
  }
152
152