@orbit-work/ui 0.1.0

package/dist/index.css

@@ -0,0 +1 @@
+.login-v2{position:relative;display:grid;place-items:center;background:var(--ow-navy);color:var(--ow-white);overflow:hidden}.login-v2.login-split{display:flex;place-items:unset}.login-kv-board{position:relative;flex:1;display:flex;align-items:flex-end;padding:var(--ow-space-16, 64px);overflow:hidden;background:var(--ow-navy)}.login-bg{position:absolute;inset:0;z-index:0}.login-bg img{width:100%;height:100%;object-fit:cover;display:block}.login-v2.fallback .login-bg{background:var(--ow-navy)}.login-v2.fallback .login-bg img,.login-v2.fallback .login-kv-scrim{display:none}.login-kv-scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#0000001a,#0006 60%,#000000b3);pointer-events:none}.login-slogan{position:relative;z-index:1;max-width:520px;color:var(--ow-white)}.login-slogan .slogan-line{font-size:var(--ow-fs-headline-lg);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}.login-slogan .slogan-note{font-size:var(--ow-fs-subtitle);line-height:1.5;color:color-mix(in srgb,var(--ow-white) 85%,transparent)}.login-rail{position:relative;width:420px;display:flex;flex-direction:column;background:var(--ow-bg);border-left:var(--ow-border-width-thin, 1px) solid var(--ow-border)}.login-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ow-space-12, 48px) var(--ow-space-12, 48px) var(--ow-space-8, 32px);overflow-y:auto}.login-rail-foot{margin-top:auto;padding:var(--ow-space-8, 32px) var(--ow-space-12, 48px);border-top:var(--ow-border-width-thin, 1px) solid var(--ow-border)}.login-rail-foot .login-tag{font-family:var(--ow-font-mono);font-size:var(--ow-fs-mark-md);font-weight:500;text-transform:uppercase;letter-spacing:.13em;color:var(--ow-text-3)}.login-pane{display:flex;flex-direction:column}.login-split .login-pane{width:100%;max-width:320px}.login-mark{width:46px;aspect-ratio:73.4 / 45.3;display:block;margin:0 auto 40px}.login-h1{font:700 var(--ow-fs-title) var(--ow-font-sans);color:var(--ow-text);text-align:center;margin-bottom:12px}.login-sub{font:400 var(--ow-fs-ui)/1.6 var(--ow-font-sans);color:var(--ow-text-3);text-align:center;margin:0 auto var(--ow-space-8, 32px);max-width:320px;text-wrap:pretty}.lk{border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--ow-radius-xs);font:400 var(--ow-fs-ui)/1 var(--ow-font-sans);color:var(--ow-link);transition:color var(--ow-dur-1) var(--ow-ease-beacon)}.lk:hover{color:var(--ow-link-hover);text-decoration:underline}.lk:active{color:var(--ow-link-hover)}.lk:focus-visible{outline:var(--ow-focus-ring-w) solid var(--ow-focus-ring);outline-offset:var(--ow-focus-ring-offset)}.login-foot{font:400 var(--ow-fs-body-sm)/1.6 var(--ow-font-sans);color:var(--ow-text-3);text-align:center;margin-top:16px}.login-foot .lk{font-size:var(--ow-fs-body-sm)}.login-password{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-divider{display:flex;align-items:center;gap:12px;font:400 var(--ow-fs-body-sm)/1 var(--ow-font-sans);color:var(--ow-text-3)}.login-divider span{flex:1;height:var(--ow-border-width-thin, 1px);background:var(--ow-border)}.login-providers{display:flex;flex-direction:column;gap:12px;margin-top:20px}.login-provider-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.login-provider{display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:var(--ow-radius-action);cursor:pointer;transition:background-color var(--ow-dur-1) var(--ow-ease-beacon)}.login-provider--generic{display:flex;gap:8px;width:auto;max-width:100%;height:auto;min-height:40px;padding:8px;color:var(--ow-text);font:inherit;overflow-wrap:anywhere}.login-provider--generic svg{flex-shrink:0}.login-provider:hover:not(:disabled){background:var(--ow-btn-ghost-hover)}.login-provider:active:not(:disabled){background:var(--ow-btn-ghost-press)}.login-provider:focus-visible{outline:var(--ow-focus-ring-w) solid var(--ow-focus-ring);outline-offset:var(--ow-focus-ring-offset)}.login-provider:disabled{cursor:not-allowed}.login-provider svg{width:20px;height:20px;display:block}.login-mfa{width:100%}.login-mfa .login-h1{margin-top:8px}.login-mfa .login-sub{margin-bottom:20px}.login-mfa>*+*{margin-top:12px}.login-qr__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.login-qr__head .back{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;cursor:pointer;font:400 var(--ow-fs-ui)/1 var(--ow-font-sans);color:var(--ow-text-3);padding:0}.login-qr__head .back:hover:not(:disabled){color:var(--ow-text)}.login-qr__head .back:active:not(:disabled){color:var(--ow-text-press)}.login-qr__head .back:focus-visible{outline:var(--ow-focus-ring-w) solid var(--ow-focus-ring);outline-offset:var(--ow-focus-ring-offset);border-radius:var(--ow-radius-xs)}.login-qr__head .back:disabled{color:var(--ow-disabled-text);cursor:not-allowed}.login-qr__head .back svg{width:16px;height:16px}.login-qr__head .t{font:600 var(--ow-fs-ui)/1 var(--ow-font-sans);color:var(--ow-text)}.qr-box{position:relative;width:240px;height:240px;margin:0 auto;border:var(--ow-border-width-thin, 1px) solid var(--ow-border-strong);border-radius:var(--ow-radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ow-bg)}.qr-box .qr-img{width:196px;height:196px;display:block;border-radius:var(--ow-radius-sm)}.qr-veil{position:absolute;inset:0;background:color-mix(in srgb,var(--ow-bg) 90%,transparent);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:fade var(--ow-dur-2) var(--ow-ease-beacon)}.qr-veil .msg{font:500 var(--ow-fs-ui)/1.3 var(--ow-font-sans);color:var(--ow-text)}.qr-veil .sub{font:400 var(--ow-fs-ui)/1.3 var(--ow-font-sans);color:var(--ow-text-3)}.qr-veil.failed{background:var(--ow-bg);backdrop-filter:none;padding:0 24px}.qr-hint{text-align:center;margin-top:18px}.qr-hint .r{font:400 var(--ow-fs-ui)/1.7 var(--ow-font-sans);color:var(--ow-text)}.qr-hint .r b{font-weight:600}.qr-hint .r.sub{font-size:var(--ow-fs-caption);color:var(--ow-text-3)}