@seamapi/react 0.16.1 → 0.18.0

package/README.md

@@ -36,14 +36,14 @@ $ npm install @seamapi/react
 ```ts
 import '@seamapi/react/index.css'
 
-import { SeamProvider, DeviceManager } from '@seamapi/react'
+import { SeamProvider, DeviceTable } from '@seamapi/react'
 
 export const App = () => {
   return (
     <SeamProvider publishableKey='your_publishable_key'>
       <main>
         <h1>My App</h1>
-        <DeviceManager />
+        <DeviceTable />
       </main>
     </SeamProvider>
   )
@@ -66,6 +66,29 @@ Load the font from Google Fonts by placing the following in the `<head>` tag:
 
 [Source Sans Pro]: https://fonts.google.com/specimen/Source+Sans+Pro
 
+### Content Security Policy (CSP)
+
+By self hosting the recommended fonts (or choosing not to use them),
+and proxying the Seam API endpoint, the components are compatible with this strict CSP:
+
+```
+default-src 'self'; img-src 'self' https://connect.getseam.com
+```
+
+The `img-src` is required as some components display device images from the Seam API.
+
+When using the default endpoint, include `connect-src` with
+
+```
+connect-src 'self' https://connect.getseam.com
+```
+
+When serving the fonts from Google Fonts, include `font-src` and `style-src` with
+
+```
+font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
+```
+
 ## Development and Testing
 
 ### Quickstart
@@ -229,6 +252,7 @@ The following repository secrets must be set on [GitHub Actions]:
 The following repository variables must be set on [GitHub Actions]:
 
 - `STORYBOOK_SEAM_PUBLISHABLE_KEY`: The Seam publishable key to use with Storybook.
+- `STORYBOOK_SEAM_USER_IDENTIFIER_KEY`: The Seam user identifer key to use with Storybook.
 
 [GitHub Actions]: https://github.com/features/actions
 [GPG private key]: https://github.com/marketplace/actions/import-gpg#prerequisites
@@ -240,7 +264,9 @@ _Vercel should already be configured: this section is for reference only._
 The following environment variables must be set on [Vercel]:
 
 - `SEAM_PUBLISHABLE_KEY`: The Seam publishable key to use with the examples.
+- `SEAM_USER_IDENTIFIER_KEY`: The Seam user identifer key to use with the examples..
 - `STORYBOOK_SEAM_PUBLISHABLE_KEY`: The Seam publishable key to use with Storybook.
+- `STORYBOOK_SEAM_USER_IDENTIFIER_KEY`: The Seam user identifer key to use with Storybook.
 
 [Vercel]: https://vercel.com/seamapi/react
 

package/index.css

@@ -4,14 +4,6 @@
 */
 .seam-components {
   font-family: "Source Sans Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  --primary: #007afc;
-  --text-gray-1: #6e7179;
-  --text-gray-2: #9da1a9;
-  --text-gray-3: #d5d8dc;
-  --input-border: #d5d8dc;
-  --bg-a: #f1f3f4;
-  --status-red-alert: #e36857;
-  --item-hover-bg: #f4f6f8;
 }
 .seam-components *,
 .seam-components *::before,
@@ -121,15 +113,20 @@
   font-weight: 600;
 }
 .seam-components .seam-caption {
-  color: var(--text-gray-2);
+  color: #9da1a9;
 }
 .seam-components .seam-text-danger {
-  color: var(--status-red-alert);
+  color: #e36857;
+}
+.seam-components html {
+  color: #232b3a;
 }
 .seam-components .seam-table-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  height: 56px;
+  padding: 0 16px;
 }
 .seam-components .seam-table-title {
   font-size: 21px;
@@ -143,6 +140,7 @@
   display: flex;
   padding: 4px;
   height: 72px;
+  border-bottom: 1px solid #eee;
 }
 .seam-components .seam-table-row:hover {
   background: rgb(244, 246, 248);
@@ -150,6 +148,7 @@
 .seam-components .seam-table-row .seam-title {
   font-weight: 600;
   font-size: 18px;
+  line-height: 132%;
 }
 .seam-components .seam-table-cell {
   display: flex;
@@ -159,93 +158,129 @@
 .seam-components .seam-text-field {
   padding: 0 8px;
   height: 40px;
-  border: 1px solid var(--input-border);
+  border: 1px solid #d5d8dc;
   border-radius: 8px;
 }
-.seam-components .seam-button {
+.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: transparent;
+}
+.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: transparent;
+  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, 0.5);
   cursor: pointer;
-}
-.seam-components .seam-button.seam-icon-button {
   background: #fff;
   padding: 6px;
   line-height: 0;
 }
-.seam-components .seam-button.seam-icon-button:hover {
+.seam-components .seam-icon-btn:hover {
   background: rgba(0, 122, 252, 0.08);
 }
+.seam-components .seam-text-btn {
+  color: #007afc;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  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(0, -25%);
+  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-access-code-table .seam-content-header {
-  margin: 0 16px;
-}
-.seam-components .seam-access-code-table .seam-table-header {
-  margin-bottom: 16px;
-  height: 56px;
-  padding: 0 16px;
-}
-.seam-components .seam-access-code-table .seam-icon-cell {
-  flex: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.seam-components .seam-access-code-table .seam-icon-cell > div {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.seam-components .seam-access-code-table .seam-name-cell {
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  gap: 2px;
-}
-.seam-components .seam-access-code-table .seam-name-cell .seam-access-code-details {
-  font-size: 14px;
-  line-height: 134%;
-  color: var(--text-gray-1);
-}
-.seam-components .seam-access-code-table .seam-name-cell .seam-access-code-details .seam-dot-divider {
-  margin: 0 4px;
-  color: var(--text-gray-3);
-}
-.seam-components .seam-access-code-table .seam-action-cell {
-  margin-right: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.seam-components .seam-device-details {
-  padding: 0 24px 24px;
+.seam-components .seam-lock-icon * {
+  fill: #6e7179;
 }
 .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 var(--input-border);
+  border: 1px solid #d5d8dc;
   border-radius: 8px;
 }
 .seam-components .seam-device-details .seam-body .seam-box .seam-content {
@@ -259,15 +294,23 @@
   cursor: pointer;
 }
 .seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-codes:hover {
-  background: var(--item-hover-bg);
+  background: #f4f6f8;
 }
 .seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length {
-  border-top: 1px solid var(--input-border);
+  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: var(--text-gray-1);
+  color: #6e7179;
 }
 .seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-value {
   display: block;
@@ -278,7 +321,7 @@
 .seam-components .seam-device-details .seam-body .seam-summary {
   padding: 24px 16px;
   border-radius: 16px;
-  background: var(--bg-a);
+  background: #f1f3f4;
 }
 .seam-components .seam-device-details .seam-body .seam-summary .seam-content {
   display: flex;
@@ -295,7 +338,7 @@
   max-width: 100%;
 }
 .seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info > .seam-label {
-  color: var(--text-gray-1);
+  color: #6e7179;
   font-weight: 600;
   font-size: 14px;
   line-height: 134%;
@@ -317,10 +360,10 @@
   column-gap: 28px;
 }
 .seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-label {
-  color: var(--text-gray-2);
+  color: #9da1a9;
 }
 .seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text {
-  color: var(--text-gray-1);
+  color: #6e7179;
 }
 .seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties svg {
   scale: 0.75;
@@ -353,5 +396,187 @@
   align-items: center;
   justify-content: center;
 }
+.seam-components .seam-device-table .seam-table-row {
+  cursor: pointer;
+}
+.seam-components .seam-device-table .seam-table-row .seam-image-cell {
+  width: 64px;
+  height: 64px;
+  padding: 4px;
+}
+.seam-components .seam-device-table .seam-table-row .seam-image-cell img {
+  width: 100%;
+}
+.seam-components .seam-device-table .seam-table-row .seam-body-cell {
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 2px;
+}
+.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: 0.75;
+}
+.seam-components .seam-access-code-table .seam-table-row {
+  cursor: pointer;
+}
+.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell {
+  flex: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell > div {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.seam-components .seam-access-code-table .seam-table-row .seam-name-cell {
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 2px;
+}
+.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details {
+  font-size: 14px;
+  line-height: 134%;
+  color: #6e7179;
+}
+.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-details > .seam-summary {
+  background: #f1f3f4;
+  border-radius: 16px;
+  margin: 0 24px 16px;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top {
+  padding: 24px 16px;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top > .seam-label {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 134%;
+  color: #6e7179;
+  margin-bottom: 4px;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top > .seam-access-code-name {
+  font-weight: 600;
+  font-size: 21px;
+  line-height: 132%;
+  margin-bottom: 8px;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top > .seam-code {
+  background: #fff;
+  border: 1px solid #9da1a9;
+  border-radius: 8px;
+  padding: 10px 16px;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 134%;
+  margin-bottom: 8px;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top .seam-duration {
+  color: #6e7179;
+  font-size: 14px;
+  line-height: 134%;
+}
+.seam-components .seam-access-code-details > .seam-summary > .seam-top .seam-duration .seam-label {
+  font-weight: 600;
+  color: #232b3a;
+}
+.seam-components .seam-access-code-details > .seam-summary .seam-access-code-device {
+  border-top: 1px solid #dde0e2;
+  padding: 8px 16px 8px 8px;
+  display: flex;
+  align-items: center;
+}
+.seam-components .seam-access-code-details > .seam-summary .seam-access-code-device .seam-device-image {
+  width: 72px;
+  height: 72px;
+  margin-right: 16px;
+}
+.seam-components .seam-access-code-details > .seam-summary .seam-access-code-device .seam-device-image img {
+  width: 100%;
+  max-height: 100%;
+}
+.seam-components .seam-access-code-details > .seam-summary .seam-access-code-device .seam-body {
+  flex: 1;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 134%;
+  margin-right: 8px;
+}
+.seam-components .seam-access-code-details .seam-details {
+  font-size: 16px;
+  line-height: 134%;
+  border-bottom: 1px solid rgba(0, 0, 0, 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, 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;
+}
 
 /*# sourceMappingURL=index.css.map */

package/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["src/styles/_reset.scss","src/styles/_main.scss","src/styles/_typography.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_access-code-table.scss","src/styles/_device-details.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACSA;EACE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADfA;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;;AE9GF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE;;AAKF;EACE;;AClBF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;EACA;;ACtCF;EACE;EACA;EACA;EACA;;ACJF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;ACXN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AChBF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;ACjDJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA","file":"index.css"}
+{"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/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACaA;ECVE;;AFGA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAmDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AEtGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;EACE,OCTU;;ADcZ;EACE,OCPS;;ADYX;EACE,OCvBW;;ACPb;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;;AC1CF;EACE;EACA;EACA;EACA;;AC2GF;EJ/GA;EIoHE;EACA;;AAjFF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKF;EACE,YH7DM;EG8DN;EACA;;AAEA;EACE,YH5DS;EG6DT,cH7DS;;AGgEX;EAEE,YHjEQ;EGkER,cHlEQ;;AGsEZ;EACE,OH9EM;EG+EN;EACA;;AAEA;EACE,YH9EM;;AGiFR;EAEE;EACA,OHxFO;;AG4FX;EACE,OHrFU;EGsFV;;AAEA;EACE,YHjFC;EGkFD,cHxFU;;AG2FZ;EAEE,OH7FU;EG8FV,cH7FQ;EG8FR;;AAcF;EAEE;;AAxHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE,OHlBM;EGmBN;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OJXQ;;AKPV;EACE,MLMQ;;AMPV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,YNIE;;AMAN;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA,ONnCE;;AMsCJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA,YN1CD;;AM4CC;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE,ONtEA;EMuEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,ON7FF;;AMgGA;EACE,ONlGF;;AMqGA;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;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OPvBE;EOwBF;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OPjCE;EOkCF;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AClDZ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,ORrBI;;AQuBJ;EACE;EACA,ORtBE;;AQ2BR;EACE;EACA;EACA;EACA;;ACzCJ;EACE,YTcC;ESbD;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA,OTLI;ESMJ;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,OT5BI;ES6BJ;EACA;;AAEA;EACE;EACA,OTnCG;;ASwCT;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,OT3FA;;AS+FA;EACE;;AAGF;EACE","file":"index.css"}

package/index.min.css

@@ -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;--primary: #007afc;--text-gray-1: #6e7179;--text-gray-2: #9da1a9;--text-gray-3: #d5d8dc;--input-border: #d5d8dc;--bg-a: #f1f3f4;--status-red-alert: #e36857;--item-hover-bg: #f4f6f8}.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:var(--text-gray-2)}.seam-components .seam-text-danger{color:var(--status-red-alert)}.seam-components .seam-table-header{display:flex;justify-content:space-between;align-items:center}.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}.seam-components .seam-table-row:hover{background:#f4f6f8}.seam-components .seam-table-row .seam-title{font-weight:600;font-size:18px}.seam-components .seam-table-cell{display:flex;align-items:center;padding:4px}.seam-components .seam-text-field{padding:0 8px;height:40px;border:1px solid var(--input-border);border-radius:8px}.seam-components .seam-button{border-radius:6px;border:1px solid rgba(0,122,252,.5);cursor:pointer}.seam-components .seam-button.seam-icon-button{background:#fff;padding:6px;line-height:0}.seam-components .seam-button.seam-icon-button:hover{background:rgba(0,122,252,.08)}.seam-components .seam-content-header{height:56px;display:flex;align-items:center;position:relative;justify-content:center}.seam-components .seam-content-header .seam-back-icon{position:absolute;top:50%;transform:translate(0, -25%);left:0;cursor:pointer}.seam-components .seam-content-header .seam-title{font-size:16px;line-height:134%}.seam-components .seam-access-code-table .seam-content-header{margin:0 16px}.seam-components .seam-access-code-table .seam-table-header{margin-bottom:16px;height:56px;padding:0 16px}.seam-components .seam-access-code-table .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.seam-components .seam-access-code-table .seam-name-cell .seam-access-code-details{font-size:14px;line-height:134%;color:var(--text-gray-1)}.seam-components .seam-access-code-table .seam-name-cell .seam-access-code-details .seam-dot-divider{margin:0 4px;color:var(--text-gray-3)}.seam-components .seam-access-code-table .seam-action-cell{margin-right:12px;display:flex;align-items:center;justify-content:center}.seam-components .seam-device-details{padding:0 24px 24px}.seam-components .seam-device-details .seam-body{display:flex;flex-direction:column;gap:16px}.seam-components .seam-device-details .seam-body .seam-box{border:1px solid var(--input-border);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:var(--item-hover-bg)}.seam-components .seam-device-details .seam-body .seam-box .seam-content.seam-access-code-length{border-top:1px solid var(--input-border)}.seam-components .seam-device-details .seam-body .seam-box .seam-content .seam-label{font-size:14px;line-height:134%;color:var(--text-gray-1)}.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:var(--bg-a)}.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:var(--text-gray-1);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:var(--text-gray-2)}.seam-components .seam-device-details .seam-body .seam-summary .seam-content .seam-info .seam-properties .seam-status-text{color:var(--text-gray-1)}.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}/*# sourceMappingURL=index.min.css.map */
+.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-table-header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 16px}.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-text-field{padding:0 8px;height:40px;border:1px solid #d5d8dc;border-radius:8px}.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-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-table-row{cursor:pointer}.seam-components .seam-device-table .seam-table-row .seam-image-cell{width:64px;height:64px;padding:4px}.seam-components .seam-device-table .seam-table-row .seam-image-cell img{width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-model{font-weight:400;font-size:14px;line-height:134%;color:#6e7179;flex:0 1 190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses{display:flex;align-items:center;color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div{display:flex;align-items:center;margin-right:16px}.seam-components .seam-device-table .seam-table-row .seam-body-cell .seam-bottom .seam-device-statuses>div svg{scale:.75}.seam-components .seam-access-code-table .seam-table-row{cursor:pointer}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell{flex:0;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-icon-cell>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell{flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.seam-components .seam-access-code-table .seam-table-row .seam-name-cell .seam-code-details{font-size:14px;line-height:134%;color:#6e7179}.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-details>.seam-summary{background:#f1f3f4;border-radius:16px;margin:0 24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top{padding:24px 16px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-label{font-weight:600;font-size:14px;line-height:134%;color:#6e7179;margin-bottom:4px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-access-code-name{font-weight:600;font-size:21px;line-height:132%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top>.seam-code{background:#fff;border:1px solid #9da1a9;border-radius:8px;padding:10px 16px;font-weight:600;font-size:24px;line-height:134%;margin-bottom:8px}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration{color:#6e7179;font-size:14px;line-height:134%}.seam-components .seam-access-code-details>.seam-summary>.seam-top .seam-duration .seam-label{font-weight:600;color:#232b3a}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device{border-top:1px solid #dde0e2;padding:8px 16px 8px 8px;display:flex;align-items:center}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image{width:72px;height:72px;margin-right:16px}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-device-image img{width:100%;max-height:100%}.seam-components .seam-access-code-details>.seam-summary .seam-access-code-device .seam-body{flex:1;font-weight:400;font-size:14px;line-height:134%;margin-right:8px}.seam-components .seam-access-code-details .seam-details{font-size:16px;line-height:134%;border-bottom:1px solid rgba(0,0,0,.12);padding:0 24px}.seam-components .seam-access-code-details .seam-details .seam-row{padding:16px;display:flex;border-top:1px solid rgba(0,0,0,.12)}.seam-components .seam-access-code-details .seam-details .seam-row .seam-heading{width:112px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content{display:flex;flex:1}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times{display:flex;flex:1;font-size:16px;line-height:134%}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times .seam-label{color:#9da1a9}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div div{margin-bottom:4px}.seam-components .seam-access-code-details .seam-details .seam-row .seam-content .seam-times>div:first-child{flex:0 1 160px}/*# sourceMappingURL=index.min.css.map */

package/index.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["src/styles/_main.scss","src/styles/_reset.scss","src/styles/_typography.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_access-code-table.scss","src/styles/_device-details.scss"],"names":[],"mappings":"AASA,iBACE,2JAIA,mBACA,uBACA,uBACA,uBACA,wBACA,gBACA,4BACA,yBCfA,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,gBC9GF,wHAME,gBAKF,+BACE,yBAKF,mCACE,8BClBF,oCACE,aACA,8BACA,mBAGF,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YAEA,uCACE,mBAGF,6CACE,gBACA,eAMJ,kCACE,aACA,mBACA,YCtCF,kCACE,cACA,YACA,qCACA,kBCJF,8BACE,kBACA,oCACA,eAEA,+CACE,gBACA,YACA,cAEA,qDACE,+BCXN,sCACE,YACA,aACA,mBACA,kBACA,uBAEA,sDACE,kBACA,QACA,6BACA,OACA,eAGF,kDACE,eACA,iBChBF,8DACE,cAGF,4DACE,mBACA,YACA,eAGF,yDACE,OACA,aACA,mBACA,uBAEA,6DACE,WACA,YACA,aACA,mBACA,uBAIJ,yDACE,OACA,sBACA,uBACA,uBACA,QAEA,mFACE,eACA,iBACA,yBAEA,qGACE,aACA,yBAKN,2DACE,kBACA,aACA,mBACA,uBCjDJ,sCACE,oBAEA,iDACE,aACA,sBACA,SAEA,2DACE,qCACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,gCAIJ,iGACE,yCAGF,qFACE,eACA,iBACA,yBAGF,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,uBAEA,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,yBACA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,yBAGF,2HACE,yBAGF,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA","file":"index.min.css"}
+{"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/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss"],"names":[],"mappings":"AAaA,iBCVE,2JCGA,wEAGE,sBAGF,ylCAmDE,SACA,UACA,SACA,eACA,oBACA,wBACA,kCACA,mCACA,sBAGF,oHAKE,cAGF,sBACE,cAGF,wCAEE,gBAGF,+CAEE,YAGF,4HAIE,WACA,aAGF,uBACE,yBACA,iBAGF,uBACE,gBACA,gBDtGF,wHAME,gBAKF,+BACE,METU,QFcZ,mCACE,MEPS,QFYX,sBACE,MEvBW,QCPb,oCACE,aACA,8BACA,mBACA,YACA,eAGF,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YACA,6BAEA,uCACE,mBAGF,6CACE,gBACA,eACA,iBAMJ,kCACE,aACA,mBACA,YC1CF,kCACE,cACA,YACA,yBACA,kBC2GF,2BL/GA,2JKoHE,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WH7DM,QG8DN,WACA,yBAEA,gDACE,WH5DS,QG6DT,aH7DS,QGgEX,+GAEE,WHjEQ,QGkER,aHlEQ,QGsEZ,4CACE,MH9EM,QG+EN,yBACA,yBAEA,kDACE,WH9EM,QGiFR,mHAEE,yBACA,MHxFO,QG4FX,4CACE,MHrFU,QGsFV,yBAEA,kDACE,WHjFC,QGkFD,aHxFU,QG2FZ,mHAEE,MH7FU,QG8FV,aH7FQ,QG8FR,gBAcF,iFAEE,mBAxHJ,gCACE,kBACA,oCACA,eACA,gBACA,YACA,cAEA,sCACE,+BAMJ,gCACE,MHlBM,QGmBN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBC9BJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MJXQ,QKPV,mCACE,KLMQ,QMPV,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WNIE,yGMCJ,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MNnCE,QMsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WN1CD,QM4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MNtEA,QMuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MN7FF,QMgGA,2HACE,MNlGF,QMqGA,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,oDACE,eAEA,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QAEA,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,MPvBE,QOwBF,eACA,mBACA,gBACA,uBAGF,uGACE,aACA,mBACA,MPjCE,QOkCF,eACA,iBAEA,2GACE,aACA,mBACA,kBAEA,+GACE,UClDZ,yDACE,eAEA,yEACE,OACA,aACA,mBACA,uBAEA,6EACE,WACA,YACA,aACA,mBACA,uBAIJ,yEACE,OACA,sBACA,uBACA,uBACA,QAEA,4FACE,eACA,iBACA,MRrBI,QQuBJ,8GACE,aACA,MRtBE,QQ2BR,2EACE,kBACA,aACA,mBACA,uBCzCJ,yDACE,WTcC,QSbD,mBACA,mBAEA,mEACE,kBAEA,+EACE,gBACA,eACA,iBACA,MTLI,QSMJ,kBAGF,0FACE,gBACA,eACA,iBACA,kBAGF,8EACE,gBACA,yBACA,kBACA,kBACA,gBACA,eACA,iBACA,kBAGF,kFACE,MT5BI,QS6BJ,eACA,iBAEA,8FACE,gBACA,MTnCG,QSwCT,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,MT3FA,QS+FA,qGACE,kBAGF,6GACE","file":"index.min.css"}

package/lib/icons/LockLocked.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const LockLockedIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/lib/icons/LockLocked.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LockLockedIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 25, height: 25, fill: 'none', ...props, children: [_jsx("mask", { id: 'lock-locked_svg__a', width: 25, height: 25, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'alpha',
+            }, children: _jsx("path", { fill: '#D9D9D9', d: 'M.461.839h24v24h-24z' }) }), _jsx("g", { mask: 'url(#lock-locked_svg__a)', children: _jsx("path", { fill: '#232B3A', fillRule: 'evenodd', d: 'M5.924 3.893a4.463 4.463 0 0 0-4.463 4.464v3.345a1 1 0 1 0 2 0V8.357a2.463 2.463 0 0 1 4.926 0v4.482H7.72a1.26 1.26 0 0 0-1.26 1.259v5.481c0 .696.565 1.26 1.26 1.26h9.481a1.26 1.26 0 0 0 1.26-1.26v-5.481a1.26 1.26 0 0 0-1.26-1.26h-6.814V8.357a4.463 4.463 0 0 0-4.463-4.464Z', clipRule: 'evenodd' }) })] }));
+//# sourceMappingURL=LockLocked.js.map

package/lib/icons/LockLocked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockLocked.js","sourceRoot":"","sources":["../../src/lib/icons/LockLocked.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAe,EAAE,CAAC,CAC7E,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,oBAAoB,EACvB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC3C,EACP,YAAG,IAAI,EAAC,0BAA0B,YAChC,eACE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mRAAmR,EACrR,QAAQ,EAAC,SAAS,GAClB,GACA,IACA,CACP,CAAA"}

package/lib/icons/LockUnlocked.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const LockUnlockedIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/lib/icons/LockUnlocked.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LockUnlockedIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 25, height: 25, fill: 'none', ...props, children: [_jsx("mask", { id: 'lock-unlocked_svg__a', width: 25, height: 25, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'alpha',
+            }, children: _jsx("path", { fill: '#D9D9D9', d: 'M.461.839h24v24h-24z' }) }), _jsxs("g", { fill: '#232B3A', mask: 'url(#lock-unlocked_svg__a)', children: [_jsx("rect", { width: 12, height: 8.152, x: 6.461, y: 12.839, rx: 1.259 }), _jsx("path", { fillRule: 'evenodd', d: 'M7.94 10.359a4.52 4.52 0 0 1 9.04 0v5.692a1 1 0 1 1-2 0v-5.692a2.52 2.52 0 0 0-5.04 0v3.531a1 1 0 1 1-2 0V10.36Z', clipRule: 'evenodd' })] })] }));
+//# sourceMappingURL=LockUnlocked.js.map

package/lib/icons/LockUnlocked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockUnlocked.js","sourceRoot":"","sources":["../../src/lib/icons/LockUnlocked.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAA8B,EACjB,EAAE,CAAC,CAChB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC3C,EACP,aAAG,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,4BAA4B,aACjD,eAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,GAAI,EAClE,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kHAAkH,EACpH,QAAQ,EAAC,SAAS,GAClB,IACA,IACA,CACP,CAAA"}

package/lib/seam/access-codes/use-access-code.d.ts

@@ -0,0 +1,4 @@
+import type { AccessCode, AccessCodeGetRequest } from 'seamapi';
+export type UseAccessCodeParams = AccessCodeGetRequest | string;
+export type UseAccessCodeData = AccessCode;
+export declare function useAccessCode(params: UseAccessCodeParams): import("@tanstack/react-query").UseQueryResult<AccessCode | null, unknown>;