@seamapi/react 1.28.1 → 1.30.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 +4 -3
- package/dist/elements.js +5767 -5579
- package/dist/elements.js.map +1 -1
- package/dist/index.css +105 -17
- package/dist/index.css.map +1 -1
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/lib/icons/Add.d.ts +2 -0
- package/lib/icons/Add.js +7 -0
- package/lib/icons/Add.js.map +1 -0
- package/lib/icons/DotsEllipsisMore.js +2 -2
- package/lib/icons/DotsEllipsisMore.js.map +1 -1
- package/lib/seam/access-codes/use-create-access-code.d.ts +6 -0
- package/lib/seam/access-codes/use-create-access-code.js +18 -0
- package/lib/seam/access-codes/use-create-access-code.js.map +1 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeForm.d.ts +7 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeForm.js +52 -0
- package/lib/seam/components/AccessCodeForm/AccessCodeForm.js.map +1 -0
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.d.ts +2 -1
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +10 -2
- package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -1
- package/lib/seam/index.d.ts +1 -0
- package/lib/seam/index.js +1 -0
- package/lib/seam/index.js.map +1 -1
- package/lib/ui/Button.d.ts +2 -1
- package/lib/ui/Button.js +2 -2
- package/lib/ui/Button.js.map +1 -1
- package/lib/ui/FormField.d.ts +7 -0
- package/lib/ui/FormField.js +37 -0
- package/lib/ui/FormField.js.map +1 -0
- package/lib/ui/InputLabel.d.ts +7 -0
- package/lib/ui/InputLabel.js +7 -0
- package/lib/ui/InputLabel.js.map +1 -0
- package/lib/ui/TextField/SearchTextField.js +1 -48
- package/lib/ui/TextField/SearchTextField.js.map +1 -1
- package/lib/ui/TextField/TextField.d.ts +8 -2
- package/lib/ui/TextField/TextField.js +56 -5
- package/lib/ui/TextField/TextField.js.map +1 -1
- package/lib/ui/layout/ContentHeader.d.ts +5 -3
- package/lib/ui/layout/ContentHeader.js +2 -2
- package/lib/ui/layout/ContentHeader.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +5 -5
- package/src/lib/icons/Add.tsx +33 -0
- package/src/lib/icons/DotsEllipsisMore.tsx +7 -7
- package/src/lib/seam/access-codes/use-create-access-code.ts +43 -0
- package/src/lib/seam/components/AccessCodeForm/AccessCodeForm.element.ts +12 -0
- package/src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx +113 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts +1 -0
- package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.tsx +30 -3
- package/src/lib/seam/index.ts +1 -0
- package/src/lib/ui/Button.tsx +3 -0
- package/src/lib/ui/FormField.tsx +56 -0
- package/src/lib/ui/InputLabel.tsx +21 -0
- package/src/lib/ui/TextField/SearchTextField.tsx +1 -70
- package/src/lib/ui/TextField/TextField.tsx +132 -19
- package/src/lib/ui/layout/ContentHeader.tsx +13 -5
- package/src/lib/version.ts +1 -1
- package/src/styles/_access-code-form.scss +55 -0
- package/src/styles/_access-code-table.scss +11 -0
- package/src/styles/_buttons.scss +11 -1
- package/src/styles/_colors.scss +1 -0
- package/src/styles/_form-field.scss +15 -0
- package/src/styles/_input-label.scss +11 -0
- package/src/styles/_inputs.scss +47 -22
- package/src/styles/_layout.scss +9 -1
- package/src/styles/_main.scss +6 -0
- package/src/styles/_menus.scss +3 -1
- package/src/styles/_supported-device-table.scss +2 -1
- package/src/styles/_tables.scss +1 -1
- package/src/styles/_typography.scss +12 -2
package/dist/index.css
CHANGED
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
.seam-components .seam-table-header {
|
|
132
132
|
display: flex;
|
|
133
133
|
justify-content: space-between;
|
|
134
|
-
align-items:
|
|
134
|
+
align-items: center;
|
|
135
135
|
height: 56px;
|
|
136
136
|
padding: 0 16px;
|
|
137
137
|
}
|
|
@@ -217,30 +217,24 @@
|
|
|
217
217
|
background: #fff;
|
|
218
218
|
border: 1px solid #d5d8dc;
|
|
219
219
|
}
|
|
220
|
-
.seam-components .seam-text-field {
|
|
220
|
+
.seam-components .seam-text-field > .seam-main {
|
|
221
221
|
border: 1px solid #d5d8dc;
|
|
222
222
|
border-radius: 8px;
|
|
223
|
-
padding: 0 8px;
|
|
224
223
|
display: flex;
|
|
224
|
+
padding: 0 8px;
|
|
225
225
|
align-items: center;
|
|
226
226
|
}
|
|
227
|
-
.seam-components .seam-text-field:hover {
|
|
227
|
+
.seam-components .seam-text-field > .seam-main:hover {
|
|
228
228
|
border-color: #232b3a;
|
|
229
229
|
}
|
|
230
|
-
.seam-components .seam-text-field:focus-within {
|
|
230
|
+
.seam-components .seam-text-field > .seam-main:focus-within {
|
|
231
231
|
border-color: #007afc;
|
|
232
232
|
}
|
|
233
|
-
.seam-components .seam-text-field.seam-disabled {
|
|
234
|
-
border-color: #d5d8dc;
|
|
235
|
-
background: #ececec;
|
|
236
|
-
cursor: not-allowed;
|
|
237
|
-
}
|
|
238
|
-
.seam-components .seam-text-field.seam-disabled .seam-text-field-input {
|
|
239
|
-
cursor: not-allowed;
|
|
240
|
-
}
|
|
241
233
|
.seam-components .seam-text-field .seam-text-field-input {
|
|
242
234
|
height: 40px;
|
|
243
235
|
border: 0;
|
|
236
|
+
width: 100%;
|
|
237
|
+
border-radius: 8px;
|
|
244
238
|
}
|
|
245
239
|
.seam-components .seam-text-field .seam-text-field-input:focus {
|
|
246
240
|
outline: none;
|
|
@@ -277,8 +271,45 @@
|
|
|
277
271
|
opacity: 0;
|
|
278
272
|
visibility: hidden;
|
|
279
273
|
}
|
|
280
|
-
.seam-components .seam-text-field.seam-
|
|
281
|
-
|
|
274
|
+
.seam-components .seam-text-field > .seam-helper-text {
|
|
275
|
+
margin-top: 4px;
|
|
276
|
+
}
|
|
277
|
+
.seam-components .seam-text-field.seam-disabled > .seam-main {
|
|
278
|
+
border-color: #d5d8dc;
|
|
279
|
+
background: #ececec;
|
|
280
|
+
cursor: not-allowed;
|
|
281
|
+
}
|
|
282
|
+
.seam-components .seam-text-field.seam-disabled > .seam-main > .seam-text-field-input {
|
|
283
|
+
cursor: not-allowed;
|
|
284
|
+
}
|
|
285
|
+
.seam-components .seam-text-field.seam-large > .seam-main {
|
|
286
|
+
padding: 0 12px;
|
|
287
|
+
}
|
|
288
|
+
.seam-components .seam-text-field.seam-large > .seam-main > .seam-text-field-input {
|
|
289
|
+
height: 48px;
|
|
290
|
+
font-size: 16px;
|
|
291
|
+
}
|
|
292
|
+
.seam-components .seam-text-field.seam-error > .seam-main {
|
|
293
|
+
border: 1px solid #e36857;
|
|
294
|
+
}
|
|
295
|
+
.seam-components .seam-text-field.seam-error > .seam-helper-text {
|
|
296
|
+
color: #e36857;
|
|
297
|
+
}
|
|
298
|
+
.seam-components .seam-input-label {
|
|
299
|
+
cursor: default;
|
|
300
|
+
margin-bottom: 4px;
|
|
301
|
+
font-size: 16px;
|
|
302
|
+
font-weight: 600;
|
|
303
|
+
line-height: 134%;
|
|
304
|
+
}
|
|
305
|
+
.seam-components .seam-form-field {
|
|
306
|
+
margin-bottom: 24px;
|
|
307
|
+
}
|
|
308
|
+
.seam-components .seam-form-field > .seam-input-label {
|
|
309
|
+
user-select: none;
|
|
310
|
+
}
|
|
311
|
+
.seam-components .seam-form-field > .seam-radio-field {
|
|
312
|
+
margin-top: 4px;
|
|
282
313
|
}
|
|
283
314
|
.seam-components .seam-btn {
|
|
284
315
|
font-family: "Source Sans Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
@@ -349,12 +380,20 @@
|
|
|
349
380
|
border: 1px solid rgba(0, 122, 252, 0.5);
|
|
350
381
|
cursor: pointer;
|
|
351
382
|
background: #fff;
|
|
352
|
-
padding:
|
|
383
|
+
padding: 2px;
|
|
353
384
|
line-height: 0;
|
|
385
|
+
width: 30px;
|
|
386
|
+
height: 30px;
|
|
354
387
|
}
|
|
355
388
|
.seam-components .seam-icon-btn:hover {
|
|
356
389
|
background: rgba(0, 122, 252, 0.08);
|
|
357
390
|
}
|
|
391
|
+
.seam-components .seam-icon-btn svg {
|
|
392
|
+
scale: 0.75;
|
|
393
|
+
}
|
|
394
|
+
.seam-components .seam-icon-btn svg * {
|
|
395
|
+
fill: #007afc;
|
|
396
|
+
}
|
|
358
397
|
.seam-components .seam-text-btn {
|
|
359
398
|
color: #007afc;
|
|
360
399
|
padding: 0;
|
|
@@ -380,7 +419,7 @@
|
|
|
380
419
|
.seam-components .seam-content-header .seam-back-icon {
|
|
381
420
|
position: absolute;
|
|
382
421
|
top: 50%;
|
|
383
|
-
transform: translate(4px, -
|
|
422
|
+
transform: translate(4px, -50%);
|
|
384
423
|
left: 0;
|
|
385
424
|
cursor: pointer;
|
|
386
425
|
}
|
|
@@ -389,6 +428,13 @@
|
|
|
389
428
|
line-height: 134%;
|
|
390
429
|
color: #6e7179;
|
|
391
430
|
}
|
|
431
|
+
.seam-components .seam-content-header .seam-subheading {
|
|
432
|
+
display: block;
|
|
433
|
+
font-size: 12px;
|
|
434
|
+
line-height: 140%;
|
|
435
|
+
text-align: center;
|
|
436
|
+
color: #6e7179;
|
|
437
|
+
}
|
|
392
438
|
.seam-components .seam-lock-icon * {
|
|
393
439
|
fill: #6e7179;
|
|
394
440
|
}
|
|
@@ -621,6 +667,13 @@
|
|
|
621
667
|
.seam-components .seam-access-code-table .seam-search-text-field {
|
|
622
668
|
width: 170px;
|
|
623
669
|
}
|
|
670
|
+
.seam-components .seam-access-code-table .seam-table-header .seam-left {
|
|
671
|
+
display: flex;
|
|
672
|
+
align-items: center;
|
|
673
|
+
}
|
|
674
|
+
.seam-components .seam-access-code-table .seam-table-header .seam-left .seam-add-access-code-button {
|
|
675
|
+
margin-left: 8px;
|
|
676
|
+
}
|
|
624
677
|
.seam-components .seam-access-code-table .seam-table-row {
|
|
625
678
|
cursor: pointer;
|
|
626
679
|
}
|
|
@@ -778,6 +831,41 @@
|
|
|
778
831
|
.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times > div:first-child {
|
|
779
832
|
flex: 0 1 160px;
|
|
780
833
|
}
|
|
834
|
+
.seam-components .seam-access-code-form > .seam-main {
|
|
835
|
+
padding: 24px 24px 0;
|
|
836
|
+
}
|
|
837
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-text-field {
|
|
838
|
+
margin-bottom: 4px;
|
|
839
|
+
}
|
|
840
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-field > .seam-text-field {
|
|
841
|
+
margin-bottom: 4px;
|
|
842
|
+
}
|
|
843
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-field > .seam-bottom {
|
|
844
|
+
align-items: center;
|
|
845
|
+
justify-content: space-between;
|
|
846
|
+
display: none;
|
|
847
|
+
}
|
|
848
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-field > .seam-bottom .seam-requirements {
|
|
849
|
+
color: #9da1a9;
|
|
850
|
+
font-size: 14px;
|
|
851
|
+
line-height: 134%;
|
|
852
|
+
list-style: disc;
|
|
853
|
+
padding-left: 20px;
|
|
854
|
+
}
|
|
855
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-field > .seam-bottom .seam-requirements.seam-error {
|
|
856
|
+
color: #e36857;
|
|
857
|
+
}
|
|
858
|
+
.seam-components .seam-access-code-form > .seam-main .seam-code-field > .seam-bottom.seam-visible {
|
|
859
|
+
display: flex;
|
|
860
|
+
}
|
|
861
|
+
.seam-components .seam-access-code-form > .seam-main .seam-actions {
|
|
862
|
+
display: flex;
|
|
863
|
+
gap: 8px;
|
|
864
|
+
justify-content: center;
|
|
865
|
+
}
|
|
866
|
+
.seam-components .seam-access-code-form > .seam-main .seam-actions .seam-btn {
|
|
867
|
+
width: 96px;
|
|
868
|
+
}
|
|
781
869
|
.seam-components .seam-alerts {
|
|
782
870
|
width: 100%;
|
|
783
871
|
display: flex;
|
package/dist/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-device-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;
|
|
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/_input-label.scss","../src/styles/_form-field.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/_access-code-form.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACmBA;EChBE,aACE;;AFEF;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;;AE5FF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE,OCnBU;;ADwBZ;EACE,OCfS;;ADoBX;EACE,OCjCW;;ADsCb;EACE;EACA;EACA;EACA;EACA;;AElDF;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,YD1FE;EC2FF;;AC9GF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,cFFO;;AEKT;EACE,cFdE;;AEkBN;EACE;EACA;EACA;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,kBFzCH;;AE4CC;EACE;EACA;;AAKN;EACE;;AAIA;EACE,cF7DM;EE8DN,YFvDE;EEwDF;;AAEA;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;;AAGF;EACE,OFhFK;;AGnBX;EACE;EACA;EACA;EACA;EACA;;ACLF;EACE;;AAEA;EACE;;AAGF;EACE;;ACiHJ;ENzHA,aACE;EM6HA;EACA;;AAjFF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE,YLvEM;EKwEN,OLnDI;EKoDJ;;AAEA;EACE,YLtES;EKuET,cLvES;;AK0EX;EAEE,YL3EQ;EK4ER,cL5EQ;;AKgFZ;EACE,OLxFM;EKyFN;EACA;;AAEA;EACE,YLxFM;;AK2FR;EAEE;EACA,OLlGO;;AKsGX;EACE,OL/FU;EKgGV;;AAEA;EACE,YL3FC;EK4FD,cLlGU;;AKqGZ;EAEE,OLvGU;EKwGV,cLvGQ;EKwGR,YL/FE;;AK6GJ;EAEE;;AAlIJ;EACE;EACA;EACA;EACA,YLeI;EKdJ;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE,MLpBE;;AK2BR;EACE,OL5BM;EK6BN;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;ACxCJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,ONXQ;;AMcV;EACE;EACA;EACA;EACA;EACA,ONnBQ;;AOPV;EACE,MPMQ;;AQRZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA,YRHI;EQIJ,YACE;EAEF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YRXQ;;AQgBd;EACE;EACA;EACA;EACA;EACA;EACA;;ACjDA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,YTME;;ASFN;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA,OTnCE;;ASsCJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA,YT1CD;;AS4CC;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,OTtEA;ESuEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OT7FF;;ASgGA;EACE,OTlGF;;ASqGA;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;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OVpCE;EUqCF;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OV9CE;EU+CF;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AC/DZ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;;AAKN;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,OXzCI;EW0CJ;;AAEA;EACE;EACA;;AAGF;EACE;EACA,OXhDE;;AWqDR;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;ACpFF;EACE,YZcC;EYbD;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,OZTI;EYUJ;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE,YZTF;EYUE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,OZhCI;EYiCJ;EACA;;AAEA;EACE;EACA,OZvCG;;AY4CT;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,OZ/FA;;AYmGA;EACE;;AAGF;EACE;;AC3Gd;EACE;;AAEA;EACE;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE,ObfI;EagBJ;EACA;EACA;EACA;;AAEA;EACE,ObZC;;AagBL;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AC9CN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBdfQ;;AcmBZ;EACE,kBdrBY;EcsBZ;;AAEA;EACE;EACA,Od5BU;;AcgCd;EACE,kBdlCa;EcmCb;;AAEA;EACE;EACA,OdzCW;;Ac6Cf;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA,OdxFO;;Ac6Fb;EACE;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAEA;IACE;;;AClHR;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,kBfvDD;EewDC;EACA;;AAEA;EACE,kBf7DH;;AegEC;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA,YftGE;EeuGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA,Of1HQ;Ee2HR;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EAKA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEA;EACE,YfnJF;;AewJJ;EACE;;AAGE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAMR;EACE;EACA,kBf9KG;Ee+KH;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;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAMR;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE,kBfhPQ;EeiPR,OfhPU;;AemPZ;EACE,kBfnPO;EeoPP,OfnPS;;AesPX;EACE,Of/QM;EegRN;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE,OflTM;EemTN;;AAEA;EACE;EACA,OfrTI;;AeyTR;EACE;IACE;;EAGF;IACE;;;AAIJ;EAhCF;IAiCI;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;;AAKN;EACE;EACA;EACA","file":"index.css"}
|
package/dist/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-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-offline-fade{opacity:.4}.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 .seam-table-row .seam-code-issue-icon-wrap{display:flex;justify-content:center;align-items:center;margin-right:8px}.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-top-has-alerts{padding-bottom:8px}.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-alerts.seam-alerts-padded{padding:0 16px 24px}.seam-components .seam-alert{width:100%;min-height:54px;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-wrap{padding:7px 8px;padding-left:0}.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:flex-start;flex-direction:row}.seam-components .seam-alert .seam-alert-message-wrap{padding:8px 0}.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-brand-section{margin-bottom:32px;position:relative}.seam-components .seam-brand-section .seam-header{display:flex;align-items:center;height:64px}.seam-components .seam-brand-section .seam-header .seam-brand-image{width:48px;height:48px;padding:0 8px;box-sizing:content-box;margin-right:8px}.seam-components .seam-brand-section .seam-header .seam-brand-name{font-size:21px;line-height:132%;flex:1}.seam-components .seam-brand-section .seam-header .chevron{transform:rotate(90deg);margin-right:24px}.seam-components .seam-brand-section .show-all-devices-button{cursor:pointer;background:#fff;display:flex;height:30px;padding:4px 24px;align-items:center;gap:10px;font-size:14px;line-height:115%;color:#6e7179;border-radius:30px;border:0;box-shadow:0 1px 1px 0 rgba(16,27,37,.1),0 1px 8px 0 rgba(46,69,82,.12);position:absolute;left:50%;transform:translate(-50%, -47px);z-index:3}.seam-components .seam-brand-section .show-all-devices-button svg{transform:rotate(90deg)}.seam-components .seam-brand-section .hidden-devices-overlay{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 10.17%, #fff 86.98%);position:absolute;height:64px;width:100%;bottom:0;z-index:2}.seam-components .seam-brand-section.can-expand .seam-header{cursor:pointer}.seam-components .seam-brand-section.can-expand .seam-header:hover{background:#fafafa}.seam-components .seam-brand-section.expanded{margin-bottom:96px}.seam-components .seam-brand-section.expanded .seam-header .chevron{transform:rotate(270deg)}.seam-components .seam-brand-section.expanded .show-all-devices-button{transform:translate(-50%, 16px)}.seam-components .seam-brand-section.expanded .show-all-devices-button svg{transform:rotate(270deg)}.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 .seam-row{height:64px;border-bottom:1px solid #e9edef;display:flex}.seam-components .seam-supported-device-table-content .seam-row:first-child{border-top:1px solid #e9edef}.seam-components .seam-supported-device-table-content .seam-row .seam-col{display:flex;padding:8px}.seam-components .seam-supported-device-table-content .seam-row.filter-result-row .seam-model-name{display:flex;align-items:center}.seam-components .seam-supported-device-table-content .seam-row.filter-result-row .seam-model-name .seam-brand-image{width:32px;margin-right:4px}.seam-components .seam-supported-device-table-content .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:16px}.seam-components .seam-supported-device-table-content .seam-status-pill span{font-size:11px;line-height:134%;letter-spacing:.55px}.seam-components .seam-supported-device-table-content .seam-status-pill.status-green{background-color:rgba(98,232,139,.3);color:#0d8841}.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue{background-color:rgba(125,192,241,.3);color:#1653b8}.seam-components .seam-supported-device-table-content .seam-status-pill.status-unknown{color:#6e7179;font-size:12px;line-height:118%}.seam-components .seam-supported-device-table-content .seam-status-pill:not(.status-unknown){font-weight:600}.seam-components .seam-supported-device-table-content .seam-device-image-col{align-items:center}.seam-components .seam-supported-device-table-content .seam-device-image-col .seam-image-box{width:48px;height:48px}.seam-components .seam-supported-device-table-content .seam-device-image-col .seam-image-box img{width:100%}.seam-components .seam-supported-device-table-content .seam-model-col{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{font-size:14px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{color:#9da1a9;font-size:12px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id .seam-dot-divider{margin:0 4px;color:#d5d8dc}@media only screen and (width >= 450px){.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{font-size:16px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{font-size:14px}}@media only screen and (width >= 700px){.seam-components .seam-supported-device-table-content .seam-model-col{flex-direction:row;align-items:center;justify-content:flex-start}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{flex:0 0 75%}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{font-size:16px}}.seam-components .seam-supported-device-table-content .seam-status-col{width:70px;text-align:center;align-items:center}/*# 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:center;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>.seam-main{border:1px solid #d5d8dc;border-radius:8px;display:flex;padding:0 8px;align-items:center}.seam-components .seam-text-field>.seam-main:hover{border-color:#232b3a}.seam-components .seam-text-field>.seam-main:focus-within{border-color:#007afc}.seam-components .seam-text-field .seam-text-field-input{height:40px;border:0;width:100%;border-radius:8px}.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-helper-text{margin-top:4px}.seam-components .seam-text-field.seam-disabled>.seam-main{border-color:#d5d8dc;background:#ececec;cursor:not-allowed}.seam-components .seam-text-field.seam-disabled>.seam-main>.seam-text-field-input{cursor:not-allowed}.seam-components .seam-text-field.seam-large>.seam-main{padding:0 12px}.seam-components .seam-text-field.seam-large>.seam-main>.seam-text-field-input{height:48px;font-size:16px}.seam-components .seam-text-field.seam-error>.seam-main{border:1px solid #e36857}.seam-components .seam-text-field.seam-error>.seam-helper-text{color:#e36857}.seam-components .seam-input-label{cursor:default;margin-bottom:4px;font-size:16px;font-weight:600;line-height:134%}.seam-components .seam-form-field{margin-bottom:24px}.seam-components .seam-form-field>.seam-input-label{user-select:none}.seam-components .seam-form-field>.seam-radio-field{margin-top:4px}.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:2px;line-height:0;width:30px;height:30px}.seam-components .seam-icon-btn:hover{background:rgba(0,122,252,.08)}.seam-components .seam-icon-btn svg{scale:.75}.seam-components .seam-icon-btn svg *{fill:#007afc}.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, -50%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%;color:#6e7179}.seam-components .seam-content-header .seam-subheading{display:block;font-size:12px;line-height:140%;text-align:center;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-offline-fade{opacity:.4}.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-header .seam-left{display:flex;align-items:center}.seam-components .seam-access-code-table .seam-table-header .seam-left .seam-add-access-code-button{margin-left:8px}.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 .seam-table-row .seam-code-issue-icon-wrap{display:flex;justify-content:center;align-items:center;margin-right:8px}.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-top-has-alerts{padding-bottom:8px}.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-access-code-form>.seam-main{padding:24px 24px 0}.seam-components .seam-access-code-form>.seam-main .seam-code-text-field{margin-bottom:4px}.seam-components .seam-access-code-form>.seam-main .seam-code-field>.seam-text-field{margin-bottom:4px}.seam-components .seam-access-code-form>.seam-main .seam-code-field>.seam-bottom{align-items:center;justify-content:space-between;display:none}.seam-components .seam-access-code-form>.seam-main .seam-code-field>.seam-bottom .seam-requirements{color:#9da1a9;font-size:14px;line-height:134%;list-style:disc;padding-left:20px}.seam-components .seam-access-code-form>.seam-main .seam-code-field>.seam-bottom .seam-requirements.seam-error{color:#e36857}.seam-components .seam-access-code-form>.seam-main .seam-code-field>.seam-bottom.seam-visible{display:flex}.seam-components .seam-access-code-form>.seam-main .seam-actions{display:flex;gap:8px;justify-content:center}.seam-components .seam-access-code-form>.seam-main .seam-actions .seam-btn{width:96px}.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-alerts.seam-alerts-padded{padding:0 16px 24px}.seam-components .seam-alert{width:100%;min-height:54px;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-wrap{padding:7px 8px;padding-left:0}.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:flex-start;flex-direction:row}.seam-components .seam-alert .seam-alert-message-wrap{padding:8px 0}.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-brand-section{margin-bottom:32px;position:relative}.seam-components .seam-brand-section .seam-header{display:flex;align-items:center;height:64px}.seam-components .seam-brand-section .seam-header .seam-brand-image{width:48px;height:48px;padding:0 8px;box-sizing:content-box;margin-right:8px}.seam-components .seam-brand-section .seam-header .seam-brand-name{font-size:21px;line-height:132%;flex:1}.seam-components .seam-brand-section .seam-header .chevron{transform:rotate(90deg);margin-right:24px}.seam-components .seam-brand-section .show-all-devices-button{cursor:pointer;background:#fff;display:flex;height:30px;padding:4px 24px;align-items:center;gap:10px;font-size:14px;line-height:115%;color:#6e7179;border-radius:30px;border:0;box-shadow:0 1px 1px 0 rgba(16,27,37,.1),0 1px 8px 0 rgba(46,69,82,.12);position:absolute;left:50%;transform:translate(-50%, -47px);z-index:3}.seam-components .seam-brand-section .show-all-devices-button svg{transform:rotate(90deg)}.seam-components .seam-brand-section .hidden-devices-overlay{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 10.17%, #fff 86.98%);position:absolute;height:64px;width:100%;bottom:0;z-index:2}.seam-components .seam-brand-section.can-expand .seam-header{cursor:pointer}.seam-components .seam-brand-section.can-expand .seam-header:hover{background:#fafafa}.seam-components .seam-brand-section.expanded{margin-bottom:96px}.seam-components .seam-brand-section.expanded .seam-header .chevron{transform:rotate(270deg)}.seam-components .seam-brand-section.expanded .show-all-devices-button{transform:translate(-50%, 16px)}.seam-components .seam-brand-section.expanded .show-all-devices-button svg{transform:rotate(270deg)}.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 .seam-row{height:64px;border-bottom:1px solid #e9edef;display:flex}.seam-components .seam-supported-device-table-content .seam-row:first-child{border-top:1px solid #e9edef}.seam-components .seam-supported-device-table-content .seam-row .seam-col{display:flex;padding:8px}.seam-components .seam-supported-device-table-content .seam-row.filter-result-row .seam-model-name{display:flex;align-items:center}.seam-components .seam-supported-device-table-content .seam-row.filter-result-row .seam-model-name .seam-brand-image{width:32px;margin-right:4px}.seam-components .seam-supported-device-table-content .seam-status-pill{display:inline-flex;padding:4px 8px;border-radius:16px}.seam-components .seam-supported-device-table-content .seam-status-pill span{font-size:11px;line-height:134%;letter-spacing:.55px}.seam-components .seam-supported-device-table-content .seam-status-pill.status-green{background-color:rgba(98,232,139,.3);color:#0d8841}.seam-components .seam-supported-device-table-content .seam-status-pill.status-blue{background-color:rgba(125,192,241,.3);color:#1653b8}.seam-components .seam-supported-device-table-content .seam-status-pill.status-unknown{color:#6e7179;font-size:12px;line-height:118%}.seam-components .seam-supported-device-table-content .seam-status-pill:not(.status-unknown){font-weight:600}.seam-components .seam-supported-device-table-content .seam-device-image-col{align-items:center}.seam-components .seam-supported-device-table-content .seam-device-image-col .seam-image-box{width:48px;height:48px}.seam-components .seam-supported-device-table-content .seam-device-image-col .seam-image-box img{width:100%}.seam-components .seam-supported-device-table-content .seam-model-col{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{font-size:14px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{color:#9da1a9;font-size:12px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id .seam-dot-divider{margin:0 4px;color:#d5d8dc}@media only screen and (width >= 450px){.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{font-size:16px}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{font-size:14px}}@media only screen and (width >= 700px){.seam-components .seam-supported-device-table-content .seam-model-col{flex-direction:row;align-items:center;justify-content:flex-start}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-name{flex:0 0 75%}.seam-components .seam-supported-device-table-content .seam-model-col .seam-model-id{font-size:16px}}.seam-components .seam-supported-device-table-content .seam-status-col{width:70px;text-align:center;align-items:center}/*# sourceMappingURL=index.min.css.map */
|
package/dist/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-device-table.scss"],"names":[],"mappings":"
|
|
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/_input-label.scss","../src/styles/_form-field.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/_access-code-form.scss","../src/styles/_alert.scss","../src/styles/_supported-device-table.scss"],"names":[],"mappings":"AAmBA,iBChBE,YACE,+ICEF,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,gBD5FF,wHAME,gBAKF,+BACE,MEnBU,QFwBZ,mCACE,MEfS,QFoBX,sBACE,MEjCW,QFsCb,sCACE,cACA,WACA,mBACA,gBACA,uBGlDF,oCACE,aACA,8BACA,mBACA,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,WD1FE,KC2FF,yBC9GF,6CACE,yBACA,kBACA,aACA,cACA,mBAEA,mDACE,aFFO,QEKT,0DACE,aFdE,QEkBN,yDACE,YACA,SACA,WACA,kBAEA,+DACE,aAIJ,kDACE,aACA,mBAEA,sDACE,YAGF,6DACE,iBAGF,yDACE,WACA,YACA,aACA,uBACA,mBACA,gBACA,+BACA,UACA,SACA,SACA,gBACA,kBACA,eAEA,+DACE,iBFzCH,QE4CC,qEACE,UACA,kBAKN,oDACE,eAIA,2DACE,aF7DM,QE8DN,WFvDE,QEwDF,mBAEA,kFACE,mBAMJ,wDACE,eAEA,+EACE,YACA,eAMJ,wDACE,yBAGF,+DACE,MFhFK,QGnBX,mCACE,eACA,kBACA,eACA,gBACA,iBCLF,kCACE,mBAEA,oDACE,iBAGF,oDACE,eCiHJ,2BPzHA,YACE,+IO6HA,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WLvEM,QKwEN,MLnDI,KKoDJ,yBAEA,gDACE,WLtES,QKuET,aLvES,QK0EX,+GAEE,WL3EQ,QK4ER,aL5EQ,QKgFZ,4CACE,MLxFM,QKyFN,yBACA,yBAEA,kDACE,WLxFM,QK2FR,mHAEE,yBACA,MLlGO,QKsGX,4CACE,ML/FU,QKgGV,yBAEA,kDACE,WL3FC,QK4FD,aLlGU,QKqGZ,mHAEE,MLvGU,QKwGV,aLvGQ,QKwGR,WL/FE,KK6GJ,iFAEE,mBAlIJ,gCACE,kBACA,oCACA,eACA,WLeI,KKdJ,YACA,cACA,WACA,YAEA,sCACE,+BAGF,oCACE,UAEA,sCACE,KLpBE,QK2BR,gCACE,ML5BM,QK6BN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBCxCJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MNXQ,QMcV,uDACE,cACA,eACA,iBACA,kBACA,MNnBQ,QOPV,mCACE,KPMQ,QQRZ,+BACE,YACA,aACA,uBACA,mBACA,eACA,QACA,eACA,aAGF,mCACE,aAGF,oCACE,aAGF,oCACE,YACA,kBACA,cACA,WRHI,KQIJ,WACE,yDAEF,kBAEA,oDACE,eACA,YACA,aACA,mBACA,eACA,iBACA,eAEA,0DACE,WRXQ,QQgBd,mCACE,WACA,UACA,kBACA,MACA,QACA,eCjDA,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WTME,QSFN,iGACE,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MTnCE,QSsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WT1CD,QS4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MTtEA,QSuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MT7FF,QSgGA,2HACE,MTlGF,QSqGA,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,uEACE,WAGF,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QACA,gBAEA,gFACE,gBAGF,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,MVpCE,QUqCF,eACA,mBACA,gBACA,uBAGF,uGACE,aACA,mBACA,MV9CE,QU+CF,eACA,iBAEA,2GACE,aACA,mBACA,kBAEA,+GACE,UC/DZ,iEACE,YAIA,uEACE,aACA,mBAEA,oGACE,gBAKN,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,MXzCI,QW0CJ,aAEA,8GACE,gBACA,WAGF,8GACE,aACA,MXhDE,QWqDR,2EACE,kBACA,aACA,mBACA,uBAGF,oFACE,aACA,uBACA,mBACA,iBAMJ,qEACE,aACA,mBACA,8BACA,OCpFF,yDACE,WZcC,QYbD,mBACA,mBAEA,mEACE,kBAEA,uFACE,mBAGF,+EACE,gBACA,eACA,iBACA,MZTI,QYUJ,kBAGF,0FACE,gBACA,eACA,iBACA,kBAGF,8EACE,WZTF,KYUE,yBACA,kBACA,kBACA,gBACA,eACA,iBACA,kBAGF,kFACE,MZhCI,QYiCJ,eACA,iBAEA,8FACE,gBACA,MZvCG,QY4CT,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,MZ/FA,QYmGA,qGACE,kBAGF,6GACE,eC3Gd,mDACE,oBAEA,yEACE,kBAIA,qFACE,kBAGF,iFACE,mBACA,8BACA,aAEA,oGACE,MbfI,QagBJ,eACA,iBACA,gBACA,kBAEA,+GACE,MbZC,QagBL,8FACE,aAKN,iEACE,aACA,QACA,uBAEA,2EACE,WC9CN,8BACE,WACA,aACA,2BACA,uBACA,sBACA,QAEA,oDACE,gBAGF,iDACE,oBAKJ,6BACE,WACA,gBACA,iBACA,kBACA,aACA,8BACA,mBACA,mBACA,SAEA,gDACE,gBACA,YACA,eACA,kBACA,+BACA,eACA,cACA,gBACA,mBACA,eAEA,sDACE,iBdfQ,QcmBZ,gDACE,iBdrBY,QcsBZ,yBAEA,mEACE,yBACA,Md5BU,QcgCd,8CACE,iBdlCa,QcmCb,yBAEA,iEACE,yBACA,MdzCW,Qc6Cf,kDACE,gBAGF,mDACE,gBACA,eAGF,8CACE,WACA,YAGF,iDACE,aACA,2BACA,uBACA,mBAGF,sDACE,cAEA,0EACE,eACA,gBACA,iBACA,MdxFO,Qc6Fb,wCACE,6BACE,2BACA,sBAEA,iDACE,WACA,uBACA,sBACA,QAGF,qDACE,WAEA,wEACE,YClHR,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,iBfvDD,QewDC,kBACA,eAEA,qHACE,iBf7DH,QegEC,oHACE,eACA,gBAGF,mHACE,kBACA,QAMR,qCACE,mBACA,kBAEA,kDACE,aACA,mBACA,YAEA,oEACE,WACA,YACA,cACA,uBACA,iBAGF,mEACE,eACA,iBACA,OAGF,2DACE,wBACA,kBAIJ,8DACE,eACA,WftGE,KeuGF,aACA,YACA,iBACA,mBACA,SACA,eACA,iBACA,Mf1HQ,Qe2HR,mBACA,SACA,WACE,6DAEF,kBACA,SACA,iCACA,UAEA,kEACE,wBAIJ,6DACE,+EAKA,kBACA,YACA,WACA,SACA,UAIA,6DACE,eAEA,mEACE,WfnJF,QewJJ,8CACE,mBAGE,oEACE,yBAIJ,uEACE,gCAEA,2EACE,yBAMR,kEACE,WACA,iBf9KG,Qe+KH,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,gEACE,YACA,gCACA,aAEA,4EACE,6BAGF,0EACE,aACA,YAIA,mGACE,aACA,mBAEA,qHACE,WACA,iBAMR,wEACE,oBACA,gBACA,mBAEA,6EACE,eACA,iBACA,qBAGF,qFACE,iBfhPQ,oBeiPR,MfhPU,QemPZ,oFACE,iBfnPO,qBeoPP,MfnPS,QesPX,uFACE,Mf/QM,QegRN,eACA,iBAGF,6FACE,gBAIJ,6EACE,mBAEA,6FACE,WACA,YAEA,iGACE,WAKN,sEACE,OACA,aACA,sBACA,uBACA,uBACA,QAEA,uFACE,eAGF,qFACE,MflTM,QemTN,eAEA,uGACE,aACA,MfrTI,QeyTR,wCACE,uFACE,eAGF,qFACE,gBAIJ,wCAhCF,sEAiCI,mBACA,mBACA,2BAEA,uFACE,aAGF,qFACE,gBAKN,uEACE,WACA,kBACA","file":"index.min.css"}
|
package/lib/icons/Add.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function AddIcon(props) {
|
|
3
|
+
return (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'none', ...props, children: [_jsx("mask", { id: 'add_svg__a', width: 24, height: 24, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
|
|
4
|
+
maskType: 'alpha',
|
|
5
|
+
}, children: _jsx("path", { fill: '#D9D9D9', d: 'M0 0h24v24H0z' }) }), _jsx("g", { mask: 'url(#add_svg__a)', children: _jsx("path", { fill: '#1C1B1F', d: 'M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z' }) })] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=Add.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Add.js","sourceRoot":"","sources":["../../src/lib/icons/Add.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,OAAO,CAAC,KAA8B;IACpD,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;iBAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,eAAe,GAAG,GACpC,EACP,YAAG,IAAI,EAAC,kBAAkB,YACxB,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,qCAAqC,GAAG,GAC7D,IACA,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
export function DotsEllipsisMoreIcon(props) {
|
|
3
|
-
return (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width:
|
|
3
|
+
return (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'none', ...props, children: [_jsx("mask", { id: 'dots-ellipsis-more_svg__a', width: 24, height: 24, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
|
|
4
4
|
maskType: 'alpha',
|
|
5
|
-
}, children: _jsx("path", { fill: '#
|
|
5
|
+
}, children: _jsx("path", { fill: '#D9D9D9', d: 'M0 0h24v24H0z' }) }), _jsx("g", { mask: 'url(#dots-ellipsis-more_svg__a)', children: _jsx("path", { fill: '#232B3A', d: 'M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z' }) })] }));
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=DotsEllipsisMore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotsEllipsisMore.js","sourceRoot":"","sources":["../../src/lib/icons/DotsEllipsisMore.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,oBAAoB,CAClC,KAA8B;IAE9B,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,2BAA2B,EAC9B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;iBAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,eAAe,GAAG,GACpC,EACP,YAAG,IAAI,EAAC,iCAAiC,YACvC,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,
|
|
1
|
+
{"version":3,"file":"DotsEllipsisMore.js","sourceRoot":"","sources":["../../src/lib/icons/DotsEllipsisMore.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,oBAAoB,CAClC,KAA8B;IAE9B,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,2BAA2B,EAC9B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;iBAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,eAAe,GAAG,GACpC,EACP,YAAG,IAAI,EAAC,iCAAiC,YACvC,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,gnBAAgnB,GAClnB,GACA,IACA,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type UseMutationResult } from '@tanstack/react-query';
|
|
2
|
+
import type { AccessCode, AccessCodeCreateRequest, SeamError } from 'seamapi';
|
|
3
|
+
export type UseCreateAccessCodeParams = never;
|
|
4
|
+
export type UseCreateAccessCodeData = AccessCode;
|
|
5
|
+
export type UseCreateAccessCodeMutationParams = AccessCodeCreateRequest;
|
|
6
|
+
export declare function useCreateAccessCode(): UseMutationResult<UseCreateAccessCodeData, SeamError, UseCreateAccessCodeMutationParams>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useMutation, useQueryClient, } from '@tanstack/react-query';
|
|
2
|
+
import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
|
|
3
|
+
export function useCreateAccessCode() {
|
|
4
|
+
const { client } = useSeamClient();
|
|
5
|
+
const queryClient = useQueryClient();
|
|
6
|
+
return useMutation({
|
|
7
|
+
mutationFn: async (mutationParams) => {
|
|
8
|
+
if (client === null) {
|
|
9
|
+
throw new Error('Missing seam client');
|
|
10
|
+
}
|
|
11
|
+
return await client.accessCodes.create(mutationParams);
|
|
12
|
+
},
|
|
13
|
+
onSuccess: () => {
|
|
14
|
+
void queryClient.invalidateQueries(['access_codes', 'list']);
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=use-create-access-code.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-create-access-code.js","sourceRoot":"","sources":["../../../src/lib/seam/access-codes/use-create-access-code.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3D,MAAM,UAAU,mBAAmB;IAKjC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,cAAiD,EAAE,EAAE;YACtE,IAAI,MAAM,KAAK,IAAI,EAAE;gBACnB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,OAAO,MAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QACxD,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,WAAW,CAAC,iBAAiB,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;QAC9D,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { useCreateAccessCode } from '../../../../lib/seam/access-codes/use-create-access-code.js';
|
|
5
|
+
import { useDevice } from '../../../../lib/seam/devices/use-device.js';
|
|
6
|
+
import { Button } from '../../../../lib/ui/Button.js';
|
|
7
|
+
import { FormField } from '../../../../lib/ui/FormField.js';
|
|
8
|
+
import { InputLabel } from '../../../../lib/ui/InputLabel.js';
|
|
9
|
+
import { ContentHeader } from '../../../../lib/ui/layout/ContentHeader.js';
|
|
10
|
+
import { TextField } from '../../../../lib/ui/TextField/TextField.js';
|
|
11
|
+
export function AccessCodeForm({ deviceId, onBack, className, }) {
|
|
12
|
+
const { device } = useDevice({
|
|
13
|
+
device_id: deviceId,
|
|
14
|
+
});
|
|
15
|
+
if (device == null) {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
return (_jsx("div", { className: classNames('seam-access-code-form', className), children: _jsx(Content, { className: className, onBack: onBack, device: device }) }));
|
|
19
|
+
}
|
|
20
|
+
function Content({ onBack, device, }) {
|
|
21
|
+
const [name, setName] = useState('');
|
|
22
|
+
const createAccessCode = useCreateAccessCode();
|
|
23
|
+
const save = () => {
|
|
24
|
+
if (name === '') {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (createAccessCode.isLoading) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
createAccessCode.mutate({
|
|
31
|
+
name,
|
|
32
|
+
device_id: device.device_id,
|
|
33
|
+
}, {
|
|
34
|
+
onSuccess: () => {
|
|
35
|
+
onBack?.();
|
|
36
|
+
},
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
const nameError = name.length > 60 ? t.overCharacterLimitError : undefined;
|
|
40
|
+
const isFormValid = name.trim().length > 0 &&
|
|
41
|
+
nameError === undefined &&
|
|
42
|
+
!createAccessCode.isLoading;
|
|
43
|
+
return (_jsxs(_Fragment, { children: [_jsx(ContentHeader, { title: t.addNewAccessCode, subheading: device.properties.name, onBack: onBack }), _jsxs("div", { className: 'seam-main', children: [_jsxs(FormField, { children: [_jsx(InputLabel, { children: t.nameInputLabel }), _jsx(TextField, { size: 'large', clearable: true, value: name, onChange: setName, hasError: nameError != null, helperText: nameError })] }), _jsxs("div", { className: 'seam-actions', children: [_jsx(Button, { onClick: onBack, children: t.cancel }), _jsx(Button, { variant: 'solid', disabled: !isFormValid, onMouseDown: save, children: t.save })] })] })] }));
|
|
44
|
+
}
|
|
45
|
+
const t = {
|
|
46
|
+
addNewAccessCode: 'Add new access code',
|
|
47
|
+
overCharacterLimitError: '60 characters max',
|
|
48
|
+
nameInputLabel: 'Name the new code',
|
|
49
|
+
cancel: 'Cancel',
|
|
50
|
+
save: 'Save',
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=AccessCodeForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/AccessCodeForm/AccessCodeForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { type UseAccessCodesData } from '../../../../lib/seam/access-codes/use-a
|
|
|
3
3
|
export interface AccessCodeTableProps {
|
|
4
4
|
deviceId: string;
|
|
5
5
|
disableLockUnlock?: boolean;
|
|
6
|
+
disableCreateAccessCode?: boolean;
|
|
6
7
|
accessCodeFilter?: (accessCode: AccessCode, searchInputValue: string) => boolean;
|
|
7
8
|
accessCodeComparator?: (accessCodeA: AccessCode, accessCodeB: AccessCode) => number;
|
|
8
9
|
onAccessCodeClick?: (accessCodeId: string) => void;
|
|
@@ -11,5 +12,5 @@ export interface AccessCodeTableProps {
|
|
|
11
12
|
className?: string;
|
|
12
13
|
}
|
|
13
14
|
type AccessCode = UseAccessCodesData[number];
|
|
14
|
-
export declare function AccessCodeTable({ deviceId, disableLockUnlock, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
15
|
+
export declare function AccessCodeTable({ deviceId, disableLockUnlock, disableCreateAccessCode, onAccessCodeClick, preventDefaultOnAccessCodeClick, onBack, accessCodeFilter, accessCodeComparator, className, }: AccessCodeTableProps): JSX.Element;
|
|
15
16
|
export {};
|