@seamapi/react 1.3.0 → 1.5.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.
- package/README.md +25 -4
- package/index.css +46 -37
- package/index.css.map +1 -1
- package/index.min.css +1 -1
- package/index.min.css.map +1 -1
- package/lib/ui/AccessCodeDetails/AccessCodeDetails.d.ts +1 -0
- package/lib/ui/AccessCodeDetails/AccessCodeDevice.d.ts +1 -0
- package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts +1 -0
- package/lib/ui/AccessCodeTable/AccessCodeTable.js +10 -1
- package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/ui/AccessCodeTable/CodeDetails.d.ts +1 -0
- package/lib/ui/Alert/Alert.js +1 -1
- package/lib/ui/Alert/Alert.js.map +1 -1
- package/lib/ui/Alert/Alerts.d.ts +2 -2
- package/lib/ui/Alert/Alerts.js.map +1 -1
- package/lib/ui/Button.js +1 -1
- package/lib/ui/Button.js.map +1 -1
- package/lib/ui/DeviceDetails/DeviceDetails.d.ts +1 -0
- package/lib/ui/DeviceDetails/DeviceDetails.js +10 -20
- package/lib/ui/DeviceDetails/DeviceDetails.js.map +1 -1
- package/lib/ui/DeviceDetails/DeviceModel.d.ts +1 -0
- package/lib/ui/DeviceTable/DeviceHealthBar.js +2 -2
- package/lib/ui/DeviceTable/DeviceHealthBar.js.map +1 -1
- package/lib/ui/DeviceTable/DeviceRow.d.ts +1 -0
- package/lib/ui/DeviceTable/DeviceTable.d.ts +1 -0
- package/lib/ui/IconButton.d.ts +1 -0
- package/lib/ui/Menu/Menu.js +1 -3
- package/lib/ui/Menu/Menu.js.map +1 -1
- package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.d.ts +3 -9
- package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.js +3 -7
- package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -1
- package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js +27 -34
- package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js.map +1 -1
- package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js +3 -3
- package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +1 -1
- package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js +1 -1
- package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js.map +1 -1
- package/lib/ui/Table/EmptyPlaceholder.d.ts +1 -0
- package/lib/ui/Table/TableCell.d.ts +1 -0
- package/lib/ui/Table/TableFilterBar/TableFilterBar.d.ts +2 -2
- package/lib/ui/Table/TableFilterBar/TableFilterBar.js +2 -3
- package/lib/ui/Table/TableFilterBar/TableFilterBar.js.map +1 -1
- package/lib/ui/Table/TableRow.d.ts +1 -0
- package/lib/ui/TextButton.d.ts +1 -0
- package/lib/ui/TextField/SearchTextField.d.ts +1 -0
- package/lib/ui/TextField/TextField.js +1 -1
- package/lib/ui/TextField/TextField.js.map +1 -1
- package/lib/ui/device/BatteryStatus.d.ts +1 -0
- package/lib/ui/device/LockStatus.d.ts +1 -0
- package/lib/ui/device/OnlineStatus.d.ts +1 -0
- package/lib/ui/layout/ContentHeader.d.ts +1 -0
- package/lib/ui/layout/DotDivider.d.ts +1 -0
- package/lib/ui/typography/Title.d.ts +1 -0
- package/lib/version.js +1 -1
- package/package.json +3 -3
- package/src/lib/ui/AccessCodeTable/AccessCodeTable.tsx +19 -2
- package/src/lib/ui/Alert/Alert.tsx +1 -1
- package/src/lib/ui/Alert/Alerts.tsx +4 -2
- package/src/lib/ui/Button.tsx +1 -1
- package/src/lib/ui/DeviceDetails/DeviceDetails.tsx +11 -31
- package/src/lib/ui/DeviceTable/DeviceHealthBar.tsx +2 -2
- package/src/lib/ui/Menu/Menu.tsx +5 -4
- package/src/lib/ui/SupportedDeviceTable/FilterCategoryMenu.tsx +6 -11
- package/src/lib/ui/SupportedDeviceTable/SupportedDeviceContent.tsx +42 -54
- package/src/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.tsx +4 -4
- package/src/lib/ui/SupportedDeviceTable/SupportedDeviceRow.tsx +1 -1
- package/src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx +3 -6
- package/src/lib/ui/TextField/TextField.tsx +1 -1
- package/src/styles/_access-code-table.scss +4 -0
- package/src/styles/_main.scss +2 -2
- package/src/styles/_menus.scss +9 -1
- package/src/styles/{_supported-devices.scss → _supported-device-table.scss} +8 -8
package/README.md
CHANGED
|
@@ -96,7 +96,19 @@ Then, load it from Google Fonts by placing the following in the `<head>` tag:
|
|
|
96
96
|
|
|
97
97
|
### Content Security Policy (CSP)
|
|
98
98
|
|
|
99
|
-
|
|
99
|
+
#### Default CSP
|
|
100
|
+
|
|
101
|
+
When using the default provider settings, the components are compatible with this CSP:
|
|
102
|
+
|
|
103
|
+
```
|
|
104
|
+
default-src 'self'; connect-src 'self' https://connect.getseam.com https://devicedb.seam.co; img-src 'self' https://connect.getseam.com https://seam.co https://www.seam.co https://devicedb.seam.co; font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
#### Granular CSP
|
|
108
|
+
|
|
109
|
+
Depending on how which assets you choose to host yourself, the CSP may be made stricter.
|
|
110
|
+
|
|
111
|
+
By self hosting the styles and recommended fonts (or choosing not to use them),
|
|
100
112
|
and proxying the Seam API endpoint, the components are compatible with this strict CSP:
|
|
101
113
|
|
|
102
114
|
```
|
|
@@ -118,6 +130,12 @@ When serving the fonts from Google Fonts, include `font-src` and `style-src` wit
|
|
|
118
130
|
font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
|
|
119
131
|
```
|
|
120
132
|
|
|
133
|
+
When serving the CSS styles from the default CDN, extend `style-src` with
|
|
134
|
+
|
|
135
|
+
```
|
|
136
|
+
style-src https://react.seam.co
|
|
137
|
+
```
|
|
138
|
+
|
|
121
139
|
## Development and Testing
|
|
122
140
|
|
|
123
141
|
### Quickstart
|
|
@@ -202,9 +220,12 @@ $ npm run docs:start
|
|
|
202
220
|
### Fake Seam Connect
|
|
203
221
|
|
|
204
222
|
This project uses a [fake version of Seam Connect](https://github.com/seamapi/fake-seam-connect)
|
|
205
|
-
to have deterministic responses for rendering views
|
|
206
|
-
|
|
207
|
-
|
|
223
|
+
to have deterministic responses for rendering views and running tests.
|
|
224
|
+
|
|
225
|
+
Edit the seed data for the fake or find relevant ids for testing components here:
|
|
226
|
+
|
|
227
|
+
- [Storybook fake seed](./.storybook/seed-fake.js).
|
|
228
|
+
- [Jest test fake seed](./test/jest/global-setup.cjs).
|
|
208
229
|
|
|
209
230
|
### Previews
|
|
210
231
|
|
package/index.css
CHANGED
|
@@ -402,6 +402,12 @@
|
|
|
402
402
|
z-index: 999999;
|
|
403
403
|
display: none;
|
|
404
404
|
}
|
|
405
|
+
.seam-components .seam-menu-hidden {
|
|
406
|
+
display: none;
|
|
407
|
+
}
|
|
408
|
+
.seam-components .seam-menu-visible {
|
|
409
|
+
display: flex;
|
|
410
|
+
}
|
|
405
411
|
.seam-components .seam-menu-content {
|
|
406
412
|
width: 250px;
|
|
407
413
|
position: absolute;
|
|
@@ -609,6 +615,9 @@
|
|
|
609
615
|
.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses > div svg {
|
|
610
616
|
scale: 0.75;
|
|
611
617
|
}
|
|
618
|
+
.seam-components .seam-access-code-table .seam-search-text-field {
|
|
619
|
+
width: 170px;
|
|
620
|
+
}
|
|
612
621
|
.seam-components .seam-access-code-table .seam-table-row {
|
|
613
622
|
cursor: pointer;
|
|
614
623
|
}
|
|
@@ -848,7 +857,7 @@
|
|
|
848
857
|
width: 100%;
|
|
849
858
|
}
|
|
850
859
|
}
|
|
851
|
-
.seam-components .seam-supported-
|
|
860
|
+
.seam-components .seam-supported-device-table-filter-area {
|
|
852
861
|
width: 100%;
|
|
853
862
|
display: flex;
|
|
854
863
|
justify-content: space-between;
|
|
@@ -856,52 +865,52 @@
|
|
|
856
865
|
flex-direction: row;
|
|
857
866
|
padding: 16px;
|
|
858
867
|
}
|
|
859
|
-
.seam-components .seam-supported-
|
|
868
|
+
.seam-components .seam-supported-device-table-filter-area .seam-filters-wrap {
|
|
860
869
|
display: flex;
|
|
861
870
|
justify-content: flex-start;
|
|
862
871
|
align-items: center;
|
|
863
872
|
flex-direction: row;
|
|
864
873
|
gap: 8px;
|
|
865
874
|
}
|
|
866
|
-
.seam-components .seam-supported-
|
|
875
|
+
.seam-components .seam-supported-device-table-filter-area .seam-supported-device-table-filter-area-search-bar-wrap {
|
|
867
876
|
position: relative;
|
|
868
877
|
display: flex;
|
|
869
878
|
justify-content: center;
|
|
870
879
|
align-items: center;
|
|
871
880
|
flex-direction: row;
|
|
872
881
|
}
|
|
873
|
-
.seam-components .seam-supported-
|
|
882
|
+
.seam-components .seam-supported-device-table-filter-menu {
|
|
874
883
|
width: 100%;
|
|
875
884
|
padding: 8px 16px;
|
|
876
885
|
}
|
|
877
|
-
.seam-components .seam-supported-
|
|
886
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row {
|
|
878
887
|
width: 100%;
|
|
879
888
|
display: flex;
|
|
880
889
|
justify-content: space-between;
|
|
881
890
|
align-items: center;
|
|
882
891
|
flex-direction: row;
|
|
883
892
|
}
|
|
884
|
-
.seam-components .seam-supported-
|
|
893
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row:not(:last-of-type) {
|
|
885
894
|
margin-bottom: 8px;
|
|
886
895
|
}
|
|
887
|
-
.seam-components .seam-supported-
|
|
896
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label {
|
|
888
897
|
width: 100%;
|
|
889
898
|
display: flex;
|
|
890
899
|
justify-content: space-between;
|
|
891
900
|
align-items: center;
|
|
892
901
|
flex-direction: row;
|
|
893
902
|
}
|
|
894
|
-
.seam-components .seam-supported-
|
|
903
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox {
|
|
895
904
|
appearance: checkbox;
|
|
896
905
|
}
|
|
897
|
-
.seam-components .seam-supported-
|
|
906
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap {
|
|
898
907
|
width: 100%;
|
|
899
908
|
display: flex;
|
|
900
909
|
justify-content: space-between;
|
|
901
910
|
align-items: center;
|
|
902
911
|
flex-direction: row;
|
|
903
912
|
}
|
|
904
|
-
.seam-components .seam-supported-
|
|
913
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button {
|
|
905
914
|
appearance: none;
|
|
906
915
|
padding: 4px 8px;
|
|
907
916
|
padding-right: 24px;
|
|
@@ -913,18 +922,18 @@
|
|
|
913
922
|
position: relative;
|
|
914
923
|
cursor: pointer;
|
|
915
924
|
}
|
|
916
|
-
.seam-components .seam-supported-
|
|
925
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button:hover {
|
|
917
926
|
background-color: #dde0e2;
|
|
918
927
|
}
|
|
919
|
-
.seam-components .seam-supported-
|
|
928
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button span {
|
|
920
929
|
font-size: 14px;
|
|
921
930
|
font-weight: 500;
|
|
922
931
|
}
|
|
923
|
-
.seam-components .seam-supported-
|
|
932
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button svg {
|
|
924
933
|
position: absolute;
|
|
925
934
|
top: 2px;
|
|
926
935
|
}
|
|
927
|
-
.seam-components .seam-supported-
|
|
936
|
+
.seam-components .seam-supported-device-table-content-state-block {
|
|
928
937
|
width: 100%;
|
|
929
938
|
background-color: #f1f3f4;
|
|
930
939
|
padding: 32px 8px;
|
|
@@ -934,10 +943,10 @@
|
|
|
934
943
|
flex-direction: column;
|
|
935
944
|
gap: 8px;
|
|
936
945
|
}
|
|
937
|
-
.seam-components .seam-supported-
|
|
946
|
+
.seam-components .seam-supported-device-table-content-message-row {
|
|
938
947
|
height: auto !important;
|
|
939
948
|
}
|
|
940
|
-
.seam-components .seam-supported-
|
|
949
|
+
.seam-components .seam-supported-device-table-content-message {
|
|
941
950
|
width: 100%;
|
|
942
951
|
padding: 32px 0;
|
|
943
952
|
display: flex;
|
|
@@ -947,80 +956,80 @@
|
|
|
947
956
|
text-align: center;
|
|
948
957
|
gap: 4px;
|
|
949
958
|
}
|
|
950
|
-
.seam-components .seam-supported-
|
|
959
|
+
.seam-components .seam-supported-device-table-content-message p {
|
|
951
960
|
line-height: 1;
|
|
952
961
|
margin: 0;
|
|
953
962
|
}
|
|
954
|
-
.seam-components .seam-supported-
|
|
963
|
+
.seam-components .seam-supported-device-table-content-message button {
|
|
955
964
|
cursor: pointer;
|
|
956
965
|
margin-top: 8px;
|
|
957
966
|
}
|
|
958
|
-
.seam-components .seam-supported-
|
|
967
|
+
.seam-components .seam-supported-device-table-content {
|
|
959
968
|
width: 100%;
|
|
960
969
|
overflow-x: auto;
|
|
961
970
|
table-layout: auto;
|
|
962
971
|
border-collapse: collapse;
|
|
963
972
|
}
|
|
964
|
-
.seam-components .seam-supported-
|
|
965
|
-
.seam-components .seam-supported-
|
|
973
|
+
.seam-components .seam-supported-device-table-content th,
|
|
974
|
+
.seam-components .seam-supported-device-table-content td {
|
|
966
975
|
white-space: nowrap;
|
|
967
976
|
padding: 0 8px;
|
|
968
977
|
}
|
|
969
|
-
.seam-components .seam-supported-
|
|
978
|
+
.seam-components .seam-supported-device-table-content thead {
|
|
970
979
|
width: 100%;
|
|
971
980
|
height: 50px;
|
|
972
981
|
background: #f1f3f4;
|
|
973
982
|
overflow: hidden;
|
|
974
983
|
}
|
|
975
|
-
.seam-components .seam-supported-
|
|
984
|
+
.seam-components .seam-supported-device-table-content thead tr {
|
|
976
985
|
border-radius: 8px;
|
|
977
986
|
}
|
|
978
|
-
.seam-components .seam-supported-
|
|
987
|
+
.seam-components .seam-supported-device-table-content thead th {
|
|
979
988
|
vertical-align: middle;
|
|
980
989
|
text-align: left;
|
|
981
990
|
font-size: 16px;
|
|
982
991
|
font-weight: 600;
|
|
983
992
|
}
|
|
984
|
-
.seam-components .seam-supported-
|
|
993
|
+
.seam-components .seam-supported-device-table-content tbody tr {
|
|
985
994
|
height: 60px;
|
|
986
995
|
border-bottom: 1px solid #e9edef;
|
|
987
996
|
}
|
|
988
|
-
.seam-components .seam-supported-
|
|
997
|
+
.seam-components .seam-supported-device-table-content tbody td {
|
|
989
998
|
vertical-align: middle;
|
|
990
999
|
}
|
|
991
|
-
.seam-components .seam-supported-
|
|
992
|
-
.seam-components .seam-supported-
|
|
1000
|
+
.seam-components .seam-supported-device-table-content tr th:first-of-type,
|
|
1001
|
+
.seam-components .seam-supported-device-table-content tr td:first-of-type {
|
|
993
1002
|
padding-left: 8px;
|
|
994
1003
|
}
|
|
995
|
-
.seam-components .seam-supported-
|
|
996
|
-
.seam-components .seam-supported-
|
|
1004
|
+
.seam-components .seam-supported-device-table-content tr th:last-of-type,
|
|
1005
|
+
.seam-components .seam-supported-device-table-content tr td:last-of-type {
|
|
997
1006
|
padding-right: 8px;
|
|
998
1007
|
}
|
|
999
|
-
.seam-components .seam-supported-
|
|
1008
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill {
|
|
1000
1009
|
display: inline-flex;
|
|
1001
1010
|
padding: 4px 8px;
|
|
1002
1011
|
border-radius: 90px;
|
|
1003
1012
|
background-color: #27ae60;
|
|
1004
1013
|
}
|
|
1005
|
-
.seam-components .seam-supported-
|
|
1014
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill span {
|
|
1006
1015
|
color: white;
|
|
1007
1016
|
font-size: 14px;
|
|
1008
1017
|
font-weight: 600;
|
|
1009
1018
|
line-height: 1;
|
|
1010
1019
|
}
|
|
1011
|
-
.seam-components .seam-supported-
|
|
1020
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-green {
|
|
1012
1021
|
background-color: #27ae60;
|
|
1013
1022
|
}
|
|
1014
|
-
.seam-components .seam-supported-
|
|
1023
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-orange {
|
|
1015
1024
|
background-color: #f3980f;
|
|
1016
1025
|
}
|
|
1017
|
-
.seam-components .seam-supported-
|
|
1026
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-red {
|
|
1018
1027
|
background-color: #e36857;
|
|
1019
1028
|
}
|
|
1020
|
-
.seam-components .seam-supported-
|
|
1029
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue {
|
|
1021
1030
|
background-color: #007afc;
|
|
1022
1031
|
}
|
|
1023
|
-
.seam-components .seam-supported-
|
|
1032
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-gray {
|
|
1024
1033
|
background-color: #cbd0d3;
|
|
1025
1034
|
}
|
|
1026
1035
|
|
package/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["src/styles/_reset.scss","src/styles/_main.scss","src/styles/_typography.scss","src/styles/_colors.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_icons.scss","src/styles/_menus.scss","src/styles/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss","src/styles/_alert.scss","src/styles/_supported-
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["src/styles/_reset.scss","src/styles/_main.scss","src/styles/_typography.scss","src/styles/_colors.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_icons.scss","src/styles/_menus.scss","src/styles/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss","src/styles/_alert.scss","src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACgBA;ECbE;;AFGA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAmDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AEtGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE,OCTU;;ADcZ;EACE,OCNS;;ADWX;EACE,OCvBW;;AD4Bb;EACE;EACA;EACA;EACA;EACA;;AExCF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA,YDrDG;;ACuDH;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE,MDzEI;;AC+EZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AC/GJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,cFDS;;AEIX;EACE,cFbI;;AEgBN;EACE,cFLQ;EEMR;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBF/CH;;AEkDC;EACE;EACA;;AAMJ;EACE;;ACqCN;EJ/GA;EIoHE;EACA;;AAjFF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE,YH7DM;EG8DN;EACA;;AAEA;EACE,YH5DS;EG6DT,cH7DS;;AGgEX;EAEE,YHjEQ;EGkER,cHlEQ;;AGsEZ;EACE,OH9EM;EG+EN;EACA;;AAEA;EACE,YH9EM;;AGiFR;EAEE;EACA,OHxFO;;AG4FX;EACE,OHrFU;EGsFV;;AAEA;EACE,YHjFC;EGkFD,cHxFU;;AG2FZ;EAEE,OH7FU;EG8FV,cH7FQ;EG8FR;;AAcF;EAEE;;AAxHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE,OHlBM;EGmBN;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OJXQ;;AKPV;EACE,MLMQ;;AMRZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YNVQ;;AMed;EACE;EACA;EACA;EACA;EACA;EACA;;AC/CA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,YPKE;;AODN;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA,OPnCE;;AOsCJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA,YP1CD;;AO4CC;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,OPtEA;EOuEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OP7FF;;AOgGA;EACE,OPlGF;;AOqGA;EACE;EACA;;AAGF;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClJJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,ORhCE;EQiCF;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OR1CE;EQ2CF;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AC3DZ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OT9BI;ES+BJ;;AAEA;EACE;EACA;;AAGF;EACE;EACA,OTrCE;;AS0CR;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AClEF;EACE,YVcC;EUbD;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA,OVLI;EUMJ;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,OV5BI;EU6BJ;EACA;;AAEA;EACE;EACA,OVnCG;;AUwCT;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,OV3FA;;AU+FA;EACE;;AAGF;EACE;;AC5Gd;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBXZQ;;AWgBZ;EACE,kBXlBY;EWmBZ;;AAEA;EACE;EACA,OXzBU;;AW6Bd;EACE,kBX/Ba;EWgCb;;AAEA;EACE;EACA,OXtCW;;AW0Cf;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA,OX9EO;;AWmFb;EACE;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACE;;;ACxGR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBZvDD;EYwDC;EACA;;AAEA;EACE,kBZ7DH;;AYgEC;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA,kBZ7EG;EY8EH;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA,YZ9HC;EY+HD;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAGF;EACE;;AAKF;AAAA;EAEE,cA5KM;;AA+KR;AAAA;EAEE,eAjLM;;AAqLV;EACE;EACA;EACA;EACA,kBZpKS;;AYsKT;EACE;EACA;EACA;EACA;;AAGF;EACE,kBZ9KO;;AYiLT;EACE,kBZnLQ;;AYsLV;EACE,kBZxLK;;AY2LP;EACE,kBZ/ME;;AYkNJ;EACE,kBZrMD","file":"index.css"}
|
package/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.seam-components{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.seam-components *,.seam-components *::before,.seam-components *::after{box-sizing:border-box}.seam-components html,.seam-components body,.seam-components div,.seam-components span,.seam-components object,.seam-components iframe,.seam-components figure,.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6,.seam-components p,.seam-components blockquote,.seam-components pre,.seam-components a,.seam-components code,.seam-components em,.seam-components img,.seam-components small,.seam-components strike,.seam-components strong,.seam-components sub,.seam-components sup,.seam-components tt,.seam-components b,.seam-components u,.seam-components i,.seam-components ol,.seam-components ul,.seam-components li,.seam-components fieldset,.seam-components form,.seam-components label,.seam-components table,.seam-components caption,.seam-components tbody,.seam-components tfoot,.seam-components thead,.seam-components tr,.seam-components th,.seam-components td,.seam-components main,.seam-components canvas,.seam-components embed,.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components main{display:block}.seam-components body{line-height:1}.seam-components ol,.seam-components ul{list-style:none}.seam-components blockquote,.seam-components q{quotes:none}.seam-components blockquote::before,.seam-components blockquote::after,.seam-components q::before,.seam-components q::after{content:"";content:none}.seam-components table{border-collapse:collapse;border-spacing:0}.seam-components input{appearance:none;border-radius:0}.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6{font-weight:600}.seam-components .seam-caption{color:#9da1a9}.seam-components .seam-text-danger{color:#e36857}.seam-components html{color:#232b3a}.seam-components .seam-truncated-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-table-header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:0 16px}.seam-components .seam-table-header .seam-body{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-table-title{font-size:21px;line-height:132%}.seam-components .seam-table-title .seam-caption{font-size:16px;line-height:134%}.seam-components .seam-table-row{display:flex;padding:4px;height:72px;border-bottom:1px solid #eee}.seam-components .seam-table-row:hover{background:#f4f6f8}.seam-components .seam-table-row .seam-title{font-weight:600;font-size:18px;line-height:132%}.seam-components .seam-table-cell{display:flex;align-items:center;padding:4px}.seam-components .seam-table-empty-placeholder{height:300px;font-size:18px;line-height:132%;display:flex;align-items:center;justify-content:center}.seam-components .seam-table-filter-bar{display:flex;align-items:center;padding:6px 16px;background:#f1f3f4}.seam-components .seam-table-filter-bar .seam-clear-filters-button{margin-left:6px;border:0;background:rgba(0,0,0,0) !important;padding:0}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg{scale:.8333}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg *{fill:#6e7179}.seam-components .seam-table-filter-item{display:flex;align-items:center;padding:2px 8px 2px 5px;border-radius:5px;border:1px solid #f1f3f4;font-size:14px;line-height:134%}.seam-components .seam-table-filter-item svg{scale:.75}.seam-components .seam-table-filter-item.seam-clickable{cursor:pointer}.seam-components .seam-table-filter-item.seam-clickable:hover{background:rgba(255,255,255,.65);border:1px solid #d5d8dc}.seam-components .seam-table-filter-item.seam-selected{background:#fff;border:1px solid #d5d8dc}.seam-components .seam-text-field{border:1px solid #d5d8dc;border-radius:8px;padding:0 8px;display:flex;align-items:center}.seam-components .seam-text-field:hover{border-color:#232b3a}.seam-components .seam-text-field:focus-within{border-color:#007afc}.seam-components .seam-text-field.seam-disabled{border-color:#d5d8dc;background:#ececec;cursor:not-allowed}.seam-components .seam-text-field.seam-disabled .seam-text-field-input{cursor:not-allowed}.seam-components .seam-text-field .seam-text-field-input{height:40px;border:0}.seam-components .seam-text-field .seam-text-field-input:focus{outline:none}.seam-components .seam-text-field .seam-adornment{display:flex;align-items:center}.seam-components .seam-text-field .seam-adornment svg{scale:.8333}.seam-components .seam-text-field .seam-adornment.seam-start{margin-right:4px}.seam-components .seam-text-field .seam-adornment button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;appearance:none;background-color:rgba(0,0,0,0);padding:0;margin:0;border:0;box-shadow:none;border-radius:4px;cursor:pointer}.seam-components .seam-text-field .seam-adornment button:hover{background-color:#e9edef}.seam-components .seam-text-field .seam-adornment button.seam-hidden{opacity:0;visibility:hidden}.seam-components .seam-text-field.seam-search-text-field .seam-text-field-input{width:100%}.seam-components .seam-btn{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;cursor:pointer}.seam-components .seam-btn.seam-btn-small{font-size:14px;line-height:22px;border-radius:6px;padding:4px 10px}.seam-components .seam-btn.seam-btn-medium{font-size:16px;line-height:26px;border-radius:7px;padding:6px 16px}.seam-components .seam-btn.seam-btn-large{font-size:19px;line-height:30px;border-radius:8px;padding:8px 22px}.seam-components .seam-btn.seam-btn-solid{background:#007afc;color:#fff;border:1px solid #007afc}.seam-components .seam-btn.seam-btn-solid:hover{background:#006ee3;border-color:#006ee3}.seam-components .seam-btn.seam-btn-solid.seam-btn-disabled,.seam-components .seam-btn.seam-btn-solid:disabled{background:#c1dfff;border-color:#c1dfff}.seam-components .seam-btn.seam-btn-outline{color:#007afc;border:1px solid #7ebcff;background:rgba(0,0,0,0)}.seam-components .seam-btn.seam-btn-outline:hover{background:#f2f8ff}.seam-components .seam-btn.seam-btn-outline.seam-btn-disabled,.seam-components .seam-btn.seam-btn-outline:disabled{background:rgba(0,0,0,0);color:#7ebcff}.seam-components .seam-btn.seam-btn-neutral{color:#6e7179;border:1px solid #b9bec5}.seam-components .seam-btn.seam-btn-neutral:hover{background:#f1f3f4;border-color:#b9bec5}.seam-components .seam-btn.seam-btn-neutral.seam-btn-disabled,.seam-components .seam-btn.seam-btn-neutral:disabled{color:#b9bec5;border-color:#d5d8dc;background:#fff}.seam-components .seam-btn.seam-btn-disabled,.seam-components .seam-btn:disabled{cursor:not-allowed}.seam-components .seam-icon-btn{border-radius:6px;border:1px solid rgba(0,122,252,.5);cursor:pointer;background:#fff;padding:6px;line-height:0}.seam-components .seam-icon-btn:hover{background:rgba(0,122,252,.08)}.seam-components .seam-text-btn{color:#007afc;padding:0;cursor:pointer;background:rgba(0,0,0,0);border:0}.seam-components .seam-text-btn:hover{text-decoration:underline}.seam-components .seam-text-btn.seam-btn-disabled,.seam-components .seam-text-btn:disabled{cursor:not-allowed;text-decoration:none}.seam-components .seam-content-header{height:56px;display:flex;align-items:center;position:relative;justify-content:center;margin:0 16px}.seam-components .seam-content-header .seam-back-icon{position:absolute;top:50%;transform:translate(4px, -25%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%;color:#6e7179}.seam-components .seam-lock-icon *{fill:#6e7179}.seam-components .seam-menu-bg{width:100vw;height:100vh;justify-content:center;align-items:center;position:fixed;inset:0;z-index:999999;display:none}.seam-components .seam-menu-content{width:250px;position:absolute;padding:8px 0;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.3),0 2px 16px 2px rgba(15,22,28,.15);border-radius:8px}.seam-components .seam-menu-content .seam-menu-item{padding:0 16px;height:36px;display:flex;align-items:center;font-size:16px;line-height:134%;cursor:pointer}.seam-components .seam-menu-content .seam-menu-item:hover{background:#f4f6f8}.seam-components .seam-menu-shadow{z-index:-1;opacity:0;visibility:hidden;top:0;right:0;position:fixed}.seam-components .seam-device-details .seam-body{display:flex;flex-direction:column;gap:16px;margin:0 24px 24px}.seam-components .seam-device-details .seam-body .seam-box{border:1px solid #d5d8dc;border-radius:8px}.seam-components .seam-device-details .seam-body .seam-box .seam-content{padding:12px 12px 12px 16px}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes{padding:12px 8px 12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes:hover{background:#f4f6f8}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length{border-top:1px solid #d5d8dc}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status{display:flex;justify-content:space-between}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status>.seam-right{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-label{font-size:14px;line-height:134%;color:#6e7179}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-value{display:block;font-weight:600;font-size:16px;line-height:134%}.seam-components .seam-device-details .seam-body .seam-summary{padding:24px 16px;border-radius:16px;background:#f1f3f4}.seam-components .seam-device-details .seam-body .seam-summary .seam-content{display:flex;align-items:center;gap:20px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image{width:100px;height:100px;display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image img{max-width:100%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info>.seam-label{color:#6e7179;font-weight:600;font-size:14px;line-height:134%;margin-bottom:4px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-device-name{margin-bottom:16px;font-weight:600;font-size:21px;line-height:132%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties{display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:1fr;font-size:14px;line-height:134%;row-gap:4px;column-gap:28px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-label{color:#9da1a9}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text{color:#6e7179}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties svg{scale:.75;margin-right:8px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties>*{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-icon-cell{flex:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-name-cell{flex:1}.seam-components .seam-device-details .seam-body .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-table .seam-search-text-field{width:170px}.seam-components .seam-device-table .seam-table-row{cursor:pointer}.seam-components .seam-device-table .seam-table-row .seam-image-cell{width:64px;height:64px;padding:4px}.seam-components .seam-device-table .seam-table-row .seam-image-cell img{width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-title{max-width:380px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-model{font-weight:400;font-size:14px;line-height:134%;color:#6e7179;flex:0 1 190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses{display:flex;align-items:center;color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div{display:flex;align-items:center;margin-right:16px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div svg{scale:.75}.seam-components .seam-access-code-table .seam-table-row{cursor:pointer}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-title{max-width:380px}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details{font-size:14px;line-height:134%;color:#6e7179;display:flex}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-device-name{max-width:190px;width:auto}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-dot-divider{margin:0 4px;color:#d5d8dc}.seam-components .seam-access-code-table .seam-table-row .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table-action-menu .menu-item-copy{display:flex;align-items:center;justify-content:space-between;flex:1}.seam-components .seam-access-code-details>.seam-summary{background:#f1f3f4;border-radius:16px;margin:0 24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top{padding:24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-label{font-weight:600;font-size:14px;line-height:134%;color:#6e7179;margin-bottom:4px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-access-code-name{font-weight:600;font-size:21px;line-height:132%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-code{background:#fff;border:1px solid #9da1a9;border-radius:8px;padding:10px 16px;font-weight:600;font-size:24px;line-height:134%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration{color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration .seam-label{font-weight:600;color:#232b3a}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device{border-top:1px solid #dde0e2;padding:8px 16px 8px 8px;display:flex;align-items:center}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image{width:72px;height:72px;margin-right:16px}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image img{width:100%;max-height:100%}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-body{flex:1;font-weight:400;font-size:14px;line-height:134%;margin-right:8px}.seam-components .seam-access-code-details .seam-details{font-size:16px;line-height:134%;border-bottom:1px solid rgba(0,0,0,.12);padding:0 24px}.seam-components .seam-access-code-details .seam-details .seam-row{padding:16px;display:flex;border-top:1px solid rgba(0,0,0,.12)}.seam-components .seam-access-code-details .seam-details .seam-row .seam-heading{width:112px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content{display:flex;flex:1}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times{display:flex;flex:1;font-size:16px;line-height:134%}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times .seam-label{color:#9da1a9}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div div{margin-bottom:4px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div:first-child{flex:0 1 160px}.seam-components .seam-alerts{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px}.seam-components .seam-alerts.seam-alerts-space-top{margin-top:16px}.seam-components .seam-alert{width:100%;min-height:70px;padding:8px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px}.seam-components .seam-alert .seam-alert-action{appearance:none;height:32px;padding:0 10px;border-radius:6px;background-color:rgba(0,0,0,0);font-size:14px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer}.seam-components .seam-alert .seam-alert-action:hover{background-color:#f4f6f8}.seam-components .seam-alert.seam-warning-alert{background-color:#fff2e0;border:1px solid #f8d8be}.seam-components .seam-alert.seam-warning-alert .seam-alert-action{border:1px solid #ca8852;color:#ca8852}.seam-components .seam-alert.seam-error-alert{background-color:#ffefef;border:1px solid #f1d4d4}.seam-components .seam-alert.seam-error-alert .seam-alert-action{border:1px solid #cb7d7d;color:#cb7d7d}.seam-components .seam-alert.seam-alert-space-top{margin-top:16px}.seam-components .seam-alert .seam-alert-icon{width:24px;height:24px}.seam-components .seam-alert .seam-alert-content{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-alert .seam-alert-message-wrap .seam-alert-message{font-size:14px;font-weight:400;line-height:134%;color:#232b3a}@media only screen and (width <= 500px){.seam-components .seam-alert{justify-content:flex-start;flex-direction:column}.seam-components .seam-alert .seam-alert-content{width:100%;align-items:flex-start;flex-direction:column;gap:4px}.seam-components .seam-alert .seam-alert-action-wrap{width:100%}.seam-components .seam-alert .seam-alert-action-wrap .seam-alert-action{width:100%}}.seam-components .seam-supported-devices-filter-area{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:16px}.seam-components .seam-supported-devices-filter-area .seam-filters-wrap{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-supported-devices-filter-area .seam-supported-devices-filter-area-search-bar-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row}.seam-components .seam-supported-devices-filter-menu{width:100%;padding:8px 16px}.seam-components .seam-supported-devices-filter-menu .seam-filter-menu-row{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-devices-filter-menu .seam-filter-menu-row:not(:last-of-type){margin-bottom:8px}.seam-components .seam-supported-devices-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-devices-filter-menu .seam-filter-menu-row .seam-filter-checkbox{appearance:checkbox}.seam-components .seam-supported-devices-filter-menu .seam-supported-devices-filter-menu-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-devices-filter-menu .seam-supported-devices-filter-menu-wrap button{appearance:none;padding:4px 8px;padding-right:24px;margin:0;border:0;box-shadow:none;border-radius:4px;background-color:#e9edef;position:relative;cursor:pointer}.seam-components .seam-supported-devices-filter-menu .seam-supported-devices-filter-menu-wrap button:hover{background-color:#dde0e2}.seam-components .seam-supported-devices-filter-menu .seam-supported-devices-filter-menu-wrap button span{font-size:14px;font-weight:500}.seam-components .seam-supported-devices-filter-menu .seam-supported-devices-filter-menu-wrap button svg{position:absolute;top:2px}.seam-components .seam-supported-devices-table-state-block{width:100%;background-color:#f1f3f4;padding:32px 8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.seam-components .seam-supported-devices-table-message-row{height:auto !important}.seam-components .seam-supported-devices-table-message{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:4px}.seam-components .seam-supported-devices-table-message p{line-height:1;margin:0}.seam-components .seam-supported-devices-table-message button{cursor:pointer;margin-top:8px}.seam-components .seam-supported-devices-table{width:100%;overflow-x:auto;table-layout:auto;border-collapse:collapse}.seam-components .seam-supported-devices-table th,.seam-components .seam-supported-devices-table td{white-space:nowrap;padding:0 8px}.seam-components .seam-supported-devices-table thead{width:100%;height:50px;background:#f1f3f4;overflow:hidden}.seam-components .seam-supported-devices-table thead tr{border-radius:8px}.seam-components .seam-supported-devices-table thead th{vertical-align:middle;text-align:left;font-size:16px;font-weight:600}.seam-components .seam-supported-devices-table tbody tr{height:60px;border-bottom:1px solid #e9edef}.seam-components .seam-supported-devices-table tbody td{vertical-align:middle}.seam-components .seam-supported-devices-table tr th:first-of-type,.seam-components .seam-supported-devices-table tr td:first-of-type{padding-left:8px}.seam-components .seam-supported-devices-table tr th:last-of-type,.seam-components .seam-supported-devices-table tr td:last-of-type{padding-right:8px}.seam-components .seam-supported-devices-table .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:90px;background-color:#27ae60}.seam-components .seam-supported-devices-table .seam-status-pill span{color:#fff;font-size:14px;font-weight:600;line-height:1}.seam-components .seam-supported-devices-table .seam-status-pill.status-green{background-color:#27ae60}.seam-components .seam-supported-devices-table .seam-status-pill.status-orange{background-color:#f3980f}.seam-components .seam-supported-devices-table .seam-status-pill.status-red{background-color:#e36857}.seam-components .seam-supported-devices-table .seam-status-pill.status-blue{background-color:#007afc}.seam-components .seam-supported-devices-table .seam-status-pill.status-gray{background-color:#cbd0d3}/*# sourceMappingURL=index.min.css.map */
|
|
1
|
+
.seam-components{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.seam-components *,.seam-components *::before,.seam-components *::after{box-sizing:border-box}.seam-components html,.seam-components body,.seam-components div,.seam-components span,.seam-components object,.seam-components iframe,.seam-components figure,.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6,.seam-components p,.seam-components blockquote,.seam-components pre,.seam-components a,.seam-components code,.seam-components em,.seam-components img,.seam-components small,.seam-components strike,.seam-components strong,.seam-components sub,.seam-components sup,.seam-components tt,.seam-components b,.seam-components u,.seam-components i,.seam-components ol,.seam-components ul,.seam-components li,.seam-components fieldset,.seam-components form,.seam-components label,.seam-components table,.seam-components caption,.seam-components tbody,.seam-components tfoot,.seam-components thead,.seam-components tr,.seam-components th,.seam-components td,.seam-components main,.seam-components canvas,.seam-components embed,.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}.seam-components footer,.seam-components header,.seam-components nav,.seam-components section,.seam-components main{display:block}.seam-components body{line-height:1}.seam-components ol,.seam-components ul{list-style:none}.seam-components blockquote,.seam-components q{quotes:none}.seam-components blockquote::before,.seam-components blockquote::after,.seam-components q::before,.seam-components q::after{content:"";content:none}.seam-components table{border-collapse:collapse;border-spacing:0}.seam-components input{appearance:none;border-radius:0}.seam-components h1,.seam-components h2,.seam-components h3,.seam-components h4,.seam-components h5,.seam-components h6{font-weight:600}.seam-components .seam-caption{color:#9da1a9}.seam-components .seam-text-danger{color:#e36857}.seam-components html{color:#232b3a}.seam-components .seam-truncated-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-table-header{display:flex;justify-content:space-between;align-items:flex-start;height:56px;padding:0 16px}.seam-components .seam-table-header .seam-body{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-table-title{font-size:21px;line-height:132%}.seam-components .seam-table-title .seam-caption{font-size:16px;line-height:134%}.seam-components .seam-table-row{display:flex;padding:4px;height:72px;border-bottom:1px solid #eee}.seam-components .seam-table-row:hover{background:#f4f6f8}.seam-components .seam-table-row .seam-title{font-weight:600;font-size:18px;line-height:132%}.seam-components .seam-table-cell{display:flex;align-items:center;padding:4px}.seam-components .seam-table-empty-placeholder{height:300px;font-size:18px;line-height:132%;display:flex;align-items:center;justify-content:center}.seam-components .seam-table-filter-bar{display:flex;align-items:center;padding:6px 16px;background:#f1f3f4}.seam-components .seam-table-filter-bar .seam-clear-filters-button{margin-left:6px;border:0;background:rgba(0,0,0,0) !important;padding:0}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg{scale:.8333}.seam-components .seam-table-filter-bar .seam-clear-filters-button svg *{fill:#6e7179}.seam-components .seam-table-filter-item{display:flex;align-items:center;padding:2px 8px 2px 5px;border-radius:5px;border:1px solid #f1f3f4;font-size:14px;line-height:134%}.seam-components .seam-table-filter-item svg{scale:.75}.seam-components .seam-table-filter-item.seam-clickable{cursor:pointer}.seam-components .seam-table-filter-item.seam-clickable:hover{background:rgba(255,255,255,.65);border:1px solid #d5d8dc}.seam-components .seam-table-filter-item.seam-selected{background:#fff;border:1px solid #d5d8dc}.seam-components .seam-text-field{border:1px solid #d5d8dc;border-radius:8px;padding:0 8px;display:flex;align-items:center}.seam-components .seam-text-field:hover{border-color:#232b3a}.seam-components .seam-text-field:focus-within{border-color:#007afc}.seam-components .seam-text-field.seam-disabled{border-color:#d5d8dc;background:#ececec;cursor:not-allowed}.seam-components .seam-text-field.seam-disabled .seam-text-field-input{cursor:not-allowed}.seam-components .seam-text-field .seam-text-field-input{height:40px;border:0}.seam-components .seam-text-field .seam-text-field-input:focus{outline:none}.seam-components .seam-text-field .seam-adornment{display:flex;align-items:center}.seam-components .seam-text-field .seam-adornment svg{scale:.8333}.seam-components .seam-text-field .seam-adornment.seam-start{margin-right:4px}.seam-components .seam-text-field .seam-adornment button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;appearance:none;background-color:rgba(0,0,0,0);padding:0;margin:0;border:0;box-shadow:none;border-radius:4px;cursor:pointer}.seam-components .seam-text-field .seam-adornment button:hover{background-color:#e9edef}.seam-components .seam-text-field .seam-adornment button.seam-hidden{opacity:0;visibility:hidden}.seam-components .seam-text-field.seam-search-text-field .seam-text-field-input{width:100%}.seam-components .seam-btn{font-family:"Source Sans Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:600;cursor:pointer}.seam-components .seam-btn.seam-btn-small{font-size:14px;line-height:22px;border-radius:6px;padding:4px 10px}.seam-components .seam-btn.seam-btn-medium{font-size:16px;line-height:26px;border-radius:7px;padding:6px 16px}.seam-components .seam-btn.seam-btn-large{font-size:19px;line-height:30px;border-radius:8px;padding:8px 22px}.seam-components .seam-btn.seam-btn-solid{background:#007afc;color:#fff;border:1px solid #007afc}.seam-components .seam-btn.seam-btn-solid:hover{background:#006ee3;border-color:#006ee3}.seam-components .seam-btn.seam-btn-solid.seam-btn-disabled,.seam-components .seam-btn.seam-btn-solid:disabled{background:#c1dfff;border-color:#c1dfff}.seam-components .seam-btn.seam-btn-outline{color:#007afc;border:1px solid #7ebcff;background:rgba(0,0,0,0)}.seam-components .seam-btn.seam-btn-outline:hover{background:#f2f8ff}.seam-components .seam-btn.seam-btn-outline.seam-btn-disabled,.seam-components .seam-btn.seam-btn-outline:disabled{background:rgba(0,0,0,0);color:#7ebcff}.seam-components .seam-btn.seam-btn-neutral{color:#6e7179;border:1px solid #b9bec5}.seam-components .seam-btn.seam-btn-neutral:hover{background:#f1f3f4;border-color:#b9bec5}.seam-components .seam-btn.seam-btn-neutral.seam-btn-disabled,.seam-components .seam-btn.seam-btn-neutral:disabled{color:#b9bec5;border-color:#d5d8dc;background:#fff}.seam-components .seam-btn.seam-btn-disabled,.seam-components .seam-btn:disabled{cursor:not-allowed}.seam-components .seam-icon-btn{border-radius:6px;border:1px solid rgba(0,122,252,.5);cursor:pointer;background:#fff;padding:6px;line-height:0}.seam-components .seam-icon-btn:hover{background:rgba(0,122,252,.08)}.seam-components .seam-text-btn{color:#007afc;padding:0;cursor:pointer;background:rgba(0,0,0,0);border:0}.seam-components .seam-text-btn:hover{text-decoration:underline}.seam-components .seam-text-btn.seam-btn-disabled,.seam-components .seam-text-btn:disabled{cursor:not-allowed;text-decoration:none}.seam-components .seam-content-header{height:56px;display:flex;align-items:center;position:relative;justify-content:center;margin:0 16px}.seam-components .seam-content-header .seam-back-icon{position:absolute;top:50%;transform:translate(4px, -25%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%;color:#6e7179}.seam-components .seam-lock-icon *{fill:#6e7179}.seam-components .seam-menu-bg{width:100vw;height:100vh;justify-content:center;align-items:center;position:fixed;inset:0;z-index:999999;display:none}.seam-components .seam-menu-hidden{display:none}.seam-components .seam-menu-visible{display:flex}.seam-components .seam-menu-content{width:250px;position:absolute;padding:8px 0;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.3),0 2px 16px 2px rgba(15,22,28,.15);border-radius:8px}.seam-components .seam-menu-content .seam-menu-item{padding:0 16px;height:36px;display:flex;align-items:center;font-size:16px;line-height:134%;cursor:pointer}.seam-components .seam-menu-content .seam-menu-item:hover{background:#f4f6f8}.seam-components .seam-menu-shadow{z-index:-1;opacity:0;visibility:hidden;top:0;right:0;position:fixed}.seam-components .seam-device-details .seam-body{display:flex;flex-direction:column;gap:16px;margin:0 24px 24px}.seam-components .seam-device-details .seam-body .seam-box{border:1px solid #d5d8dc;border-radius:8px}.seam-components .seam-device-details .seam-body .seam-box .seam-content{padding:12px 12px 12px 16px}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes{padding:12px 8px 12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes:hover{background:#f4f6f8}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length{border-top:1px solid #d5d8dc}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status{display:flex;justify-content:space-between}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-lock-status>.seam-right{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-label{font-size:14px;line-height:134%;color:#6e7179}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-value{display:block;font-weight:600;font-size:16px;line-height:134%}.seam-components .seam-device-details .seam-body .seam-summary{padding:24px 16px;border-radius:16px;background:#f1f3f4}.seam-components .seam-device-details .seam-body .seam-summary .seam-content{display:flex;align-items:center;gap:20px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image{width:100px;height:100px;display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-image img{max-width:100%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info>.seam-label{color:#6e7179;font-weight:600;font-size:14px;line-height:134%;margin-bottom:4px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-device-name{margin-bottom:16px;font-weight:600;font-size:21px;line-height:132%}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties{display:grid;grid-template-columns:min-content 1fr;grid-auto-rows:1fr;font-size:14px;line-height:134%;row-gap:4px;column-gap:28px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-label{color:#9da1a9}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text{color:#6e7179}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties svg{scale:.75;margin-right:8px}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties>*{display:flex;align-items:center}.seam-components .seam-device-details .seam-body .seam-icon-cell{flex:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details .seam-body .seam-name-cell{flex:1}.seam-components .seam-device-details .seam-body .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-table .seam-search-text-field{width:170px}.seam-components .seam-device-table .seam-table-row{cursor:pointer}.seam-components .seam-device-table .seam-table-row .seam-image-cell{width:64px;height:64px;padding:4px}.seam-components .seam-device-table .seam-table-row .seam-image-cell img{width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-title{max-width:380px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-model{font-weight:400;font-size:14px;line-height:134%;color:#6e7179;flex:0 1 190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses{display:flex;align-items:center;color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div{display:flex;align-items:center;margin-right:16px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div svg{scale:.75}.seam-components .seam-access-code-table .seam-search-text-field{width:170px}.seam-components .seam-access-code-table .seam-table-row{cursor:pointer}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;overflow:hidden}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-title{max-width:380px}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details{font-size:14px;line-height:134%;color:#6e7179;display:flex}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-device-name{max-width:190px;width:auto}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details .seam-dot-divider{margin:0 4px;color:#d5d8dc}.seam-components .seam-access-code-table .seam-table-row .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table-action-menu .menu-item-copy{display:flex;align-items:center;justify-content:space-between;flex:1}.seam-components .seam-access-code-details>.seam-summary{background:#f1f3f4;border-radius:16px;margin:0 24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top{padding:24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-label{font-weight:600;font-size:14px;line-height:134%;color:#6e7179;margin-bottom:4px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-access-code-name{font-weight:600;font-size:21px;line-height:132%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-code{background:#fff;border:1px solid #9da1a9;border-radius:8px;padding:10px 16px;font-weight:600;font-size:24px;line-height:134%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration{color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration .seam-label{font-weight:600;color:#232b3a}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device{border-top:1px solid #dde0e2;padding:8px 16px 8px 8px;display:flex;align-items:center}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image{width:72px;height:72px;margin-right:16px}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image img{width:100%;max-height:100%}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-body{flex:1;font-weight:400;font-size:14px;line-height:134%;margin-right:8px}.seam-components .seam-access-code-details .seam-details{font-size:16px;line-height:134%;border-bottom:1px solid rgba(0,0,0,.12);padding:0 24px}.seam-components .seam-access-code-details .seam-details .seam-row{padding:16px;display:flex;border-top:1px solid rgba(0,0,0,.12)}.seam-components .seam-access-code-details .seam-details .seam-row .seam-heading{width:112px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content{display:flex;flex:1}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times{display:flex;flex:1;font-size:16px;line-height:134%}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times .seam-label{color:#9da1a9}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div div{margin-bottom:4px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div:first-child{flex:0 1 160px}.seam-components .seam-alerts{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px}.seam-components .seam-alerts.seam-alerts-space-top{margin-top:16px}.seam-components .seam-alert{width:100%;min-height:70px;padding:8px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px}.seam-components .seam-alert .seam-alert-action{appearance:none;height:32px;padding:0 10px;border-radius:6px;background-color:rgba(0,0,0,0);font-size:14px;line-height:1;font-weight:600;white-space:nowrap;cursor:pointer}.seam-components .seam-alert .seam-alert-action:hover{background-color:#f4f6f8}.seam-components .seam-alert.seam-warning-alert{background-color:#fff2e0;border:1px solid #f8d8be}.seam-components .seam-alert.seam-warning-alert .seam-alert-action{border:1px solid #ca8852;color:#ca8852}.seam-components .seam-alert.seam-error-alert{background-color:#ffefef;border:1px solid #f1d4d4}.seam-components .seam-alert.seam-error-alert .seam-alert-action{border:1px solid #cb7d7d;color:#cb7d7d}.seam-components .seam-alert.seam-alert-space-top{margin-top:16px}.seam-components .seam-alert .seam-alert-icon{width:24px;height:24px}.seam-components .seam-alert .seam-alert-content{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-alert .seam-alert-message-wrap .seam-alert-message{font-size:14px;font-weight:400;line-height:134%;color:#232b3a}@media only screen and (width <= 500px){.seam-components .seam-alert{justify-content:flex-start;flex-direction:column}.seam-components .seam-alert .seam-alert-content{width:100%;align-items:flex-start;flex-direction:column;gap:4px}.seam-components .seam-alert .seam-alert-action-wrap{width:100%}.seam-components .seam-alert .seam-alert-action-wrap .seam-alert-action{width:100%}}.seam-components .seam-supported-device-table-filter-area{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:16px}.seam-components .seam-supported-device-table-filter-area .seam-filters-wrap{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:8px}.seam-components .seam-supported-device-table-filter-area .seam-supported-device-table-filter-area-search-bar-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu{width:100%;padding:8px 16px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row:not(:last-of-type){margin-bottom:8px}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox{appearance:checkbox}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button{appearance:none;padding:4px 8px;padding-right:24px;margin:0;border:0;box-shadow:none;border-radius:4px;background-color:#e9edef;position:relative;cursor:pointer}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button:hover{background-color:#dde0e2}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button span{font-size:14px;font-weight:500}.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button svg{position:absolute;top:2px}.seam-components .seam-supported-device-table-content-state-block{width:100%;background-color:#f1f3f4;padding:32px 8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.seam-components .seam-supported-device-table-content-message-row{height:auto !important}.seam-components .seam-supported-device-table-content-message{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:4px}.seam-components .seam-supported-device-table-content-message p{line-height:1;margin:0}.seam-components .seam-supported-device-table-content-message button{cursor:pointer;margin-top:8px}.seam-components .seam-supported-device-table-content{width:100%;overflow-x:auto;table-layout:auto;border-collapse:collapse}.seam-components .seam-supported-device-table-content th,.seam-components .seam-supported-device-table-content td{white-space:nowrap;padding:0 8px}.seam-components .seam-supported-device-table-content thead{width:100%;height:50px;background:#f1f3f4;overflow:hidden}.seam-components .seam-supported-device-table-content thead tr{border-radius:8px}.seam-components .seam-supported-device-table-content thead th{vertical-align:middle;text-align:left;font-size:16px;font-weight:600}.seam-components .seam-supported-device-table-content tbody tr{height:60px;border-bottom:1px solid #e9edef}.seam-components .seam-supported-device-table-content tbody td{vertical-align:middle}.seam-components .seam-supported-device-table-content tr th:first-of-type,.seam-components .seam-supported-device-table-content tr td:first-of-type{padding-left:8px}.seam-components .seam-supported-device-table-content tr th:last-of-type,.seam-components .seam-supported-device-table-content tr td:last-of-type{padding-right:8px}.seam-components .seam-supported-device-table-content .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:90px;background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill span{color:#fff;font-size:14px;font-weight:600;line-height:1}.seam-components .seam-supported-device-table-content .seam-status-pill.status-green{background-color:#27ae60}.seam-components .seam-supported-device-table-content .seam-status-pill.status-orange{background-color:#f3980f}.seam-components .seam-supported-device-table-content .seam-status-pill.status-red{background-color:#e36857}.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue{background-color:#007afc}.seam-components .seam-supported-device-table-content .seam-status-pill.status-gray{background-color:#cbd0d3}/*# sourceMappingURL=index.min.css.map */
|
package/index.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["src/styles/_main.scss","src/styles/_typography.scss","src/styles/_reset.scss","src/styles/_colors.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_icons.scss","src/styles/_menus.scss","src/styles/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss","src/styles/_alert.scss","src/styles/_supported-
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["src/styles/_main.scss","src/styles/_typography.scss","src/styles/_reset.scss","src/styles/_colors.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_icons.scss","src/styles/_menus.scss","src/styles/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss","src/styles/_alert.scss","src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAgBA,iBCbE,2JCGA,wEAGE,sBAGF,ylCAmDE,SACA,UACA,SACA,eACA,oBACA,wBACA,kCACA,mCACA,sBAGF,oHAKE,cAGF,sBACE,cAGF,wCAEE,gBAGF,+CAEE,YAGF,4HAIE,WACA,aAGF,uBACE,yBACA,iBAGF,uBACE,gBACA,gBDtGF,wHAME,gBAKF,+BACE,METU,QFcZ,mCACE,MENS,QFWX,sBACE,MEvBW,QF4Bb,sCACE,cACA,WACA,mBACA,gBACA,uBGxCF,oCACE,aACA,8BACA,uBACA,YACA,eAEA,+CACE,aACA,8BACA,mBACA,WAIJ,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YACA,6BAEA,uCACE,mBAGF,6CACE,gBACA,eACA,iBAMJ,kCACE,aACA,mBACA,YAKF,+CACE,aACA,eACA,iBACA,aACA,mBACA,uBAKF,wCACE,aACA,mBACA,iBACA,WDrDG,QCuDH,mEACE,gBACA,SACA,oCACA,UAEA,uEACE,YAEA,yEACE,KDzEI,QC+EZ,yCACE,aACA,mBACA,wBACA,kBACA,yBACA,eACA,iBAEA,6CACE,UAGF,wDACE,eAEA,8DACE,iCACA,yBAIJ,uDACE,gBACA,yBC/GJ,kCACE,yBACA,kBACA,cACA,aACA,mBAEA,wCACE,aFDS,QEIX,+CACE,aFbI,QEgBN,gDACE,aFLQ,QEMR,mBACA,mBAEA,uEACE,mBAIJ,yDACE,YACA,SAEA,+DACE,aAIJ,kDACE,aACA,mBAEA,sDACE,YAGF,6DACE,iBAGF,yDACE,WACA,YACA,aACA,uBACA,mBACA,gBACA,+BACA,UACA,SACA,SACA,gBACA,kBACA,eAEA,+DACE,iBF/CH,QEkDC,qEACE,UACA,kBAMJ,gFACE,WCqCN,2BL/GA,2JKoHE,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WH7DM,QG8DN,WACA,yBAEA,gDACE,WH5DS,QG6DT,aH7DS,QGgEX,+GAEE,WHjEQ,QGkER,aHlEQ,QGsEZ,4CACE,MH9EM,QG+EN,yBACA,yBAEA,kDACE,WH9EM,QGiFR,mHAEE,yBACA,MHxFO,QG4FX,4CACE,MHrFU,QGsFV,yBAEA,kDACE,WHjFC,QGkFD,aHxFU,QG2FZ,mHAEE,MH7FU,QG8FV,aH7FQ,QG8FR,gBAcF,iFAEE,mBAxHJ,gCACE,kBACA,oCACA,eACA,gBACA,YACA,cAEA,sCACE,+BAMJ,gCACE,MHlBM,QGmBN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBC9BJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MJXQ,QKPV,mCACE,KLMQ,QMRZ,+BACE,YACA,aACA,uBACA,mBACA,eACA,QACA,eACA,aAGF,mCACE,aAGF,oCACE,aAGF,oCACE,YACA,kBACA,cACA,gBACA,oEACA,kBAEA,oDACE,eACA,YACA,aACA,mBACA,eACA,iBACA,eAEA,0DACE,WNVQ,QMed,mCACE,WACA,UACA,kBACA,MACA,QACA,eC/CA,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WPKE,QODN,iGACE,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MPnCE,QOsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WP1CD,QO4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MPtEA,QOuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MP7FF,QOgGA,2HACE,MPlGF,QOqGA,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA,uBClJJ,4DACE,YAGF,oDACE,eAEA,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,gFACE,gBAGF,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,MRhCE,QQiCF,eACA,mBACA,gBACA,uBAGF,uGACE,aACA,mBACA,MR1CE,QQ2CF,eACA,iBAEA,2GACE,aACA,mBACA,kBAEA,+GACE,UC3DZ,iEACE,YAGF,yDACE,eAEA,yEACE,OACA,aACA,mBACA,uBAEA,6EACE,WACA,YACA,aACA,mBACA,uBAIJ,yEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,qFACE,gBAGF,4FACE,eACA,iBACA,MT9BI,QS+BJ,aAEA,8GACE,gBACA,WAGF,8GACE,aACA,MTrCE,QS0CR,2EACE,kBACA,aACA,mBACA,uBAMJ,qEACE,aACA,mBACA,8BACA,OClEF,yDACE,WVcC,QUbD,mBACA,mBAEA,mEACE,kBAEA,+EACE,gBACA,eACA,iBACA,MVLI,QUMJ,kBAGF,0FACE,gBACA,eACA,iBACA,kBAGF,8EACE,gBACA,yBACA,kBACA,kBACA,gBACA,eACA,iBACA,kBAGF,kFACE,MV5BI,QU6BJ,eACA,iBAEA,8FACE,gBACA,MVnCG,QUwCT,kFACE,6BACA,yBACA,aACA,mBAEA,qGACE,WACA,YACA,kBAEA,yGACE,WACA,gBAIJ,6FACE,OACA,gBACA,eACA,iBACA,iBAKN,yDACE,eACA,iBACA,wCACA,eAEA,mEACE,aACA,aACA,qCAEA,iFACE,YAGF,iFACE,aACA,OAEA,6FACE,aACA,OACA,eACA,iBAEA,yGACE,MV3FA,QU+FA,qGACE,kBAGF,6GACE,eC5Gd,8BACE,WACA,aACA,2BACA,uBACA,sBACA,QAEA,oDACE,gBAKJ,6BACE,WACA,gBACA,iBACA,kBACA,aACA,8BACA,mBACA,mBACA,SAEA,gDACE,gBACA,YACA,eACA,kBACA,+BACA,eACA,cACA,gBACA,mBACA,eAEA,sDACE,iBXZQ,QWgBZ,gDACE,iBXlBY,QWmBZ,yBAEA,mEACE,yBACA,MXzBU,QW6Bd,8CACE,iBX/Ba,QWgCb,yBAEA,iEACE,yBACA,MXtCW,QW0Cf,kDACE,gBAGF,8CACE,WACA,YAGF,iDACE,aACA,2BACA,mBACA,mBACA,QAIA,0EACE,eACA,gBACA,iBACA,MX9EO,QWmFb,wCACE,6BACE,2BACA,sBAEA,iDACE,WACA,uBACA,sBACA,QAGF,qDACE,WAEA,wEACE,YCxGR,0DACE,WACA,aACA,8BACA,mBACA,mBACA,aAEA,6EACE,aACA,2BACA,mBACA,mBACA,QAGF,mHACE,kBACA,aACA,uBACA,mBACA,mBAIJ,0DACE,WACA,iBAEA,gFACE,WACA,aACA,8BACA,mBACA,mBAEA,mGACE,kBAGF,4GACE,WACA,aACA,8BACA,mBACA,mBAGF,sGACE,oBAIJ,wGACE,WACA,aACA,8BACA,mBACA,mBAEA,+GACE,gBACA,gBACA,mBACA,SACA,SACA,gBACA,kBACA,iBZvDD,QYwDC,kBACA,eAEA,qHACE,iBZ7DH,QYgEC,oHACE,eACA,gBAGF,mHACE,kBACA,QAMR,kEACE,WACA,iBZ7EG,QY8EH,iBACA,aACA,uBACA,mBACA,sBACA,QAGF,kEACE,uBAGF,8DACE,WACA,eACA,aACA,uBACA,mBACA,sBACA,kBACA,QAEA,gEACE,cACA,SAGF,qEACE,eACA,eAIJ,sDACE,WACA,gBACA,kBACA,yBAEA,kHAEE,mBACA,cAGF,4DACE,WACA,YACA,WZ9HC,QY+HD,gBAEA,+DACE,kBAGF,+DACE,sBACA,gBACA,eACA,gBAKF,+DACE,YACA,gCAGF,+DACE,sBAKF,oJAEE,aA5KM,IA+KR,kJAEE,cAjLM,IAqLV,wEACE,oBACA,gBACA,mBACA,iBZpKS,QYsKT,6EACE,WACA,eACA,gBACA,cAGF,qFACE,iBZ9KO,QYiLT,sFACE,iBZnLQ,QYsLV,mFACE,iBZxLK,QY2LP,oFACE,iBZ/ME,QYkNJ,oFACE,iBZrMD","file":"index.min.css"}
|
|
@@ -15,6 +15,7 @@ import { TableCell } from '../../../lib/ui/Table/TableCell.js';
|
|
|
15
15
|
import { TableHeader } from '../../../lib/ui/Table/TableHeader.js';
|
|
16
16
|
import { TableRow } from '../../../lib/ui/Table/TableRow.js';
|
|
17
17
|
import { TableTitle } from '../../../lib/ui/Table/TableTitle.js';
|
|
18
|
+
import { SearchTextField } from '../../../lib/ui/TextField/SearchTextField.js';
|
|
18
19
|
import { Caption } from '../../../lib/ui/typography/Caption.js';
|
|
19
20
|
import { Title } from '../../../lib/ui/typography/Title.js';
|
|
20
21
|
export function AccessCodeTable(props) {
|
|
@@ -23,6 +24,7 @@ export function AccessCodeTable(props) {
|
|
|
23
24
|
});
|
|
24
25
|
const { onBack } = props;
|
|
25
26
|
const [selectedAccessCode, selectAccessCode] = useState(null);
|
|
27
|
+
const [searchTerm, setSearchTerm] = useState('');
|
|
26
28
|
if (selectedAccessCode != null) {
|
|
27
29
|
return (_jsx(AccessCodeDetails, { accessCodeId: selectedAccessCode.access_code_id, onBack: () => {
|
|
28
30
|
selectAccessCode(null);
|
|
@@ -31,7 +33,14 @@ export function AccessCodeTable(props) {
|
|
|
31
33
|
if (accessCodes == null) {
|
|
32
34
|
return null;
|
|
33
35
|
}
|
|
34
|
-
|
|
36
|
+
const filteredCodes = accessCodes.filter((accessCode) => {
|
|
37
|
+
if (searchTerm === '') {
|
|
38
|
+
return true;
|
|
39
|
+
}
|
|
40
|
+
return new RegExp(searchTerm, 'i').test(accessCode.name ?? '');
|
|
41
|
+
});
|
|
42
|
+
const accessCodeCount = accessCodes.length;
|
|
43
|
+
return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodeCount, ")"] })] }), _jsx(SearchTextField, { value: searchTerm, onChange: setSearchTerm, disabled: accessCodeCount === 0 })] }), _jsx(TableBody, { children: _jsx(Body, { accessCodes: filteredCodes, selectAccessCode: selectAccessCode }) })] }));
|
|
35
44
|
}
|
|
36
45
|
function Body(props) {
|
|
37
46
|
const { accessCodes, selectAccessCode } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAOlD,MAAM,UAAU,eAAe,CAC7B,KAA2B;IAE3B,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACrC,SAAS,EAAE,KAAK,CAAC,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACrD,IAAI,CACL,CAAA;
|
|
1
|
+
{"version":3,"file":"AccessCodeTable.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeTable/AccessCodeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EACL,cAAc,GAEf,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAOlD,MAAM,UAAU,eAAe,CAC7B,KAA2B;IAE3B,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACrC,SAAS,EAAE,KAAK,CAAC,QAAQ;KAC1B,CAAC,CAAA;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CACrD,IAAI,CACL,CAAA;IACD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEhD,IAAI,kBAAkB,IAAI,IAAI,EAAE;QAC9B,OAAO,CACL,KAAC,iBAAiB,IAChB,YAAY,EAAE,kBAAkB,CAAC,cAAc,EAC/C,MAAM,EAAE,GAAG,EAAE;gBACX,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACxB,CAAC,GACD,CACH,CAAA;KACF;IAED,IAAI,WAAW,IAAI,IAAI,EAAE;QACvB,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE;QACtD,IAAI,UAAU,KAAK,EAAE,EAAE;YACrB,OAAO,IAAI,CAAA;SACZ;QAED,OAAO,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,MAAC,WAAW,eACV,MAAC,UAAU,eACR,CAAC,CAAC,WAAW,OAAE,MAAC,OAAO,oBAAG,eAAe,SAAY,IAC3C,EACb,KAAC,eAAe,IACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,eAAe,KAAK,CAAC,GAC/B,IACU,EACd,KAAC,SAAS,cACR,KAAC,IAAI,IAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GAC9D,IACR,CACP,CAAA;AACH,CAAC;AAED,SAAS,IAAI,CAAC,KAGb;IACC,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IAE/C,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5B,OAAO,KAAC,gBAAgB,cAAE,CAAC,CAAC,oBAAoB,GAAoB,CAAA;KACrE;IAED,OAAO,CACL,4BACG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,KAAC,aAAa,IAEZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,gBAAgB,CAAC,UAAU,CAAC,CAAA;YAC9B,CAAC,IAJI,UAAU,CAAC,cAAc,CAK9B,CACH,CAAC,GACD,CACJ,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAGtB;IACC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,OAAO,CACL,MAAC,QAAQ,IAAiC,OAAO,EAAE,OAAO,aACxD,KAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,YACnC,wBACE,KAAC,iBAAiB,KAAG,GACjB,GACI,EACZ,MAAC,SAAS,IAAC,SAAS,EAAC,gBAAgB,aACnC,KAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,YAAE,UAAU,CAAC,IAAI,GAAS,EAChE,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IAC7B,EACZ,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,YACrC,KAAC,eAAe,IACd,SAAS,EAAE;wBACT,eAAe,EAAE;4BACf,SAAS,EAAE,oCAAoC;yBAChD;qBACF,YAED,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,eAAe,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;wBAC7C,CAAC,YAED,eAAK,SAAS,EAAC,gBAAgB,aAC7B,2BACG,CAAC,CAAC,QAAQ,SAAK,UAAU,CAAC,IAAI,IAC1B,EACP,KAAC,QAAQ,KAAG,IACR,GACG,GACK,GACR,KA/BC,UAAU,CAAC,cAAc,CAgC7B,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,oBAAoB,EAAE,mCAAmC;CAC1D,CAAA"}
|
package/lib/ui/Alert/Alert.js
CHANGED
|
@@ -4,7 +4,7 @@ import { ExclamationCircleIcon } from '../../../lib/icons/ExclamationCircle.js';
|
|
|
4
4
|
import { TriangleWarningIcon } from '../../../lib/icons/TriangleWarning.js';
|
|
5
5
|
export function Alert(props) {
|
|
6
6
|
const { variant, message, className } = props;
|
|
7
|
-
return (_jsxs("div", { className: classNames('seam-alert', `seam-${variant}-alert`, className), children: [_jsxs("div", { className: 'seam-alert-content', children: [_jsx("div", { className: 'seam-alert-icon', children: variant === 'warning' ? (_jsx(TriangleWarningIcon, {})) : (_jsx(ExclamationCircleIcon, {})) }), _jsx("div", { className: 'seam-alert-message-wrap', children: _jsx("p", { className: 'seam-alert-message', children: message }) })] }), props.action
|
|
7
|
+
return (_jsxs("div", { className: classNames('seam-alert', `seam-${variant}-alert`, className), children: [_jsxs("div", { className: 'seam-alert-content', children: [_jsx("div", { className: 'seam-alert-icon', children: variant === 'warning' ? (_jsx(TriangleWarningIcon, {})) : (_jsx(ExclamationCircleIcon, {})) }), _jsx("div", { className: 'seam-alert-message-wrap', children: _jsx("p", { className: 'seam-alert-message', children: message }) })] }), props.action != null && _jsx(Action, { ...props.action })] }));
|
|
8
8
|
}
|
|
9
9
|
function Action(props) {
|
|
10
10
|
const handleClick = (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/lib/ui/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAclE,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE7C,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,QAAQ,OAAO,QAAQ,EAAE,SAAS,CAAC,aAEvE,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,iBAAiB,YAC7B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,GACG,EACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,YAAG,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAK,GAC3C,IACF,EACL,KAAK,CAAC,MAAM,IAAI,IAAI,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/lib/ui/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAclE,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE7C,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,QAAQ,OAAO,QAAQ,EAAE,SAAS,CAAC,aAEvE,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,iBAAiB,YAC7B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,GACG,EACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,YAAG,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAK,GAC3C,IACF,EACL,KAAK,CAAC,MAAM,IAAI,IAAI,IAAI,KAAC,MAAM,OAAK,KAAK,CAAC,MAAM,GAAI,IACjD,CACP,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,KAAkB;IAChC,MAAM,WAAW,GAAyC,CAAC,KAAK,EAAE,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,iBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,mBAAmB,YACxD,KAAK,CAAC,KAAK,GACL,GACL,CACP,CAAA;AACH,CAAC"}
|
package/lib/ui/Alert/Alerts.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
1
2
|
import { type AlertProps } from '../../../lib/ui/Alert/Alert.js';
|
|
2
3
|
interface AlertsProps {
|
|
3
4
|
alerts?: AlertProps[];
|
|
4
|
-
children?: JSX.Element;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function Alerts(props: AlertsProps): JSX.Element | null;
|
|
7
|
+
export declare function Alerts(props: PropsWithChildren<AlertsProps>): JSX.Element | null;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../../src/lib/ui/Alert/Alerts.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../../src/lib/ui/Alert/Alerts.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAmB,MAAM,uBAAuB,CAAA;AAO9D,MAAM,UAAU,MAAM,CACpB,KAAqC;IAErC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE7C,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,aACjD,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,OAAuC,KAAK,IAAtC,GAAG,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE,CAAe,CACvD,CAAC,EACD,QAAQ,IACL,CACP,CAAA;AACH,CAAC"}
|
package/lib/ui/Button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
export function Button({ variant = 'outline', children, size = 'medium', disabled, onClick, className, }) {
|
|
3
|
+
export function Button({ variant = 'outline', children, size = 'medium', disabled = false, onClick, className, }) {
|
|
4
4
|
return (_jsx("button", { className: classNames(`seam-btn seam-btn-${variant} seam-btn-${size}`, {
|
|
5
5
|
'seam-btn-disabled': disabled,
|
|
6
6
|
}, className), disabled: disabled, onClick: onClick, children: children }));
|
package/lib/ui/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/lib/ui/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/lib/ui/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,GACsB;IAC/B,OAAO,CACL,iBACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,OAAO,aAAa,IAAI,EAAE,EAC/C;YACE,mBAAmB,EAAE,QAAQ;SAC9B,EACD,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}
|