@seamapi/react 1.2.0 → 1.4.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 (83) hide show
  1. package/README.md +56 -7
  2. package/index.css +43 -37
  3. package/index.css.map +1 -1
  4. package/index.min.css +1 -1
  5. package/index.min.css.map +1 -1
  6. package/lib/SeamProvider.d.ts +7 -5
  7. package/lib/SeamProvider.js +3 -3
  8. package/lib/SeamProvider.js.map +1 -1
  9. package/lib/seam/use-seam-font.d.ts +2 -2
  10. package/lib/seam/use-seam-font.js +11 -11
  11. package/lib/seam/use-seam-font.js.map +1 -1
  12. package/lib/seam/use-seam-styles.d.ts +3 -2
  13. package/lib/seam/use-seam-styles.js +17 -13
  14. package/lib/seam/use-seam-styles.js.map +1 -1
  15. package/lib/ui/AccessCodeDetails/AccessCodeDetails.d.ts +1 -0
  16. package/lib/ui/AccessCodeDetails/AccessCodeDevice.d.ts +1 -0
  17. package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +1 -0
  18. package/lib/ui/AccessCodeTable/CodeDetails.d.ts +1 -0
  19. package/lib/ui/Alert/Alert.js +1 -1
  20. package/lib/ui/Alert/Alert.js.map +1 -1
  21. package/lib/ui/Alert/Alerts.d.ts +2 -2
  22. package/lib/ui/Alert/Alerts.js.map +1 -1
  23. package/lib/ui/Button.js +1 -1
  24. package/lib/ui/Button.js.map +1 -1
  25. package/lib/ui/DeviceDetails/DeviceDetails.d.ts +1 -0
  26. package/lib/ui/DeviceDetails/DeviceDetails.js +10 -20
  27. package/lib/ui/DeviceDetails/DeviceDetails.js.map +1 -1
  28. package/lib/ui/DeviceDetails/DeviceModel.d.ts +1 -0
  29. package/lib/ui/DeviceTable/DeviceHealthBar.js +2 -2
  30. package/lib/ui/DeviceTable/DeviceHealthBar.js.map +1 -1
  31. package/lib/ui/DeviceTable/DeviceRow.d.ts +1 -0
  32. package/lib/ui/DeviceTable/DeviceTable.d.ts +1 -0
  33. package/lib/ui/IconButton.d.ts +1 -0
  34. package/lib/ui/Menu/Menu.js +1 -3
  35. package/lib/ui/Menu/Menu.js.map +1 -1
  36. package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.d.ts +3 -9
  37. package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.js +3 -7
  38. package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -1
  39. package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js +27 -34
  40. package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js.map +1 -1
  41. package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js +3 -3
  42. package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +1 -1
  43. package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js +1 -1
  44. package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js.map +1 -1
  45. package/lib/ui/Table/EmptyPlaceholder.d.ts +1 -0
  46. package/lib/ui/Table/TableCell.d.ts +1 -0
  47. package/lib/ui/Table/TableFilterBar/TableFilterBar.d.ts +2 -2
  48. package/lib/ui/Table/TableFilterBar/TableFilterBar.js +2 -3
  49. package/lib/ui/Table/TableFilterBar/TableFilterBar.js.map +1 -1
  50. package/lib/ui/Table/TableRow.d.ts +1 -0
  51. package/lib/ui/TextButton.d.ts +1 -0
  52. package/lib/ui/TextField/SearchTextField.d.ts +1 -0
  53. package/lib/ui/TextField/TextField.js +1 -1
  54. package/lib/ui/TextField/TextField.js.map +1 -1
  55. package/lib/ui/device/BatteryStatus.d.ts +1 -0
  56. package/lib/ui/device/LockStatus.d.ts +1 -0
  57. package/lib/ui/device/OnlineStatus.d.ts +1 -0
  58. package/lib/ui/layout/ContentHeader.d.ts +1 -0
  59. package/lib/ui/layout/DotDivider.d.ts +1 -0
  60. package/lib/ui/typography/Title.d.ts +1 -0
  61. package/lib/version.d.ts +2 -0
  62. package/lib/version.js +1 -0
  63. package/lib/version.js.map +1 -0
  64. package/package.json +4 -3
  65. package/src/lib/SeamProvider.tsx +17 -10
  66. package/src/lib/seam/use-seam-font.ts +10 -11
  67. package/src/lib/seam/use-seam-styles.ts +23 -13
  68. package/src/lib/ui/Alert/Alert.tsx +1 -1
  69. package/src/lib/ui/Alert/Alerts.tsx +4 -2
  70. package/src/lib/ui/Button.tsx +1 -1
  71. package/src/lib/ui/DeviceDetails/DeviceDetails.tsx +11 -31
  72. package/src/lib/ui/DeviceTable/DeviceHealthBar.tsx +2 -2
  73. package/src/lib/ui/Menu/Menu.tsx +5 -4
  74. package/src/lib/ui/SupportedDeviceTable/FilterCategoryMenu.tsx +6 -11
  75. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceContent.tsx +42 -54
  76. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.tsx +4 -4
  77. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceRow.tsx +1 -1
  78. package/src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx +3 -6
  79. package/src/lib/ui/TextField/TextField.tsx +1 -1
  80. package/src/lib/version.ts +1 -0
  81. package/src/styles/_main.scss +2 -2
  82. package/src/styles/_menus.scss +9 -1
  83. package/src/styles/{_supported-devices.scss → _supported-device-table.scss} +8 -8
package/src/styles/{_supported-devices.scss → _supported-device-table.scss} RENAMED
@@ -3,7 +3,7 @@
3
3
  $row-padding: 8px;
4
4
 
5
5
  @mixin all {
6
- .seam-supported-devices-filter-area {
6
+ .seam-supported-device-table-filter-area {
7
7
  width: 100%;
8
8
  display: flex;
9
9
  justify-content: space-between;
@@ -19,7 +19,7 @@ $row-padding: 8px;
19
19
  gap: 8px;
20
20
  }
21
21
 
22
- .seam-supported-devices-filter-area-search-bar-wrap {
22
+ .seam-supported-device-table-filter-area-search-bar-wrap {
23
23
  position: relative;
24
24
  display: flex;
25
25
  justify-content: center;
@@ -28,7 +28,7 @@ $row-padding: 8px;
28
28
  }
29
29
  }
30
30
 
31
- .seam-supported-devices-filter-menu {
31
+ .seam-supported-device-table-filter-menu {
32
32
  width: 100%;
33
33
  padding: 8px 16px;
34
34
 
@@ -56,7 +56,7 @@ $row-padding: 8px;
56
56
  }
57
57
  }
58
58
 
59
- .seam-supported-devices-filter-menu-wrap {
59
+ .seam-supported-device-table-filter-menu-wrap {
60
60
  width: 100%;
61
61
  display: flex;
62
62
  justify-content: space-between;
@@ -92,7 +92,7 @@ $row-padding: 8px;
92
92
  }
93
93
  }
94
94
 
95
- .seam-supported-devices-table-state-block {
95
+ .seam-supported-device-table-content-state-block {
96
96
  width: 100%;
97
97
  background-color: colors.$bg-a;
98
98
  padding: 32px 8px;
@@ -103,11 +103,11 @@ $row-padding: 8px;
103
103
  gap: 8px;
104
104
  }
105
105
 
106
- .seam-supported-devices-table-message-row {
106
+ .seam-supported-device-table-content-message-row {
107
107
  height: auto !important;
108
108
  }
109
109
 
110
- .seam-supported-devices-table-message {
110
+ .seam-supported-device-table-content-message {
111
111
  width: 100%;
112
112
  padding: 32px 0;
113
113
  display: flex;
@@ -128,7 +128,7 @@ $row-padding: 8px;
128
128
  }
129
129
  }
130
130
 
131
- .seam-supported-devices-table {
131
+ .seam-supported-device-table-content {
132
132
  width: 100%;
133
133
  overflow-x: auto;
134
134
  table-layout: auto;