@luminaryworks/auth-react 0.3.1
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/LICENSE +133 -0
- package/README.md +64 -0
- package/dist/index.css +220 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.ts +356 -0
- package/dist/index.js +1043 -0
- package/dist/index.js.map +1 -0
- package/dist/style.css +220 -0
- package/dist/style.css.map +1 -0
- package/package.json +58 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
# Polyform Noncommercial License 1.0.0
|
|
2
|
+
|
|
3
|
+
<https://polyformproject.org/licenses/noncommercial/1.0.0>
|
|
4
|
+
|
|
5
|
+
Required Notice: Copyright LuminaryWorks (https://luminaryworks.dev)
|
|
6
|
+
|
|
7
|
+
## Acceptance
|
|
8
|
+
|
|
9
|
+
In order to get any license under these terms, you must agree
|
|
10
|
+
to them as both strict obligations and conditions to all
|
|
11
|
+
your licenses.
|
|
12
|
+
|
|
13
|
+
## Copyright License
|
|
14
|
+
|
|
15
|
+
The licensor grants you a copyright license for the
|
|
16
|
+
software to do everything you might do with the software
|
|
17
|
+
that would otherwise infringe the licensor's copyright
|
|
18
|
+
in it for any permitted purpose. However, you may
|
|
19
|
+
only distribute the software according to [Distribution
|
|
20
|
+
License](#distribution-license) and make changes or new works
|
|
21
|
+
based on the software according to [Changes and New Works
|
|
22
|
+
License](#changes-and-new-works-license).
|
|
23
|
+
|
|
24
|
+
## Distribution License
|
|
25
|
+
|
|
26
|
+
The licensor grants you an additional copyright license
|
|
27
|
+
to distribute copies of the software. Your license
|
|
28
|
+
to distribute covers distributing the software with
|
|
29
|
+
changes and new works permitted by [Changes and New Works
|
|
30
|
+
License](#changes-and-new-works-license).
|
|
31
|
+
|
|
32
|
+
## Notices
|
|
33
|
+
|
|
34
|
+
You must ensure that anyone who gets a copy of any part of
|
|
35
|
+
the software from you also gets a copy of these terms or the
|
|
36
|
+
URL for them above, as well as copies of any plain-text lines
|
|
37
|
+
beginning with `Required Notice:` that the licensor provided
|
|
38
|
+
with the software. For example:
|
|
39
|
+
|
|
40
|
+
> Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
|
|
41
|
+
|
|
42
|
+
## Changes and New Works License
|
|
43
|
+
|
|
44
|
+
The licensor grants you an additional copyright license to
|
|
45
|
+
make changes and new works based on the software for any
|
|
46
|
+
permitted purpose.
|
|
47
|
+
|
|
48
|
+
## Patent License
|
|
49
|
+
|
|
50
|
+
The licensor grants you a patent license for the software that
|
|
51
|
+
covers patent claims the licensor can license, or becomes able
|
|
52
|
+
to license, that you would infringe by using the software.
|
|
53
|
+
|
|
54
|
+
## Noncommercial Purposes
|
|
55
|
+
|
|
56
|
+
Any noncommercial purpose is a permitted purpose.
|
|
57
|
+
|
|
58
|
+
## Personal Uses
|
|
59
|
+
|
|
60
|
+
Personal use for research, experiment, and testing for
|
|
61
|
+
the benefit of public knowledge, personal study, private
|
|
62
|
+
entertainment, hobby projects, amateur pursuits, or religious
|
|
63
|
+
observance, without any anticipated commercial application,
|
|
64
|
+
is use for a permitted purpose.
|
|
65
|
+
|
|
66
|
+
## Noncommercial Organizations
|
|
67
|
+
|
|
68
|
+
Use by any charitable organization, educational institution,
|
|
69
|
+
public research organization, public safety or health
|
|
70
|
+
organization, environmental protection organization,
|
|
71
|
+
or government institution is use for a permitted purpose
|
|
72
|
+
regardless of the source of funding or obligations resulting
|
|
73
|
+
from the funding.
|
|
74
|
+
|
|
75
|
+
## Fair Use
|
|
76
|
+
|
|
77
|
+
You may have "fair use" rights for the software under the
|
|
78
|
+
law. These terms do not limit them.
|
|
79
|
+
|
|
80
|
+
## No Other Rights
|
|
81
|
+
|
|
82
|
+
These terms do not allow you to sublicense or transfer any of
|
|
83
|
+
your licenses to anyone else, or prevent the licensor from
|
|
84
|
+
granting licenses to anyone else. These terms do not imply
|
|
85
|
+
any other licenses.
|
|
86
|
+
|
|
87
|
+
## Patent Defense
|
|
88
|
+
|
|
89
|
+
If you make any written claim that the software infringes or
|
|
90
|
+
contributes to infringement of any patent, your patent license
|
|
91
|
+
for the software granted under these terms ends immediately. If
|
|
92
|
+
your company makes such a claim, your patent license ends
|
|
93
|
+
immediately for work on behalf of your company.
|
|
94
|
+
|
|
95
|
+
## Violations
|
|
96
|
+
|
|
97
|
+
The first time you are notified in writing that you have
|
|
98
|
+
violated any of these terms, or done anything with the software
|
|
99
|
+
not covered by your licenses, your licenses can nonetheless
|
|
100
|
+
continue if you come into full compliance with these terms,
|
|
101
|
+
and take practical steps to correct past violations, within
|
|
102
|
+
32 days of receiving notice. Otherwise, all your licenses
|
|
103
|
+
end immediately.
|
|
104
|
+
|
|
105
|
+
## No Liability
|
|
106
|
+
|
|
107
|
+
***As far as the law allows, the software comes as is, without
|
|
108
|
+
any warranty or condition, and the licensor will not be liable
|
|
109
|
+
to you for any damages arising out of these terms or the use
|
|
110
|
+
or nature of the software, under any kind of legal claim.***
|
|
111
|
+
|
|
112
|
+
## Definitions
|
|
113
|
+
|
|
114
|
+
The **licensor** is the individual or entity offering these
|
|
115
|
+
terms, and the **software** is the software the licensor makes
|
|
116
|
+
available under these terms.
|
|
117
|
+
|
|
118
|
+
**You** refers to the individual or entity agreeing to these
|
|
119
|
+
terms.
|
|
120
|
+
|
|
121
|
+
**Your company** is any legal entity, sole proprietorship,
|
|
122
|
+
or other kind of organization that you work for, plus all
|
|
123
|
+
organizations that have control over, are under the control of,
|
|
124
|
+
or are under common control with that organization. **Control**
|
|
125
|
+
means ownership of substantially all the assets of an entity,
|
|
126
|
+
or the power to direct its management and policies by vote,
|
|
127
|
+
contract, or otherwise. Control can be direct or indirect.
|
|
128
|
+
|
|
129
|
+
**Your licenses** are all the licenses granted to you for the
|
|
130
|
+
software under these terms.
|
|
131
|
+
|
|
132
|
+
**Use** means anything you do with the software requiring one
|
|
133
|
+
of your licenses.
|
package/README.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# `@luminaryworks/auth-react`
|
|
2
|
+
|
|
3
|
+
LuminaryWorks unified OIDC SPA client + **AuthGate** (401 pause / single-flight reauth).
|
|
4
|
+
|
|
5
|
+
## AuthGate
|
|
6
|
+
|
|
7
|
+
```ts
|
|
8
|
+
import { authGate, withAuthGateRetry, AuthGateProvider, ReauthOverlay } from "@luminaryworks/auth-react";
|
|
9
|
+
|
|
10
|
+
authGate.configure({
|
|
11
|
+
tryRefresh: async () => {
|
|
12
|
+
/* refresh product JWT; return true if ok */
|
|
13
|
+
return false;
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
// In API client:
|
|
18
|
+
await withAuthGateRetry(() => fetch(...), {
|
|
19
|
+
isUnauthorized: (e) => e.status === 401,
|
|
20
|
+
});
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
On first 401: try refresh → else open reauth UI (overlay + OIDC **popup**, not IdP iframe) → retry queued callers.
|
|
24
|
+
|
|
25
|
+
## Headless login panel
|
|
26
|
+
|
|
27
|
+
Branded panel with **social buttons** (auto-loaded from IdP `socialSignInConnectorTargets` — google / github / x / …) plus **unified account** password. Social uses `direct_sign_in=social:<target>`.
|
|
28
|
+
|
|
29
|
+
Styles ship as **CSS Modules (SCSS)**. The built bundle auto-injects panel CSS in the browser. Optional explicit import (SSR / style control):
|
|
30
|
+
|
|
31
|
+
```ts
|
|
32
|
+
import "@luminaryworks/auth-react/style.css";
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
Override layout via `className` / `style` on the root.
|
|
36
|
+
|
|
37
|
+
```tsx
|
|
38
|
+
// End-user product login (social on by default)
|
|
39
|
+
<HeadlessLoginPanel
|
|
40
|
+
config={idpConfig}
|
|
41
|
+
productName="DataLuminary"
|
|
42
|
+
mode="redirect"
|
|
43
|
+
// socialProviders: "auto" | ["google","github"] | []
|
|
44
|
+
/>
|
|
45
|
+
|
|
46
|
+
// Admin / internal console — hide Experience social connectors
|
|
47
|
+
<HeadlessLoginPanel
|
|
48
|
+
config={idpConfig}
|
|
49
|
+
productName="DataLuminary Admin"
|
|
50
|
+
mode="redirect"
|
|
51
|
+
showSocialConnectors={false}
|
|
52
|
+
/>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
| Prop | Default | Notes |
|
|
56
|
+
|------|---------|--------|
|
|
57
|
+
| `showSocialConnectors` | `true` | `false` skips fetch and hides divider + social buttons |
|
|
58
|
+
| `socialProviders` | `"auto"` | allowlist, or `[]` (same effect as `showSocialConnectors={false}`) |
|
|
59
|
+
|
|
60
|
+
IdP hosted `/sign-in` social row layout: `node scripts/apply-branding.mjs` (customCss wrap). Enable connectors: `ensure-sign-in-experience.mjs` + `verify-social-direct-signin.mjs`.
|
|
61
|
+
|
|
62
|
+
## Popup callback
|
|
63
|
+
|
|
64
|
+
Callback route must detect popup windows and call `handleSignInPopupCallback` (do not SSO-exchange inside the popup).
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
/* src/HeadlessLoginPanel.module.scss */
|
|
2
|
+
.HeadlessLoginPanel_module_panel {
|
|
3
|
+
--lw-auth-theme: #3a84ff;
|
|
4
|
+
--lw-auth-theme-deep: color-mix(in srgb, var(--lw-auth-theme) 72%, #000);
|
|
5
|
+
width: min(100%, 400px);
|
|
6
|
+
padding: 28px 28px 22px;
|
|
7
|
+
border-radius: 16px;
|
|
8
|
+
background: rgba(255, 255, 255, 0.96);
|
|
9
|
+
color: #14212b;
|
|
10
|
+
box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);
|
|
11
|
+
font-family:
|
|
12
|
+
"Segoe UI",
|
|
13
|
+
"PingFang SC",
|
|
14
|
+
"Noto Sans SC",
|
|
15
|
+
sans-serif;
|
|
16
|
+
}
|
|
17
|
+
.HeadlessLoginPanel_module_brand {
|
|
18
|
+
display: flex;
|
|
19
|
+
gap: 14px;
|
|
20
|
+
align-items: center;
|
|
21
|
+
margin-bottom: 12px;
|
|
22
|
+
}
|
|
23
|
+
.HeadlessLoginPanel_module_logo {
|
|
24
|
+
border-radius: 12px;
|
|
25
|
+
display: block;
|
|
26
|
+
}
|
|
27
|
+
.HeadlessLoginPanel_module_product {
|
|
28
|
+
margin: 0;
|
|
29
|
+
font-size: 13px;
|
|
30
|
+
font-weight: 650;
|
|
31
|
+
letter-spacing: 0.04em;
|
|
32
|
+
text-transform: uppercase;
|
|
33
|
+
color: var(--lw-auth-theme);
|
|
34
|
+
}
|
|
35
|
+
.HeadlessLoginPanel_module_title {
|
|
36
|
+
margin: 2px 0 0;
|
|
37
|
+
font-size: 22px;
|
|
38
|
+
font-weight: 700;
|
|
39
|
+
line-height: 1.25;
|
|
40
|
+
}
|
|
41
|
+
.HeadlessLoginPanel_module_subtitle {
|
|
42
|
+
margin: 0 0 18px;
|
|
43
|
+
font-size: 14px;
|
|
44
|
+
line-height: 1.5;
|
|
45
|
+
color: #4b5c68;
|
|
46
|
+
}
|
|
47
|
+
.HeadlessLoginPanel_module_form {
|
|
48
|
+
display: grid;
|
|
49
|
+
gap: 10px;
|
|
50
|
+
}
|
|
51
|
+
.HeadlessLoginPanel_module_socialStack {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-wrap: wrap;
|
|
54
|
+
gap: 10px;
|
|
55
|
+
font-size: 12px;
|
|
56
|
+
}
|
|
57
|
+
.HeadlessLoginPanel_module_input {
|
|
58
|
+
width: 100%;
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
border: 1px solid #c9d5de;
|
|
61
|
+
border-radius: 10px;
|
|
62
|
+
padding: 10px 12px;
|
|
63
|
+
font-size: 14px;
|
|
64
|
+
outline: none;
|
|
65
|
+
background: #f7fafc;
|
|
66
|
+
}
|
|
67
|
+
.HeadlessLoginPanel_module_input:focus {
|
|
68
|
+
border-color: var(--lw-auth-theme);
|
|
69
|
+
}
|
|
70
|
+
.HeadlessLoginPanel_module_input:disabled {
|
|
71
|
+
opacity: 0.65;
|
|
72
|
+
cursor: not-allowed;
|
|
73
|
+
}
|
|
74
|
+
.HeadlessLoginPanel_module_passwordField {
|
|
75
|
+
position: relative;
|
|
76
|
+
display: flex;
|
|
77
|
+
align-items: center;
|
|
78
|
+
}
|
|
79
|
+
.HeadlessLoginPanel_module_passwordInput {
|
|
80
|
+
padding-right: 42px;
|
|
81
|
+
}
|
|
82
|
+
.HeadlessLoginPanel_module_passwordToggle {
|
|
83
|
+
position: absolute;
|
|
84
|
+
right: 4px;
|
|
85
|
+
top: 50%;
|
|
86
|
+
transform: translateY(-50%);
|
|
87
|
+
z-index: 1;
|
|
88
|
+
display: inline-flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
justify-content: center;
|
|
91
|
+
width: 36px;
|
|
92
|
+
height: 36px;
|
|
93
|
+
border: none;
|
|
94
|
+
border-radius: 4px;
|
|
95
|
+
padding: 0;
|
|
96
|
+
color: #5a6b76;
|
|
97
|
+
background: transparent;
|
|
98
|
+
cursor: pointer;
|
|
99
|
+
}
|
|
100
|
+
.HeadlessLoginPanel_module_passwordToggle:hover:not(:disabled) {
|
|
101
|
+
color: var(--lw-auth-theme);
|
|
102
|
+
background: color-mix(in srgb, var(--lw-auth-theme) 12%, transparent);
|
|
103
|
+
}
|
|
104
|
+
.HeadlessLoginPanel_module_passwordToggle:focus-visible {
|
|
105
|
+
outline: 2px solid var(--lw-auth-theme);
|
|
106
|
+
outline-offset: 1px;
|
|
107
|
+
}
|
|
108
|
+
.HeadlessLoginPanel_module_passwordToggle:disabled {
|
|
109
|
+
opacity: 0.65;
|
|
110
|
+
cursor: not-allowed;
|
|
111
|
+
}
|
|
112
|
+
.HeadlessLoginPanel_module_primaryBtn {
|
|
113
|
+
border: none;
|
|
114
|
+
border-radius: 10px;
|
|
115
|
+
padding: 11px 14px;
|
|
116
|
+
font-size: 14px;
|
|
117
|
+
font-weight: 650;
|
|
118
|
+
cursor: pointer;
|
|
119
|
+
color: #fff;
|
|
120
|
+
background:
|
|
121
|
+
linear-gradient(
|
|
122
|
+
135deg,
|
|
123
|
+
var(--lw-auth-theme) 0%,
|
|
124
|
+
var(--lw-auth-theme-deep) 100%);
|
|
125
|
+
}
|
|
126
|
+
.HeadlessLoginPanel_module_primaryBtn:disabled {
|
|
127
|
+
opacity: 0.65;
|
|
128
|
+
cursor: not-allowed;
|
|
129
|
+
}
|
|
130
|
+
.HeadlessLoginPanel_module_socialBtn {
|
|
131
|
+
flex: 1 1 calc(50% - 5px);
|
|
132
|
+
min-width: min(140px, 100%);
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: center;
|
|
135
|
+
justify-content: center;
|
|
136
|
+
gap: 8px;
|
|
137
|
+
border: 1px solid #b7c9d4;
|
|
138
|
+
border-radius: 10px;
|
|
139
|
+
padding: 11px 10px;
|
|
140
|
+
font-size: 14px;
|
|
141
|
+
font-weight: 650;
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
color: #14212b;
|
|
144
|
+
background: #fff;
|
|
145
|
+
}
|
|
146
|
+
.HeadlessLoginPanel_module_socialBtn:disabled {
|
|
147
|
+
opacity: 0.65;
|
|
148
|
+
cursor: not-allowed;
|
|
149
|
+
}
|
|
150
|
+
.HeadlessLoginPanel_module_socialLogo {
|
|
151
|
+
flex-shrink: 0;
|
|
152
|
+
display: block;
|
|
153
|
+
}
|
|
154
|
+
.HeadlessLoginPanel_module_logoFallback {
|
|
155
|
+
width: 18px;
|
|
156
|
+
height: 18px;
|
|
157
|
+
border-radius: 4px;
|
|
158
|
+
background: color-mix(in srgb, var(--lw-auth-theme) 14%, #fff);
|
|
159
|
+
color: var(--lw-auth-theme-deep);
|
|
160
|
+
font-size: 11px;
|
|
161
|
+
font-weight: 700;
|
|
162
|
+
display: inline-flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
justify-content: center;
|
|
165
|
+
flex-shrink: 0;
|
|
166
|
+
}
|
|
167
|
+
.HeadlessLoginPanel_module_cancelBtn {
|
|
168
|
+
margin-top: 10px;
|
|
169
|
+
width: 100%;
|
|
170
|
+
border: none;
|
|
171
|
+
background: transparent;
|
|
172
|
+
color: #5a6b76;
|
|
173
|
+
font-size: 13px;
|
|
174
|
+
cursor: pointer;
|
|
175
|
+
padding: 8px;
|
|
176
|
+
}
|
|
177
|
+
.HeadlessLoginPanel_module_cancelBtn:disabled {
|
|
178
|
+
opacity: 0.65;
|
|
179
|
+
cursor: not-allowed;
|
|
180
|
+
}
|
|
181
|
+
.HeadlessLoginPanel_module_divider {
|
|
182
|
+
display: flex;
|
|
183
|
+
align-items: center;
|
|
184
|
+
gap: 10px;
|
|
185
|
+
margin: 14px 0;
|
|
186
|
+
color: #90a0ab;
|
|
187
|
+
}
|
|
188
|
+
.HeadlessLoginPanel_module_dividerLine {
|
|
189
|
+
flex: 1;
|
|
190
|
+
height: 1px;
|
|
191
|
+
background: #d5e0e7;
|
|
192
|
+
}
|
|
193
|
+
.HeadlessLoginPanel_module_dividerText {
|
|
194
|
+
font-size: 12px;
|
|
195
|
+
text-transform: uppercase;
|
|
196
|
+
letter-spacing: 0.08em;
|
|
197
|
+
}
|
|
198
|
+
.HeadlessLoginPanel_module_hint {
|
|
199
|
+
margin: 10px 0 0;
|
|
200
|
+
font-size: 12px;
|
|
201
|
+
color: #6b7c87;
|
|
202
|
+
line-height: 1.45;
|
|
203
|
+
}
|
|
204
|
+
.HeadlessLoginPanel_module_error {
|
|
205
|
+
margin: 12px 0 0;
|
|
206
|
+
font-size: 13px;
|
|
207
|
+
color: #b42318;
|
|
208
|
+
line-height: 1.4;
|
|
209
|
+
}
|
|
210
|
+
.HeadlessLoginPanel_module_footer {
|
|
211
|
+
margin-top: 18px;
|
|
212
|
+
padding-top: 12px;
|
|
213
|
+
border-top: 1px solid #e4ebf0;
|
|
214
|
+
font-size: 12px;
|
|
215
|
+
color: #6b7c87;
|
|
216
|
+
display: flex;
|
|
217
|
+
gap: 8px;
|
|
218
|
+
justify-content: center;
|
|
219
|
+
}
|
|
220
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/HeadlessLoginPanel.module.scss"],"sourcesContent":["$ink: #14212b;\n$muted: #4b5c68;\n$hint: #6b7c87;\n$brand: #3d6f8f;\n$brand-deep: #15485c;\n$brand-mid: #1f6f8b;\n$border: #c9d5de;\n$border-soft: #b7c9d4;\n$line: #d5e0e7;\n$divider: #90a0ab;\n$surface: #f7fafc;\n$fallback-bg: #e8eef2;\n$danger: #b42318;\n$footer-line: #e4ebf0;\n$radius-lg: 16px;\n$radius-md: 10px;\n$radius-sm: 4px;\n\n.panel {\n --lw-auth-theme: #3a84ff;\n --lw-auth-theme-deep: color-mix(in srgb, var(--lw-auth-theme) 72%, #000);\n width: min(100%, 400px);\n padding: 28px 28px 22px;\n border-radius: $radius-lg;\n background: rgba(255, 255, 255, 0.96);\n color: $ink;\n box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28);\n font-family: \"Segoe UI\", \"PingFang SC\", \"Noto Sans SC\", sans-serif;\n}\n\n.brand {\n display: flex;\n gap: 14px;\n align-items: center;\n margin-bottom: 12px;\n}\n\n.logo {\n border-radius: 12px;\n display: block;\n}\n\n.product {\n margin: 0;\n font-size: 13px;\n font-weight: 650;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--lw-auth-theme);\n}\n\n.title {\n margin: 2px 0 0;\n font-size: 22px;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.subtitle {\n margin: 0 0 18px;\n font-size: 14px;\n line-height: 1.5;\n color: $muted;\n}\n\n.form {\n display: grid;\n gap: 10px;\n}\n\n.socialStack {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n font-size: 12px;\n}\n\n.input {\n width: 100%;\n box-sizing: border-box;\n border: 1px solid $border;\n border-radius: $radius-md;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n background: $surface;\n\n &:focus {\n border-color: var(--lw-auth-theme);\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n}\n\n.passwordField {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.passwordInput {\n padding-right: 42px;\n}\n\n.passwordToggle {\n position: absolute;\n right: 4px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border: none;\n border-radius: $radius-sm;\n padding: 0;\n color: #5a6b76;\n background: transparent;\n cursor: pointer;\n\n &:hover:not(:disabled) {\n color: var(--lw-auth-theme);\n background: color-mix(in srgb, var(--lw-auth-theme) 12%, transparent);\n }\n\n &:focus-visible {\n outline: 2px solid var(--lw-auth-theme);\n outline-offset: 1px;\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n}\n\n.primaryBtn {\n border: none;\n border-radius: $radius-md;\n padding: 11px 14px;\n font-size: 14px;\n font-weight: 650;\n cursor: pointer;\n color: #fff;\n background: linear-gradient(135deg, var(--lw-auth-theme) 0%, var(--lw-auth-theme-deep) 100%);\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n}\n\n.socialBtn {\n flex: 1 1 calc(50% - 5px);\n min-width: min(140px, 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n border: 1px solid $border-soft;\n border-radius: $radius-md;\n padding: 11px 10px;\n font-size: 14px;\n font-weight: 650;\n cursor: pointer;\n color: $ink;\n background: #fff;\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n}\n\n.socialLogo {\n flex-shrink: 0;\n display: block;\n}\n\n.logoFallback {\n width: 18px;\n height: 18px;\n border-radius: $radius-sm;\n background: color-mix(in srgb, var(--lw-auth-theme) 14%, #fff);\n color: var(--lw-auth-theme-deep);\n font-size: 11px;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.cancelBtn {\n margin-top: 10px;\n width: 100%;\n border: none;\n background: transparent;\n color: #5a6b76;\n font-size: 13px;\n cursor: pointer;\n padding: 8px;\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n}\n\n.divider {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 14px 0;\n color: $divider;\n}\n\n.dividerLine {\n flex: 1;\n height: 1px;\n background: $line;\n}\n\n.dividerText {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.hint {\n margin: 10px 0 0;\n font-size: 12px;\n color: $hint;\n line-height: 1.45;\n}\n\n.error {\n margin: 12px 0 0;\n font-size: 13px;\n color: $danger;\n line-height: 1.4;\n}\n\n.footer {\n margin-top: 18px;\n padding-top: 12px;\n border-top: 1px solid $footer-line;\n font-size: 12px;\n color: $hint;\n display: flex;\n gap: 8px;\n justify-content: center;\n}\n"],"mappings":"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","names":["panel","brand","logo","product","title","subtitle","form","socialStack","input","passwordField","passwordInput","passwordToggle","primaryBtn","socialBtn","socialLogo","logoFallback","cancelBtn","divider","dividerLine","dividerText","hint","error","footer"]}
|