@ory/elements-react 1.0.0-next.6 → 1.0.0-next.8
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/.vscode/i18n-ally-reviews.yml +3 -0
- package/.vscode/settings.json +4 -0
- package/CHANGELOG.md +34 -2
- package/README.md +4 -3
- package/dist/index.d.mts +90 -17
- package/dist/index.d.ts +90 -17
- package/dist/index.js +263 -58
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +259 -56
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +279 -245
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.js +267 -195
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +276 -204
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +9 -9
- package/postcss.config.ts +1 -5
- package/tsconfig.json +4 -2
- package/test-results/.last-run.json +0 -4
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/* src/theme/default/global.css */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
*,
|
|
3
|
+
::before,
|
|
4
|
+
::after {
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
border-width: 0;
|
|
7
7
|
border-style: solid;
|
|
8
8
|
border-color: currentColor;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
::before,
|
|
11
|
+
::after {
|
|
12
12
|
--tw-content: "";
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
html,
|
|
15
|
+
:host {
|
|
16
16
|
line-height: 1.5;
|
|
17
17
|
-webkit-text-size-adjust: 100%;
|
|
18
18
|
-moz-tab-size: 4;
|
|
@@ -23,40 +23,40 @@
|
|
|
23
23
|
font-variation-settings: normal;
|
|
24
24
|
-webkit-tap-highlight-color: transparent;
|
|
25
25
|
}
|
|
26
|
-
|
|
26
|
+
body {
|
|
27
27
|
margin: 0;
|
|
28
28
|
line-height: inherit;
|
|
29
29
|
}
|
|
30
|
-
|
|
30
|
+
hr {
|
|
31
31
|
height: 0;
|
|
32
32
|
color: inherit;
|
|
33
33
|
border-top-width: 1px;
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
abbr:where([title]) {
|
|
36
36
|
-webkit-text-decoration: underline dotted;
|
|
37
37
|
text-decoration: underline dotted;
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
h1,
|
|
40
|
+
h2,
|
|
41
|
+
h3,
|
|
42
|
+
h4,
|
|
43
|
+
h5,
|
|
44
|
+
h6 {
|
|
45
45
|
font-size: inherit;
|
|
46
46
|
font-weight: inherit;
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
a {
|
|
49
49
|
color: inherit;
|
|
50
50
|
text-decoration: inherit;
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
b,
|
|
53
|
+
strong {
|
|
54
54
|
font-weight: bolder;
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
code,
|
|
57
|
+
kbd,
|
|
58
|
+
samp,
|
|
59
|
+
pre {
|
|
60
60
|
font-family:
|
|
61
61
|
ui-monospace,
|
|
62
62
|
SFMono-Regular,
|
|
@@ -70,32 +70,32 @@
|
|
|
70
70
|
font-variation-settings: normal;
|
|
71
71
|
font-size: 1em;
|
|
72
72
|
}
|
|
73
|
-
|
|
73
|
+
small {
|
|
74
74
|
font-size: 80%;
|
|
75
75
|
}
|
|
76
|
-
|
|
77
|
-
|
|
76
|
+
sub,
|
|
77
|
+
sup {
|
|
78
78
|
font-size: 75%;
|
|
79
79
|
line-height: 0;
|
|
80
80
|
position: relative;
|
|
81
81
|
vertical-align: baseline;
|
|
82
82
|
}
|
|
83
|
-
|
|
83
|
+
sub {
|
|
84
84
|
bottom: -0.25em;
|
|
85
85
|
}
|
|
86
|
-
|
|
86
|
+
sup {
|
|
87
87
|
top: -0.5em;
|
|
88
88
|
}
|
|
89
|
-
|
|
89
|
+
table {
|
|
90
90
|
text-indent: 0;
|
|
91
91
|
border-color: inherit;
|
|
92
92
|
border-collapse: collapse;
|
|
93
93
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
94
|
+
button,
|
|
95
|
+
input,
|
|
96
|
+
optgroup,
|
|
97
|
+
select,
|
|
98
|
+
textarea {
|
|
99
99
|
font-family: inherit;
|
|
100
100
|
font-feature-settings: inherit;
|
|
101
101
|
font-variation-settings: inherit;
|
|
@@ -107,119 +107,119 @@
|
|
|
107
107
|
margin: 0;
|
|
108
108
|
padding: 0;
|
|
109
109
|
}
|
|
110
|
-
|
|
111
|
-
|
|
110
|
+
button,
|
|
111
|
+
select {
|
|
112
112
|
text-transform: none;
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
button,
|
|
115
|
+
input:where([type=button]),
|
|
116
|
+
input:where([type=reset]),
|
|
117
|
+
input:where([type=submit]) {
|
|
118
118
|
-webkit-appearance: button;
|
|
119
119
|
background-color: transparent;
|
|
120
120
|
background-image: none;
|
|
121
121
|
}
|
|
122
|
-
|
|
122
|
+
:-moz-focusring {
|
|
123
123
|
outline: auto;
|
|
124
124
|
}
|
|
125
|
-
|
|
125
|
+
:-moz-ui-invalid {
|
|
126
126
|
box-shadow: none;
|
|
127
127
|
}
|
|
128
|
-
|
|
128
|
+
progress {
|
|
129
129
|
vertical-align: baseline;
|
|
130
130
|
}
|
|
131
|
-
|
|
132
|
-
|
|
131
|
+
::-webkit-inner-spin-button,
|
|
132
|
+
::-webkit-outer-spin-button {
|
|
133
133
|
height: auto;
|
|
134
134
|
}
|
|
135
|
-
|
|
135
|
+
[type=search] {
|
|
136
136
|
-webkit-appearance: textfield;
|
|
137
137
|
outline-offset: -2px;
|
|
138
138
|
}
|
|
139
|
-
|
|
139
|
+
::-webkit-search-decoration {
|
|
140
140
|
-webkit-appearance: none;
|
|
141
141
|
}
|
|
142
|
-
|
|
142
|
+
::-webkit-file-upload-button {
|
|
143
143
|
-webkit-appearance: button;
|
|
144
144
|
font: inherit;
|
|
145
145
|
}
|
|
146
|
-
|
|
146
|
+
summary {
|
|
147
147
|
display: list-item;
|
|
148
148
|
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
149
|
+
blockquote,
|
|
150
|
+
dl,
|
|
151
|
+
dd,
|
|
152
|
+
h1,
|
|
153
|
+
h2,
|
|
154
|
+
h3,
|
|
155
|
+
h4,
|
|
156
|
+
h5,
|
|
157
|
+
h6,
|
|
158
|
+
hr,
|
|
159
|
+
figure,
|
|
160
|
+
p,
|
|
161
|
+
pre {
|
|
162
162
|
margin: 0;
|
|
163
163
|
}
|
|
164
|
-
|
|
164
|
+
fieldset {
|
|
165
165
|
margin: 0;
|
|
166
166
|
padding: 0;
|
|
167
167
|
}
|
|
168
|
-
|
|
168
|
+
legend {
|
|
169
169
|
padding: 0;
|
|
170
170
|
}
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
171
|
+
ol,
|
|
172
|
+
ul,
|
|
173
|
+
menu {
|
|
174
174
|
list-style: none;
|
|
175
175
|
margin: 0;
|
|
176
176
|
padding: 0;
|
|
177
177
|
}
|
|
178
|
-
|
|
178
|
+
dialog {
|
|
179
179
|
padding: 0;
|
|
180
180
|
}
|
|
181
|
-
|
|
181
|
+
textarea {
|
|
182
182
|
resize: vertical;
|
|
183
183
|
}
|
|
184
|
-
|
|
185
|
-
|
|
184
|
+
input::-moz-placeholder,
|
|
185
|
+
textarea::-moz-placeholder {
|
|
186
186
|
opacity: 1;
|
|
187
187
|
color: #9ca3af;
|
|
188
188
|
}
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
input::placeholder,
|
|
190
|
+
textarea::placeholder {
|
|
191
191
|
opacity: 1;
|
|
192
192
|
color: #9ca3af;
|
|
193
193
|
}
|
|
194
|
-
|
|
195
|
-
|
|
194
|
+
button,
|
|
195
|
+
[role=button] {
|
|
196
196
|
cursor: pointer;
|
|
197
197
|
}
|
|
198
|
-
|
|
198
|
+
:disabled {
|
|
199
199
|
cursor: default;
|
|
200
200
|
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
201
|
+
img,
|
|
202
|
+
svg,
|
|
203
|
+
video,
|
|
204
|
+
canvas,
|
|
205
|
+
audio,
|
|
206
|
+
iframe,
|
|
207
|
+
embed,
|
|
208
|
+
object {
|
|
209
209
|
display: block;
|
|
210
210
|
vertical-align: middle;
|
|
211
211
|
}
|
|
212
|
-
|
|
213
|
-
|
|
212
|
+
img,
|
|
213
|
+
video {
|
|
214
214
|
max-width: 100%;
|
|
215
215
|
height: auto;
|
|
216
216
|
}
|
|
217
|
-
|
|
217
|
+
[hidden] {
|
|
218
218
|
display: none;
|
|
219
219
|
}
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
220
|
+
*,
|
|
221
|
+
::before,
|
|
222
|
+
::after {
|
|
223
223
|
--tw-border-spacing-x: 0;
|
|
224
224
|
--tw-border-spacing-y: 0;
|
|
225
225
|
--tw-translate-x: 0;
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
--tw-contain-paint: ;
|
|
273
273
|
--tw-contain-style: ;
|
|
274
274
|
}
|
|
275
|
-
|
|
275
|
+
::backdrop {
|
|
276
276
|
--tw-border-spacing-x: 0;
|
|
277
277
|
--tw-border-spacing-y: 0;
|
|
278
278
|
--tw-translate-x: 0;
|
|
@@ -325,127 +325,127 @@
|
|
|
325
325
|
--tw-contain-paint: ;
|
|
326
326
|
--tw-contain-style: ;
|
|
327
327
|
}
|
|
328
|
-
.
|
|
328
|
+
.container {
|
|
329
329
|
width: 100%;
|
|
330
330
|
}
|
|
331
331
|
@media (min-width: 640px) {
|
|
332
|
-
.
|
|
332
|
+
.container {
|
|
333
333
|
max-width: 640px;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
@media (min-width: 768px) {
|
|
337
|
-
.
|
|
337
|
+
.container {
|
|
338
338
|
max-width: 768px;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
@media (min-width: 1024px) {
|
|
342
|
-
.
|
|
342
|
+
.container {
|
|
343
343
|
max-width: 1024px;
|
|
344
344
|
}
|
|
345
345
|
}
|
|
346
346
|
@media (min-width: 1280px) {
|
|
347
|
-
.
|
|
347
|
+
.container {
|
|
348
348
|
max-width: 1280px;
|
|
349
349
|
}
|
|
350
350
|
}
|
|
351
351
|
@media (min-width: 1536px) {
|
|
352
|
-
.
|
|
352
|
+
.container {
|
|
353
353
|
max-width: 1536px;
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
|
-
.
|
|
356
|
+
.pointer-events-none {
|
|
357
357
|
pointer-events: none;
|
|
358
358
|
}
|
|
359
|
-
.
|
|
359
|
+
.absolute {
|
|
360
360
|
position: absolute;
|
|
361
361
|
}
|
|
362
|
-
.
|
|
362
|
+
.relative {
|
|
363
363
|
position: relative;
|
|
364
364
|
}
|
|
365
|
-
.
|
|
365
|
+
.inset-0 {
|
|
366
366
|
inset: 0px;
|
|
367
367
|
}
|
|
368
|
-
.
|
|
368
|
+
.z-10 {
|
|
369
369
|
z-index: 10;
|
|
370
370
|
}
|
|
371
|
-
.
|
|
371
|
+
.mx-auto {
|
|
372
372
|
margin-left: auto;
|
|
373
373
|
margin-right: auto;
|
|
374
374
|
}
|
|
375
|
-
.
|
|
375
|
+
.my-auto {
|
|
376
376
|
margin-top: auto;
|
|
377
377
|
margin-bottom: auto;
|
|
378
378
|
}
|
|
379
|
-
.
|
|
379
|
+
.mt-1 {
|
|
380
380
|
margin-top: 0.25rem;
|
|
381
381
|
}
|
|
382
|
-
.
|
|
382
|
+
.mt-\[2px\] {
|
|
383
383
|
margin-top: 2px;
|
|
384
384
|
}
|
|
385
|
-
.
|
|
385
|
+
.flex {
|
|
386
386
|
display: flex;
|
|
387
387
|
}
|
|
388
|
-
.
|
|
388
|
+
.inline-flex {
|
|
389
389
|
display: inline-flex;
|
|
390
390
|
}
|
|
391
|
-
.
|
|
391
|
+
.grid {
|
|
392
392
|
display: grid;
|
|
393
393
|
}
|
|
394
|
-
.
|
|
394
|
+
.hidden {
|
|
395
395
|
display: none;
|
|
396
396
|
}
|
|
397
|
-
.
|
|
397
|
+
.aspect-square {
|
|
398
398
|
aspect-ratio: 1 / 1;
|
|
399
399
|
}
|
|
400
|
-
.
|
|
400
|
+
.h-10 {
|
|
401
401
|
height: 2.5rem;
|
|
402
402
|
}
|
|
403
|
-
.
|
|
403
|
+
.h-4 {
|
|
404
404
|
height: 1rem;
|
|
405
405
|
}
|
|
406
|
-
.
|
|
406
|
+
.h-5 {
|
|
407
407
|
height: 1.25rem;
|
|
408
408
|
}
|
|
409
|
-
.
|
|
409
|
+
.h-8 {
|
|
410
410
|
height: 2rem;
|
|
411
411
|
}
|
|
412
|
-
.
|
|
412
|
+
.h-full {
|
|
413
413
|
height: 100%;
|
|
414
414
|
}
|
|
415
|
-
.
|
|
415
|
+
.w-10 {
|
|
416
416
|
width: 2.5rem;
|
|
417
417
|
}
|
|
418
|
-
.
|
|
418
|
+
.w-11 {
|
|
419
419
|
width: 2.75rem;
|
|
420
420
|
}
|
|
421
|
-
.
|
|
421
|
+
.w-4 {
|
|
422
422
|
width: 1rem;
|
|
423
423
|
}
|
|
424
|
-
.
|
|
424
|
+
.w-5 {
|
|
425
425
|
width: 1.25rem;
|
|
426
426
|
}
|
|
427
|
-
.
|
|
427
|
+
.w-8 {
|
|
428
428
|
width: 2rem;
|
|
429
429
|
}
|
|
430
|
-
.
|
|
430
|
+
.w-full {
|
|
431
431
|
width: 100%;
|
|
432
432
|
}
|
|
433
|
-
.
|
|
433
|
+
.w-px {
|
|
434
434
|
width: 1px;
|
|
435
435
|
}
|
|
436
|
-
.
|
|
436
|
+
.max-w-sm {
|
|
437
437
|
max-width: 24rem;
|
|
438
438
|
}
|
|
439
|
-
.
|
|
439
|
+
.flex-1 {
|
|
440
440
|
flex: 1 1 0%;
|
|
441
441
|
}
|
|
442
|
-
.
|
|
442
|
+
.flex-none {
|
|
443
443
|
flex: none;
|
|
444
444
|
}
|
|
445
|
-
.
|
|
445
|
+
.flex-grow {
|
|
446
446
|
flex-grow: 1;
|
|
447
447
|
}
|
|
448
|
-
.
|
|
448
|
+
.transform {
|
|
449
449
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
450
450
|
}
|
|
451
451
|
@keyframes caret-blink {
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
opacity: 0;
|
|
457
457
|
}
|
|
458
458
|
}
|
|
459
|
-
.
|
|
459
|
+
.animate-caret-blink {
|
|
460
460
|
animation: caret-blink 1.25s ease-out infinite;
|
|
461
461
|
}
|
|
462
462
|
@keyframes spin {
|
|
@@ -464,263 +464,284 @@
|
|
|
464
464
|
transform: rotate(360deg);
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
.animate-spin {
|
|
468
468
|
animation: spin 1s linear infinite;
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.cursor-not-allowed {
|
|
471
471
|
cursor: not-allowed;
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.cursor-pointer {
|
|
474
474
|
cursor: pointer;
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.appearance-none {
|
|
477
477
|
-webkit-appearance: none;
|
|
478
478
|
-moz-appearance: none;
|
|
479
479
|
appearance: none;
|
|
480
480
|
}
|
|
481
|
-
.
|
|
481
|
+
.auto-cols-fr {
|
|
482
482
|
grid-auto-columns: minmax(0, 1fr);
|
|
483
483
|
}
|
|
484
|
-
.
|
|
484
|
+
.grid-flow-col {
|
|
485
485
|
grid-auto-flow: column;
|
|
486
486
|
}
|
|
487
|
-
.
|
|
487
|
+
.grid-cols-1 {
|
|
488
488
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
489
489
|
}
|
|
490
|
-
.
|
|
490
|
+
.grid-cols-3 {
|
|
491
491
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
492
492
|
}
|
|
493
|
-
.
|
|
493
|
+
.grid-cols-4 {
|
|
494
494
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
.flex-col {
|
|
497
497
|
flex-direction: column;
|
|
498
498
|
}
|
|
499
|
-
.
|
|
499
|
+
.items-center {
|
|
500
500
|
align-items: center;
|
|
501
501
|
}
|
|
502
|
-
.
|
|
502
|
+
.justify-center {
|
|
503
503
|
justify-content: center;
|
|
504
504
|
}
|
|
505
|
-
.
|
|
505
|
+
.justify-between {
|
|
506
506
|
justify-content: space-between;
|
|
507
507
|
}
|
|
508
|
-
.
|
|
508
|
+
.gap-1 {
|
|
509
509
|
gap: 0.25rem;
|
|
510
510
|
}
|
|
511
|
-
.
|
|
511
|
+
.gap-2 {
|
|
512
512
|
gap: 0.5rem;
|
|
513
513
|
}
|
|
514
|
-
.
|
|
514
|
+
.gap-3 {
|
|
515
515
|
gap: 0.75rem;
|
|
516
516
|
}
|
|
517
|
-
.
|
|
517
|
+
.gap-6 {
|
|
518
518
|
gap: 1.5rem;
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.gap-8 {
|
|
521
521
|
gap: 2rem;
|
|
522
522
|
}
|
|
523
|
-
.
|
|
523
|
+
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
524
524
|
--tw-space-x-reverse: 0;
|
|
525
525
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
526
526
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
527
527
|
}
|
|
528
|
-
.
|
|
528
|
+
.self-stretch {
|
|
529
529
|
align-self: stretch;
|
|
530
530
|
}
|
|
531
|
-
.
|
|
531
|
+
.rounded {
|
|
532
532
|
border-radius: 0.25rem;
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
.rounded-border-radius-buttons {
|
|
535
535
|
border-radius: var(--border-radius-buttons, 0.25rem);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.rounded-border-radius-cards {
|
|
538
538
|
border-radius: var(--border-radius-cards, 0.75rem);
|
|
539
539
|
}
|
|
540
|
-
.
|
|
540
|
+
.rounded-border-radius-forms {
|
|
541
541
|
border-radius: var(--border-radius-forms, 0.25rem);
|
|
542
542
|
}
|
|
543
|
-
.
|
|
543
|
+
.rounded-full {
|
|
544
544
|
border-radius: 9999px;
|
|
545
545
|
}
|
|
546
|
-
.
|
|
546
|
+
.border {
|
|
547
547
|
border-width: 1px;
|
|
548
548
|
}
|
|
549
|
-
.
|
|
549
|
+
.border-y {
|
|
550
550
|
border-top-width: 1px;
|
|
551
551
|
border-bottom-width: 1px;
|
|
552
552
|
}
|
|
553
|
-
.
|
|
553
|
+
.border-r {
|
|
554
554
|
border-right-width: 1px;
|
|
555
555
|
}
|
|
556
|
-
.
|
|
556
|
+
.border-solid {
|
|
557
557
|
border-style: solid;
|
|
558
558
|
}
|
|
559
|
-
.
|
|
559
|
+
.border-button-identifier-border-default {
|
|
560
560
|
border-color: var(--button-identifier-border-default, #e2e8f0);
|
|
561
561
|
}
|
|
562
|
-
.
|
|
562
|
+
.border-button-secondary-border-default {
|
|
563
563
|
border-color: var(--button-secondary-border-default, #e2e8f0);
|
|
564
564
|
}
|
|
565
|
-
.
|
|
565
|
+
.border-dialog-border-default {
|
|
566
566
|
border-color: var(--dialog-border-default, #e2e8f0);
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
.border-forms-border-default {
|
|
569
569
|
border-color: var(--forms-border-default, #e2e8f0);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
.bg-branding-bg-default {
|
|
572
572
|
--tw-bg-opacity: 1;
|
|
573
573
|
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
|
|
574
574
|
}
|
|
575
|
-
.
|
|
575
|
+
.bg-button-identifier-bg-default {
|
|
576
576
|
background-color: var(--button-identifier-bg-default, #ffffff);
|
|
577
577
|
}
|
|
578
|
-
.
|
|
578
|
+
.bg-button-primary-bg-default {
|
|
579
579
|
background-color: var(--button-primary-bg-default, #1e293b);
|
|
580
580
|
}
|
|
581
|
-
.
|
|
581
|
+
.bg-button-primary-bg-hover {
|
|
582
582
|
background-color: var(--button-primary-bg-hover, #0f172a);
|
|
583
583
|
}
|
|
584
|
-
.
|
|
584
|
+
.bg-button-secondary-bg-default {
|
|
585
585
|
background-color: var(--button-secondary-bg-default, #ffffff);
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
.bg-dialog-bg-default {
|
|
588
588
|
background-color: var(--dialog-bg-default, #ffffff);
|
|
589
589
|
}
|
|
590
|
-
.
|
|
590
|
+
.bg-forms-bg-default {
|
|
591
591
|
background-color: var(--forms-bg-default, #ffffff);
|
|
592
592
|
}
|
|
593
|
-
.
|
|
593
|
+
.object-fill {
|
|
594
594
|
-o-object-fit: fill;
|
|
595
595
|
object-fit: fill;
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.p-2 {
|
|
598
598
|
padding: 0.5rem;
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.px-1\.5 {
|
|
601
601
|
padding-left: 0.375rem;
|
|
602
602
|
padding-right: 0.375rem;
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.px-2 {
|
|
605
|
+
padding-left: 0.5rem;
|
|
606
|
+
padding-right: 0.5rem;
|
|
607
|
+
}
|
|
608
|
+
.px-3 {
|
|
605
609
|
padding-left: 0.75rem;
|
|
606
610
|
padding-right: 0.75rem;
|
|
607
611
|
}
|
|
608
|
-
.
|
|
612
|
+
.px-4 {
|
|
609
613
|
padding-left: 1rem;
|
|
610
614
|
padding-right: 1rem;
|
|
611
615
|
}
|
|
612
|
-
.
|
|
616
|
+
.px-8 {
|
|
613
617
|
padding-left: 2rem;
|
|
614
618
|
padding-right: 2rem;
|
|
615
619
|
}
|
|
616
|
-
.
|
|
620
|
+
.py-1 {
|
|
617
621
|
padding-top: 0.25rem;
|
|
618
622
|
padding-bottom: 0.25rem;
|
|
619
623
|
}
|
|
620
|
-
.
|
|
624
|
+
.py-1\.5 {
|
|
625
|
+
padding-top: 0.375rem;
|
|
626
|
+
padding-bottom: 0.375rem;
|
|
627
|
+
}
|
|
628
|
+
.py-12 {
|
|
621
629
|
padding-top: 3rem;
|
|
622
630
|
padding-bottom: 3rem;
|
|
623
631
|
}
|
|
624
|
-
.
|
|
632
|
+
.py-2 {
|
|
625
633
|
padding-top: 0.5rem;
|
|
626
634
|
padding-bottom: 0.5rem;
|
|
627
635
|
}
|
|
628
|
-
.
|
|
636
|
+
.py-2\.5 {
|
|
629
637
|
padding-top: 0.625rem;
|
|
630
638
|
padding-bottom: 0.625rem;
|
|
631
639
|
}
|
|
632
|
-
.
|
|
640
|
+
.py-3 {
|
|
641
|
+
padding-top: 0.75rem;
|
|
642
|
+
padding-bottom: 0.75rem;
|
|
643
|
+
}
|
|
644
|
+
.py-4\.5 {
|
|
633
645
|
padding-top: 1.125rem;
|
|
634
646
|
padding-bottom: 1.125rem;
|
|
635
647
|
}
|
|
636
|
-
.
|
|
648
|
+
.text-left {
|
|
637
649
|
text-align: left;
|
|
638
650
|
}
|
|
639
|
-
.
|
|
651
|
+
.text-center {
|
|
640
652
|
text-align: center;
|
|
641
653
|
}
|
|
642
|
-
.
|
|
654
|
+
.font-sans {
|
|
655
|
+
font-family: "Inter var", sans-serif;
|
|
656
|
+
}
|
|
657
|
+
.text-lg {
|
|
643
658
|
font-size: 1.125rem;
|
|
644
659
|
line-height: 1.75rem;
|
|
645
660
|
}
|
|
646
|
-
.
|
|
661
|
+
.text-sm {
|
|
647
662
|
font-size: 0.875rem;
|
|
648
663
|
line-height: 1.25rem;
|
|
649
664
|
}
|
|
650
|
-
.
|
|
665
|
+
.text-xl {
|
|
651
666
|
font-size: 1.25rem;
|
|
652
667
|
line-height: 1.75rem;
|
|
653
668
|
}
|
|
654
|
-
.
|
|
669
|
+
.text-xs {
|
|
655
670
|
font-size: 0.75rem;
|
|
656
671
|
line-height: 1rem;
|
|
657
672
|
}
|
|
658
|
-
.
|
|
673
|
+
.font-bold {
|
|
659
674
|
font-weight: 700;
|
|
660
675
|
}
|
|
661
|
-
.
|
|
676
|
+
.font-medium {
|
|
662
677
|
font-weight: 500;
|
|
663
678
|
}
|
|
664
|
-
.
|
|
679
|
+
.font-normal {
|
|
665
680
|
font-weight: 400;
|
|
666
681
|
}
|
|
667
|
-
.
|
|
682
|
+
.font-semibold {
|
|
668
683
|
font-weight: 600;
|
|
669
684
|
}
|
|
670
|
-
.
|
|
685
|
+
.capitalize {
|
|
671
686
|
text-transform: capitalize;
|
|
672
687
|
}
|
|
673
|
-
.
|
|
688
|
+
.leading-none {
|
|
674
689
|
line-height: 1;
|
|
675
690
|
}
|
|
676
|
-
.
|
|
691
|
+
.leading-normal {
|
|
677
692
|
line-height: 1.5;
|
|
678
693
|
}
|
|
679
|
-
.
|
|
694
|
+
.leading-tight {
|
|
680
695
|
line-height: 1.25;
|
|
681
696
|
}
|
|
682
|
-
.
|
|
697
|
+
.text-branding-fg-default {
|
|
683
698
|
--tw-text-opacity: 1;
|
|
684
699
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
685
700
|
}
|
|
686
|
-
.
|
|
701
|
+
.text-button-identifier-fg-default {
|
|
702
|
+
color: var(--button-identifier-fg-default, #0f172a);
|
|
703
|
+
}
|
|
704
|
+
.text-button-identifier-fg-subtle {
|
|
705
|
+
color: var(--button-identifier-fg-subtle, #334155);
|
|
706
|
+
}
|
|
707
|
+
.text-button-primary-fg-default {
|
|
687
708
|
color: var(--button-primary-fg-default, #ffffff);
|
|
688
709
|
}
|
|
689
|
-
.
|
|
710
|
+
.text-button-primary-fg-hover {
|
|
690
711
|
color: var(--button-primary-fg-hover, #ffffff);
|
|
691
712
|
}
|
|
692
|
-
.
|
|
713
|
+
.text-button-secondary-fg-default {
|
|
693
714
|
color: var(--button-secondary-fg-default, #0f172a);
|
|
694
715
|
}
|
|
695
|
-
.
|
|
716
|
+
.text-dialog-fg-default {
|
|
696
717
|
color: var(--dialog-fg-default, #0f172a);
|
|
697
718
|
}
|
|
698
|
-
.
|
|
719
|
+
.text-dialog-fg-subtle {
|
|
699
720
|
color: var(--dialog-fg-subtle, #334155);
|
|
700
721
|
}
|
|
701
|
-
.
|
|
722
|
+
.text-forms-fg-default {
|
|
702
723
|
color: var(--forms-fg-default, #0f172a);
|
|
703
724
|
}
|
|
704
|
-
.
|
|
725
|
+
.text-forms-fg-error {
|
|
705
726
|
color: var(--forms-fg-error, #ef4444);
|
|
706
727
|
}
|
|
707
|
-
.
|
|
708
|
-
color: var(--forms-fg-
|
|
728
|
+
.text-forms-fg-mute {
|
|
729
|
+
color: var(--forms-fg-mute, #64748b);
|
|
709
730
|
}
|
|
710
|
-
.
|
|
731
|
+
.text-forms-fg-success {
|
|
711
732
|
color: var(--forms-fg-success, #22c55e);
|
|
712
733
|
}
|
|
713
|
-
.
|
|
734
|
+
.text-links-link-default {
|
|
714
735
|
color: var(--links-link-default, #4f46e5);
|
|
715
736
|
}
|
|
716
|
-
.
|
|
737
|
+
.antialiased {
|
|
717
738
|
-webkit-font-smoothing: antialiased;
|
|
718
739
|
-moz-osx-font-smoothing: grayscale;
|
|
719
740
|
}
|
|
720
|
-
.
|
|
741
|
+
.opacity-20 {
|
|
721
742
|
opacity: 0.2;
|
|
722
743
|
}
|
|
723
|
-
.
|
|
744
|
+
.ring-1 {
|
|
724
745
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
725
746
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
726
747
|
box-shadow:
|
|
@@ -728,7 +749,7 @@
|
|
|
728
749
|
var(--tw-ring-shadow),
|
|
729
750
|
var(--tw-shadow, 0 0 #0000);
|
|
730
751
|
}
|
|
731
|
-
.
|
|
752
|
+
.ring-2 {
|
|
732
753
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
733
754
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
734
755
|
box-shadow:
|
|
@@ -736,18 +757,18 @@
|
|
|
736
757
|
var(--tw-ring-shadow),
|
|
737
758
|
var(--tw-shadow, 0 0 #0000);
|
|
738
759
|
}
|
|
739
|
-
.
|
|
760
|
+
.ring-forms-border-default {
|
|
740
761
|
--tw-ring-color: var(--forms-border-default, #e2e8f0);
|
|
741
762
|
}
|
|
742
|
-
.
|
|
763
|
+
.filter {
|
|
743
764
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
744
765
|
}
|
|
745
|
-
.
|
|
766
|
+
.transition-all {
|
|
746
767
|
transition-property: all;
|
|
747
768
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
748
769
|
transition-duration: 150ms;
|
|
749
770
|
}
|
|
750
|
-
.
|
|
771
|
+
.transition-colors {
|
|
751
772
|
transition-property:
|
|
752
773
|
color,
|
|
753
774
|
background-color,
|
|
@@ -758,111 +779,124 @@
|
|
|
758
779
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
759
780
|
transition-duration: 150ms;
|
|
760
781
|
}
|
|
761
|
-
.
|
|
782
|
+
.transition-opacity {
|
|
762
783
|
transition-property: opacity;
|
|
763
784
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
764
785
|
transition-duration: 150ms;
|
|
765
786
|
}
|
|
766
|
-
.
|
|
787
|
+
.duration-100 {
|
|
767
788
|
transition-duration: 100ms;
|
|
768
789
|
}
|
|
769
|
-
.
|
|
790
|
+
.ease-linear {
|
|
770
791
|
transition-timing-function: linear;
|
|
771
792
|
}
|
|
772
|
-
.
|
|
793
|
+
.hover\:border-button-identifier-border-hover:hover {
|
|
794
|
+
border-color: var(--button-identifier-border-hover, #e2e8f0);
|
|
795
|
+
}
|
|
796
|
+
.hover\:border-forms-border-hover:hover {
|
|
773
797
|
border-color: var(--forms-border-hover, #e2e8f0);
|
|
774
798
|
}
|
|
775
|
-
.
|
|
799
|
+
.hover\:bg-button-identifier-bg-hover:hover {
|
|
800
|
+
background-color: var(--button-identifier-bg-hover, #f8fafc);
|
|
801
|
+
}
|
|
802
|
+
.hover\:bg-button-primary-bg-hover:hover {
|
|
776
803
|
background-color: var(--button-primary-bg-hover, #0f172a);
|
|
777
804
|
}
|
|
778
|
-
.
|
|
805
|
+
.hover\:bg-button-secondary-bg-hover:hover {
|
|
779
806
|
background-color: var(--button-secondary-bg-hover, #f8fafc);
|
|
780
807
|
}
|
|
781
|
-
.
|
|
808
|
+
.hover\:bg-forms-bg-hover:hover {
|
|
809
|
+
background-color: var(--forms-bg-hover, #f8fafc);
|
|
810
|
+
}
|
|
811
|
+
.hover\:text-button-primary-fg-hover:hover {
|
|
782
812
|
color: var(--button-primary-fg-hover, #ffffff);
|
|
783
813
|
}
|
|
784
|
-
.
|
|
814
|
+
.hover\:text-button-secondary-fg-hover:hover {
|
|
785
815
|
color: var(--button-secondary-fg-hover, #334155);
|
|
786
816
|
}
|
|
787
|
-
.
|
|
817
|
+
.hover\:underline:hover {
|
|
788
818
|
text-decoration-line: underline;
|
|
789
819
|
}
|
|
790
|
-
.
|
|
820
|
+
.disabled\:cursor-not-allowed:disabled {
|
|
791
821
|
cursor: not-allowed;
|
|
792
822
|
}
|
|
793
|
-
.
|
|
823
|
+
.peer:checked ~ .peer-checked\:block {
|
|
794
824
|
display: block;
|
|
795
825
|
}
|
|
796
|
-
.
|
|
826
|
+
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
|
|
797
827
|
opacity: 0.5;
|
|
798
828
|
}
|
|
799
829
|
@media not all and (min-width: 768px) {
|
|
800
|
-
.
|
|
830
|
+
.max-md\:bottom-0 {
|
|
801
831
|
bottom: 0px;
|
|
802
832
|
}
|
|
803
|
-
.
|
|
833
|
+
.max-md\:left-8 {
|
|
804
834
|
left: 2rem;
|
|
805
835
|
}
|
|
806
|
-
.
|
|
836
|
+
.max-md\:hidden {
|
|
807
837
|
display: none;
|
|
808
838
|
}
|
|
809
|
-
.
|
|
839
|
+
.max-md\:translate-y-full {
|
|
810
840
|
--tw-translate-y: 100%;
|
|
811
841
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
812
842
|
}
|
|
813
|
-
.
|
|
843
|
+
.max-md\:rounded-b-md {
|
|
814
844
|
border-bottom-right-radius: 0.375rem;
|
|
815
845
|
border-bottom-left-radius: 0.375rem;
|
|
816
846
|
}
|
|
817
847
|
}
|
|
818
848
|
@media (min-width: 768px) {
|
|
819
|
-
.
|
|
849
|
+
.md\:right-0 {
|
|
820
850
|
right: 0px;
|
|
821
851
|
}
|
|
822
|
-
.
|
|
852
|
+
.md\:top-8 {
|
|
823
853
|
top: 2rem;
|
|
824
854
|
}
|
|
825
|
-
.
|
|
855
|
+
.md\:hidden {
|
|
826
856
|
display: none;
|
|
827
857
|
}
|
|
828
|
-
.
|
|
858
|
+
.md\:h-12 {
|
|
829
859
|
height: 3rem;
|
|
830
860
|
}
|
|
831
|
-
.
|
|
861
|
+
.md\:w-14 {
|
|
832
862
|
width: 3.5rem;
|
|
833
863
|
}
|
|
834
|
-
.
|
|
864
|
+
.md\:w-\[480px\] {
|
|
835
865
|
width: 480px;
|
|
836
866
|
}
|
|
837
|
-
.
|
|
867
|
+
.md\:max-w-\[480px\] {
|
|
838
868
|
max-width: 480px;
|
|
839
869
|
}
|
|
840
|
-
.
|
|
870
|
+
.md\:translate-x-full {
|
|
841
871
|
--tw-translate-x: 100%;
|
|
842
872
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
843
873
|
}
|
|
844
|
-
.
|
|
874
|
+
.md\:rounded-r-md {
|
|
845
875
|
border-top-right-radius: 0.375rem;
|
|
846
876
|
border-bottom-right-radius: 0.375rem;
|
|
847
877
|
}
|
|
848
|
-
.
|
|
878
|
+
.md\:px-12 {
|
|
849
879
|
padding-left: 3rem;
|
|
850
880
|
padding-right: 3rem;
|
|
851
881
|
}
|
|
852
|
-
.
|
|
882
|
+
.md\:px-4 {
|
|
853
883
|
padding-left: 1rem;
|
|
854
884
|
padding-right: 1rem;
|
|
855
885
|
}
|
|
856
|
-
.
|
|
886
|
+
.md\:py-14 {
|
|
857
887
|
padding-top: 3.5rem;
|
|
858
888
|
padding-bottom: 3.5rem;
|
|
859
889
|
}
|
|
860
|
-
.
|
|
890
|
+
.md\:py-4 {
|
|
861
891
|
padding-top: 1rem;
|
|
862
892
|
padding-bottom: 1rem;
|
|
863
893
|
}
|
|
894
|
+
.md\:py-4\.5 {
|
|
895
|
+
padding-top: 1.125rem;
|
|
896
|
+
padding-bottom: 1.125rem;
|
|
897
|
+
}
|
|
864
898
|
}
|
|
865
|
-
.
|
|
899
|
+
.rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
|
|
866
900
|
--tw-space-x-reverse: 1;
|
|
867
901
|
}
|
|
868
902
|
/*# sourceMappingURL=index.css.map */
|