@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.
- package/README.md +56 -7
- package/index.css +43 -37
- package/index.css.map +1 -1
- package/index.min.css +1 -1
- package/index.min.css.map +1 -1
- package/lib/SeamProvider.d.ts +7 -5
- package/lib/SeamProvider.js +3 -3
- package/lib/SeamProvider.js.map +1 -1
- package/lib/seam/use-seam-font.d.ts +2 -2
- package/lib/seam/use-seam-font.js +11 -11
- package/lib/seam/use-seam-font.js.map +1 -1
- package/lib/seam/use-seam-styles.d.ts +3 -2
- package/lib/seam/use-seam-styles.js +17 -13
- package/lib/seam/use-seam-styles.js.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/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.d.ts +2 -0
- package/lib/version.js +1 -0
- package/lib/version.js.map +1 -0
- package/package.json +4 -3
- package/src/lib/SeamProvider.tsx +17 -10
- package/src/lib/seam/use-seam-font.ts +10 -11
- package/src/lib/seam/use-seam-styles.ts +23 -13
- 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/lib/version.ts +1 -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
|
@@ -13,7 +13,7 @@ with everything you need to get started with [Seam].
|
|
|
13
13
|
Play with them live in the [Storybook]!
|
|
14
14
|
|
|
15
15
|
[Seam]: https://www.seam.co/
|
|
16
|
-
[Storybook]: https://
|
|
16
|
+
[Storybook]: https://react.seam.co/
|
|
17
17
|
|
|
18
18
|
## Installation
|
|
19
19
|
|
|
@@ -50,12 +50,40 @@ export const App = () => {
|
|
|
50
50
|
|
|
51
51
|
[Seam Console]: https://console.seam.co/
|
|
52
52
|
|
|
53
|
+
### Styles
|
|
54
|
+
|
|
55
|
+
> CSS is automatically included unless using `<SeamProvider disableCssInjection />`.
|
|
56
|
+
|
|
57
|
+
Components are styled with plain Cascading Style Sheets (CSS).
|
|
58
|
+
All styles are prefixed with `seam-` to avoid name collisions.
|
|
59
|
+
|
|
60
|
+
By default, the `SeamProvider` will inject a link tag into the document head to load the CSS.
|
|
61
|
+
If you prefer to manually load the CSS,
|
|
62
|
+
this behavior may be disabled with the `disableCssInjection` prop.
|
|
63
|
+
Then, either import the CSS using a supported bundler with
|
|
64
|
+
|
|
65
|
+
```ts
|
|
66
|
+
import '@seamapi/react/index.css'
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
or place the following in the `<head>` tag:
|
|
70
|
+
|
|
71
|
+
> You must match the version string below with the exact version of this package used by your application.
|
|
72
|
+
|
|
73
|
+
```html
|
|
74
|
+
<link rel="stylesheet" href="https://react.seam.co/v/1.0.0/index.min.css" />
|
|
75
|
+
```
|
|
76
|
+
|
|
53
77
|
### Fonts
|
|
54
78
|
|
|
55
|
-
>
|
|
79
|
+
> Fonts are automatically included unless using `<SeamProvider disableFontInjection />`.
|
|
56
80
|
|
|
57
81
|
The components are optimized for use with [Source Sans Pro], but will fallback to other system sans-serif fonts.
|
|
58
|
-
|
|
82
|
+
|
|
83
|
+
By default, the `SeamProvider` will inject a link tag into the document head to load the font.
|
|
84
|
+
If you prefer to manually provide the font,
|
|
85
|
+
this behavior may be disabled with the `disableFontInjection` prop.
|
|
86
|
+
Then, load it from Google Fonts by placing the following in the `<head>` tag:
|
|
59
87
|
|
|
60
88
|
```html
|
|
61
89
|
<link
|
|
@@ -68,7 +96,19 @@ Load the font from Google Fonts by placing the following in the `<head>` tag:
|
|
|
68
96
|
|
|
69
97
|
### Content Security Policy (CSP)
|
|
70
98
|
|
|
71
|
-
|
|
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),
|
|
72
112
|
and proxying the Seam API endpoint, the components are compatible with this strict CSP:
|
|
73
113
|
|
|
74
114
|
```
|
|
@@ -90,6 +130,12 @@ When serving the fonts from Google Fonts, include `font-src` and `style-src` wit
|
|
|
90
130
|
font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
|
|
91
131
|
```
|
|
92
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
|
+
|
|
93
139
|
## Development and Testing
|
|
94
140
|
|
|
95
141
|
### Quickstart
|
|
@@ -174,9 +220,12 @@ $ npm run docs:start
|
|
|
174
220
|
### Fake Seam Connect
|
|
175
221
|
|
|
176
222
|
This project uses a [fake version of Seam Connect](https://github.com/seamapi/fake-seam-connect)
|
|
177
|
-
to have deterministic responses for rendering views
|
|
178
|
-
|
|
179
|
-
|
|
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).
|
|
180
229
|
|
|
181
230
|
### Previews
|
|
182
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;
|
|
@@ -848,7 +854,7 @@
|
|
|
848
854
|
width: 100%;
|
|
849
855
|
}
|
|
850
856
|
}
|
|
851
|
-
.seam-components .seam-supported-
|
|
857
|
+
.seam-components .seam-supported-device-table-filter-area {
|
|
852
858
|
width: 100%;
|
|
853
859
|
display: flex;
|
|
854
860
|
justify-content: space-between;
|
|
@@ -856,52 +862,52 @@
|
|
|
856
862
|
flex-direction: row;
|
|
857
863
|
padding: 16px;
|
|
858
864
|
}
|
|
859
|
-
.seam-components .seam-supported-
|
|
865
|
+
.seam-components .seam-supported-device-table-filter-area .seam-filters-wrap {
|
|
860
866
|
display: flex;
|
|
861
867
|
justify-content: flex-start;
|
|
862
868
|
align-items: center;
|
|
863
869
|
flex-direction: row;
|
|
864
870
|
gap: 8px;
|
|
865
871
|
}
|
|
866
|
-
.seam-components .seam-supported-
|
|
872
|
+
.seam-components .seam-supported-device-table-filter-area .seam-supported-device-table-filter-area-search-bar-wrap {
|
|
867
873
|
position: relative;
|
|
868
874
|
display: flex;
|
|
869
875
|
justify-content: center;
|
|
870
876
|
align-items: center;
|
|
871
877
|
flex-direction: row;
|
|
872
878
|
}
|
|
873
|
-
.seam-components .seam-supported-
|
|
879
|
+
.seam-components .seam-supported-device-table-filter-menu {
|
|
874
880
|
width: 100%;
|
|
875
881
|
padding: 8px 16px;
|
|
876
882
|
}
|
|
877
|
-
.seam-components .seam-supported-
|
|
883
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row {
|
|
878
884
|
width: 100%;
|
|
879
885
|
display: flex;
|
|
880
886
|
justify-content: space-between;
|
|
881
887
|
align-items: center;
|
|
882
888
|
flex-direction: row;
|
|
883
889
|
}
|
|
884
|
-
.seam-components .seam-supported-
|
|
890
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row:not(:last-of-type) {
|
|
885
891
|
margin-bottom: 8px;
|
|
886
892
|
}
|
|
887
|
-
.seam-components .seam-supported-
|
|
893
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox-label {
|
|
888
894
|
width: 100%;
|
|
889
895
|
display: flex;
|
|
890
896
|
justify-content: space-between;
|
|
891
897
|
align-items: center;
|
|
892
898
|
flex-direction: row;
|
|
893
899
|
}
|
|
894
|
-
.seam-components .seam-supported-
|
|
900
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-filter-menu-row .seam-filter-checkbox {
|
|
895
901
|
appearance: checkbox;
|
|
896
902
|
}
|
|
897
|
-
.seam-components .seam-supported-
|
|
903
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap {
|
|
898
904
|
width: 100%;
|
|
899
905
|
display: flex;
|
|
900
906
|
justify-content: space-between;
|
|
901
907
|
align-items: center;
|
|
902
908
|
flex-direction: row;
|
|
903
909
|
}
|
|
904
|
-
.seam-components .seam-supported-
|
|
910
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button {
|
|
905
911
|
appearance: none;
|
|
906
912
|
padding: 4px 8px;
|
|
907
913
|
padding-right: 24px;
|
|
@@ -913,18 +919,18 @@
|
|
|
913
919
|
position: relative;
|
|
914
920
|
cursor: pointer;
|
|
915
921
|
}
|
|
916
|
-
.seam-components .seam-supported-
|
|
922
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button:hover {
|
|
917
923
|
background-color: #dde0e2;
|
|
918
924
|
}
|
|
919
|
-
.seam-components .seam-supported-
|
|
925
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button span {
|
|
920
926
|
font-size: 14px;
|
|
921
927
|
font-weight: 500;
|
|
922
928
|
}
|
|
923
|
-
.seam-components .seam-supported-
|
|
929
|
+
.seam-components .seam-supported-device-table-filter-menu .seam-supported-device-table-filter-menu-wrap button svg {
|
|
924
930
|
position: absolute;
|
|
925
931
|
top: 2px;
|
|
926
932
|
}
|
|
927
|
-
.seam-components .seam-supported-
|
|
933
|
+
.seam-components .seam-supported-device-table-content-state-block {
|
|
928
934
|
width: 100%;
|
|
929
935
|
background-color: #f1f3f4;
|
|
930
936
|
padding: 32px 8px;
|
|
@@ -934,10 +940,10 @@
|
|
|
934
940
|
flex-direction: column;
|
|
935
941
|
gap: 8px;
|
|
936
942
|
}
|
|
937
|
-
.seam-components .seam-supported-
|
|
943
|
+
.seam-components .seam-supported-device-table-content-message-row {
|
|
938
944
|
height: auto !important;
|
|
939
945
|
}
|
|
940
|
-
.seam-components .seam-supported-
|
|
946
|
+
.seam-components .seam-supported-device-table-content-message {
|
|
941
947
|
width: 100%;
|
|
942
948
|
padding: 32px 0;
|
|
943
949
|
display: flex;
|
|
@@ -947,80 +953,80 @@
|
|
|
947
953
|
text-align: center;
|
|
948
954
|
gap: 4px;
|
|
949
955
|
}
|
|
950
|
-
.seam-components .seam-supported-
|
|
956
|
+
.seam-components .seam-supported-device-table-content-message p {
|
|
951
957
|
line-height: 1;
|
|
952
958
|
margin: 0;
|
|
953
959
|
}
|
|
954
|
-
.seam-components .seam-supported-
|
|
960
|
+
.seam-components .seam-supported-device-table-content-message button {
|
|
955
961
|
cursor: pointer;
|
|
956
962
|
margin-top: 8px;
|
|
957
963
|
}
|
|
958
|
-
.seam-components .seam-supported-
|
|
964
|
+
.seam-components .seam-supported-device-table-content {
|
|
959
965
|
width: 100%;
|
|
960
966
|
overflow-x: auto;
|
|
961
967
|
table-layout: auto;
|
|
962
968
|
border-collapse: collapse;
|
|
963
969
|
}
|
|
964
|
-
.seam-components .seam-supported-
|
|
965
|
-
.seam-components .seam-supported-
|
|
970
|
+
.seam-components .seam-supported-device-table-content th,
|
|
971
|
+
.seam-components .seam-supported-device-table-content td {
|
|
966
972
|
white-space: nowrap;
|
|
967
973
|
padding: 0 8px;
|
|
968
974
|
}
|
|
969
|
-
.seam-components .seam-supported-
|
|
975
|
+
.seam-components .seam-supported-device-table-content thead {
|
|
970
976
|
width: 100%;
|
|
971
977
|
height: 50px;
|
|
972
978
|
background: #f1f3f4;
|
|
973
979
|
overflow: hidden;
|
|
974
980
|
}
|
|
975
|
-
.seam-components .seam-supported-
|
|
981
|
+
.seam-components .seam-supported-device-table-content thead tr {
|
|
976
982
|
border-radius: 8px;
|
|
977
983
|
}
|
|
978
|
-
.seam-components .seam-supported-
|
|
984
|
+
.seam-components .seam-supported-device-table-content thead th {
|
|
979
985
|
vertical-align: middle;
|
|
980
986
|
text-align: left;
|
|
981
987
|
font-size: 16px;
|
|
982
988
|
font-weight: 600;
|
|
983
989
|
}
|
|
984
|
-
.seam-components .seam-supported-
|
|
990
|
+
.seam-components .seam-supported-device-table-content tbody tr {
|
|
985
991
|
height: 60px;
|
|
986
992
|
border-bottom: 1px solid #e9edef;
|
|
987
993
|
}
|
|
988
|
-
.seam-components .seam-supported-
|
|
994
|
+
.seam-components .seam-supported-device-table-content tbody td {
|
|
989
995
|
vertical-align: middle;
|
|
990
996
|
}
|
|
991
|
-
.seam-components .seam-supported-
|
|
992
|
-
.seam-components .seam-supported-
|
|
997
|
+
.seam-components .seam-supported-device-table-content tr th:first-of-type,
|
|
998
|
+
.seam-components .seam-supported-device-table-content tr td:first-of-type {
|
|
993
999
|
padding-left: 8px;
|
|
994
1000
|
}
|
|
995
|
-
.seam-components .seam-supported-
|
|
996
|
-
.seam-components .seam-supported-
|
|
1001
|
+
.seam-components .seam-supported-device-table-content tr th:last-of-type,
|
|
1002
|
+
.seam-components .seam-supported-device-table-content tr td:last-of-type {
|
|
997
1003
|
padding-right: 8px;
|
|
998
1004
|
}
|
|
999
|
-
.seam-components .seam-supported-
|
|
1005
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill {
|
|
1000
1006
|
display: inline-flex;
|
|
1001
1007
|
padding: 4px 8px;
|
|
1002
1008
|
border-radius: 90px;
|
|
1003
1009
|
background-color: #27ae60;
|
|
1004
1010
|
}
|
|
1005
|
-
.seam-components .seam-supported-
|
|
1011
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill span {
|
|
1006
1012
|
color: white;
|
|
1007
1013
|
font-size: 14px;
|
|
1008
1014
|
font-weight: 600;
|
|
1009
1015
|
line-height: 1;
|
|
1010
1016
|
}
|
|
1011
|
-
.seam-components .seam-supported-
|
|
1017
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-green {
|
|
1012
1018
|
background-color: #27ae60;
|
|
1013
1019
|
}
|
|
1014
|
-
.seam-components .seam-supported-
|
|
1020
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-orange {
|
|
1015
1021
|
background-color: #f3980f;
|
|
1016
1022
|
}
|
|
1017
|
-
.seam-components .seam-supported-
|
|
1023
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-red {
|
|
1018
1024
|
background-color: #e36857;
|
|
1019
1025
|
}
|
|
1020
|
-
.seam-components .seam-supported-
|
|
1026
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue {
|
|
1021
1027
|
background-color: #007afc;
|
|
1022
1028
|
}
|
|
1023
|
-
.seam-components .seam-supported-
|
|
1029
|
+
.seam-components .seam-supported-device-table-content .seam-status-pill.status-gray {
|
|
1024
1030
|
background-color: #cbd0d3;
|
|
1025
1031
|
}
|
|
1026
1032
|
|
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;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OT1BI;ES2BJ;;AAEA;EACE;EACA;;AAGF;EACE;EACA,OTjCE;;ASsCR;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AC9DF;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-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,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,MT1BI,QS2BJ,aAEA,8GACE,gBACA,WAGF,8GACE,aACA,MTjCE,QSsCR,2EACE,kBACA,aACA,mBACA,uBAMJ,qEACE,aACA,mBACA,8BACA,OC9DF,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"}
|
package/lib/SeamProvider.d.ts
CHANGED
|
@@ -10,10 +10,7 @@ export interface SeamContext {
|
|
|
10
10
|
userIdentifierKey?: string | undefined;
|
|
11
11
|
clientSessionToken?: string | undefined;
|
|
12
12
|
}
|
|
13
|
-
type SeamProviderProps =
|
|
14
|
-
disableCssInjection?: boolean | undefined;
|
|
15
|
-
disableFontInjection?: boolean | undefined;
|
|
16
|
-
} & (SeamProviderPropsWithClient | (SeamProviderPropsWithPublishableKey & AllowedSeamClientOptions) | (SeamProviderPropsWithClientSessionToken & AllowedSeamClientOptions));
|
|
13
|
+
type SeamProviderProps = SeamProviderBaseProps & (SeamProviderPropsWithClient | (SeamProviderPropsWithPublishableKey & AllowedSeamClientOptions) | (SeamProviderPropsWithClientSessionToken & AllowedSeamClientOptions));
|
|
17
14
|
interface SeamProviderPropsWithClient {
|
|
18
15
|
client: Seam;
|
|
19
16
|
}
|
|
@@ -24,8 +21,13 @@ interface SeamProviderPropsWithPublishableKey {
|
|
|
24
21
|
interface SeamProviderPropsWithClientSessionToken {
|
|
25
22
|
clientSessionToken: string;
|
|
26
23
|
}
|
|
24
|
+
interface SeamProviderBaseProps {
|
|
25
|
+
disableCssInjection?: boolean | undefined;
|
|
26
|
+
disableFontInjection?: boolean | undefined;
|
|
27
|
+
useUnminifiedCss?: boolean | undefined;
|
|
28
|
+
}
|
|
27
29
|
type AllowedSeamClientOptions = Pick<SeamClientOptions, 'endpoint'>;
|
|
28
|
-
export declare function SeamProvider({ children, ...props }: PropsWithChildren<SeamProviderProps>): JSX.Element;
|
|
30
|
+
export declare function SeamProvider({ children, disableCssInjection, disableFontInjection, useUnminifiedCss, ...props }: PropsWithChildren<SeamProviderProps>): JSX.Element;
|
|
29
31
|
export declare const seamContext: import("react").Context<SeamContext>;
|
|
30
32
|
export declare function useSeamContext(): SeamContext;
|
|
31
33
|
export {};
|
package/lib/SeamProvider.js
CHANGED
|
@@ -4,7 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
|
4
4
|
import { createContext, useContext, useRef, } from 'react';
|
|
5
5
|
import { useSeamFont } from './seam/use-seam-font.js';
|
|
6
6
|
import { useSeamStyles } from './seam/use-seam-styles.js';
|
|
7
|
-
export function SeamProvider({ children, ...props }) {
|
|
7
|
+
export function SeamProvider({ children, disableCssInjection = false, disableFontInjection = false, useUnminifiedCss = false, ...props }) {
|
|
8
8
|
const { Provider } = seamContext;
|
|
9
9
|
const queryClientRef = useRef(new QueryClient());
|
|
10
10
|
const contextRef = useRef(createSeamContextValue(props));
|
|
@@ -18,8 +18,8 @@ export function SeamProvider({ children, ...props }) {
|
|
|
18
18
|
contextRef.current.clientSessionToken == null) {
|
|
19
19
|
throw new Error(`Must provide either a Seam client, clientSessionToken or a publishableKey.`);
|
|
20
20
|
}
|
|
21
|
-
useSeamStyles({
|
|
22
|
-
useSeamFont({
|
|
21
|
+
useSeamStyles({ disabled: disableCssInjection, unminified: useUnminifiedCss });
|
|
22
|
+
useSeamFont({ disabled: disableFontInjection });
|
|
23
23
|
return (_jsx("div", { className: 'seam-components', children: _jsx(QueryClientProvider, { client: queryClientRef.current, children: _jsx(Provider, { value: { ...contextRef.current }, children: children }) }) }));
|
|
24
24
|
}
|
|
25
25
|
const createDefaultSeamContextValue = () => {
|
package/lib/SeamProvider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeamProvider.js","sourceRoot":"","sources":["../src/lib/SeamProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EACL,aAAa,EAEb,UAAU,EACV,MAAM,GACP,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"SeamProvider.js","sourceRoot":"","sources":["../src/lib/SeamProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useSeamFont: ({
|
|
2
|
-
|
|
1
|
+
export declare const useSeamFont: ({ disabled }: {
|
|
2
|
+
disabled?: boolean | undefined;
|
|
3
3
|
}) => void;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
const fontUrl = 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap';
|
|
3
|
-
export const useSeamFont = ({
|
|
3
|
+
export const useSeamFont = ({ disabled = false }) => {
|
|
4
4
|
useEffect(() => {
|
|
5
|
-
if (
|
|
5
|
+
if (disabled)
|
|
6
6
|
return;
|
|
7
|
-
if (
|
|
7
|
+
if (globalThis.document == null)
|
|
8
8
|
return;
|
|
9
9
|
const linkEl = globalThis.document.querySelector(`link[href="${fontUrl}"]`);
|
|
10
|
-
if (linkEl
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}, [
|
|
10
|
+
if (linkEl != null)
|
|
11
|
+
return;
|
|
12
|
+
const link = globalThis.document.createElement('link');
|
|
13
|
+
link.rel = 'stylesheet';
|
|
14
|
+
link.type = 'text/css';
|
|
15
|
+
link.href = fontUrl;
|
|
16
|
+
globalThis.document.head.appendChild(link);
|
|
17
|
+
}, [disabled]);
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=use-seam-font.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-seam-font.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-font.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,OAAO,GACX,wFAAwF,CAAA;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"use-seam-font.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-font.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,OAAO,GACX,wFAAwF,CAAA;AAE1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YAAE,OAAM;QACpB,IAAI,UAAU,CAAC,QAAQ,IAAI,IAAI;YAAE,OAAM;QAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,cAAc,OAAO,IAAI,CAAC,CAAA;QAC3E,IAAI,MAAM,IAAI,IAAI;YAAE,OAAM;QAE1B,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACtD,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;QACvB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;QACtB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAA;QACnB,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAChB,CAAC,CAAA"}
|