@ory/elements-react 1.0.0-next.7 → 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/CHANGELOG.md +19 -4
- package/dist/theme/default/index.css +254 -254
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.js +3 -3
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +3 -3
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +2 -3
- package/postcss.config.ts +1 -5
|
@@ -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,284 +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
605
|
padding-left: 0.5rem;
|
|
606
606
|
padding-right: 0.5rem;
|
|
607
607
|
}
|
|
608
|
-
.
|
|
608
|
+
.px-3 {
|
|
609
609
|
padding-left: 0.75rem;
|
|
610
610
|
padding-right: 0.75rem;
|
|
611
611
|
}
|
|
612
|
-
.
|
|
612
|
+
.px-4 {
|
|
613
613
|
padding-left: 1rem;
|
|
614
614
|
padding-right: 1rem;
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.px-8 {
|
|
617
617
|
padding-left: 2rem;
|
|
618
618
|
padding-right: 2rem;
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.py-1 {
|
|
621
621
|
padding-top: 0.25rem;
|
|
622
622
|
padding-bottom: 0.25rem;
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.py-1\.5 {
|
|
625
625
|
padding-top: 0.375rem;
|
|
626
626
|
padding-bottom: 0.375rem;
|
|
627
627
|
}
|
|
628
|
-
.
|
|
628
|
+
.py-12 {
|
|
629
629
|
padding-top: 3rem;
|
|
630
630
|
padding-bottom: 3rem;
|
|
631
631
|
}
|
|
632
|
-
.
|
|
632
|
+
.py-2 {
|
|
633
633
|
padding-top: 0.5rem;
|
|
634
634
|
padding-bottom: 0.5rem;
|
|
635
635
|
}
|
|
636
|
-
.
|
|
636
|
+
.py-2\.5 {
|
|
637
637
|
padding-top: 0.625rem;
|
|
638
638
|
padding-bottom: 0.625rem;
|
|
639
639
|
}
|
|
640
|
-
.
|
|
640
|
+
.py-3 {
|
|
641
641
|
padding-top: 0.75rem;
|
|
642
642
|
padding-bottom: 0.75rem;
|
|
643
643
|
}
|
|
644
|
-
.
|
|
644
|
+
.py-4\.5 {
|
|
645
645
|
padding-top: 1.125rem;
|
|
646
646
|
padding-bottom: 1.125rem;
|
|
647
647
|
}
|
|
648
|
-
.
|
|
648
|
+
.text-left {
|
|
649
649
|
text-align: left;
|
|
650
650
|
}
|
|
651
|
-
.
|
|
651
|
+
.text-center {
|
|
652
652
|
text-align: center;
|
|
653
653
|
}
|
|
654
|
-
.
|
|
654
|
+
.font-sans {
|
|
655
655
|
font-family: "Inter var", sans-serif;
|
|
656
656
|
}
|
|
657
|
-
.
|
|
657
|
+
.text-lg {
|
|
658
658
|
font-size: 1.125rem;
|
|
659
659
|
line-height: 1.75rem;
|
|
660
660
|
}
|
|
661
|
-
.
|
|
661
|
+
.text-sm {
|
|
662
662
|
font-size: 0.875rem;
|
|
663
663
|
line-height: 1.25rem;
|
|
664
664
|
}
|
|
665
|
-
.
|
|
665
|
+
.text-xl {
|
|
666
666
|
font-size: 1.25rem;
|
|
667
667
|
line-height: 1.75rem;
|
|
668
668
|
}
|
|
669
|
-
.
|
|
669
|
+
.text-xs {
|
|
670
670
|
font-size: 0.75rem;
|
|
671
671
|
line-height: 1rem;
|
|
672
672
|
}
|
|
673
|
-
.
|
|
673
|
+
.font-bold {
|
|
674
674
|
font-weight: 700;
|
|
675
675
|
}
|
|
676
|
-
.
|
|
676
|
+
.font-medium {
|
|
677
677
|
font-weight: 500;
|
|
678
678
|
}
|
|
679
|
-
.
|
|
679
|
+
.font-normal {
|
|
680
680
|
font-weight: 400;
|
|
681
681
|
}
|
|
682
|
-
.
|
|
682
|
+
.font-semibold {
|
|
683
683
|
font-weight: 600;
|
|
684
684
|
}
|
|
685
|
-
.
|
|
685
|
+
.capitalize {
|
|
686
686
|
text-transform: capitalize;
|
|
687
687
|
}
|
|
688
|
-
.
|
|
688
|
+
.leading-none {
|
|
689
689
|
line-height: 1;
|
|
690
690
|
}
|
|
691
|
-
.
|
|
691
|
+
.leading-normal {
|
|
692
692
|
line-height: 1.5;
|
|
693
693
|
}
|
|
694
|
-
.
|
|
694
|
+
.leading-tight {
|
|
695
695
|
line-height: 1.25;
|
|
696
696
|
}
|
|
697
|
-
.
|
|
697
|
+
.text-branding-fg-default {
|
|
698
698
|
--tw-text-opacity: 1;
|
|
699
699
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
700
700
|
}
|
|
701
|
-
.
|
|
701
|
+
.text-button-identifier-fg-default {
|
|
702
702
|
color: var(--button-identifier-fg-default, #0f172a);
|
|
703
703
|
}
|
|
704
|
-
.
|
|
704
|
+
.text-button-identifier-fg-subtle {
|
|
705
705
|
color: var(--button-identifier-fg-subtle, #334155);
|
|
706
706
|
}
|
|
707
|
-
.
|
|
707
|
+
.text-button-primary-fg-default {
|
|
708
708
|
color: var(--button-primary-fg-default, #ffffff);
|
|
709
709
|
}
|
|
710
|
-
.
|
|
710
|
+
.text-button-primary-fg-hover {
|
|
711
711
|
color: var(--button-primary-fg-hover, #ffffff);
|
|
712
712
|
}
|
|
713
|
-
.
|
|
713
|
+
.text-button-secondary-fg-default {
|
|
714
714
|
color: var(--button-secondary-fg-default, #0f172a);
|
|
715
715
|
}
|
|
716
|
-
.
|
|
716
|
+
.text-dialog-fg-default {
|
|
717
717
|
color: var(--dialog-fg-default, #0f172a);
|
|
718
718
|
}
|
|
719
|
-
.
|
|
719
|
+
.text-dialog-fg-subtle {
|
|
720
720
|
color: var(--dialog-fg-subtle, #334155);
|
|
721
721
|
}
|
|
722
|
-
.
|
|
722
|
+
.text-forms-fg-default {
|
|
723
723
|
color: var(--forms-fg-default, #0f172a);
|
|
724
724
|
}
|
|
725
|
-
.
|
|
725
|
+
.text-forms-fg-error {
|
|
726
726
|
color: var(--forms-fg-error, #ef4444);
|
|
727
727
|
}
|
|
728
|
-
.
|
|
728
|
+
.text-forms-fg-mute {
|
|
729
729
|
color: var(--forms-fg-mute, #64748b);
|
|
730
730
|
}
|
|
731
|
-
.
|
|
731
|
+
.text-forms-fg-success {
|
|
732
732
|
color: var(--forms-fg-success, #22c55e);
|
|
733
733
|
}
|
|
734
|
-
.
|
|
734
|
+
.text-links-link-default {
|
|
735
735
|
color: var(--links-link-default, #4f46e5);
|
|
736
736
|
}
|
|
737
|
-
.
|
|
737
|
+
.antialiased {
|
|
738
738
|
-webkit-font-smoothing: antialiased;
|
|
739
739
|
-moz-osx-font-smoothing: grayscale;
|
|
740
740
|
}
|
|
741
|
-
.
|
|
741
|
+
.opacity-20 {
|
|
742
742
|
opacity: 0.2;
|
|
743
743
|
}
|
|
744
|
-
.
|
|
744
|
+
.ring-1 {
|
|
745
745
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
746
746
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
747
747
|
box-shadow:
|
|
@@ -749,7 +749,7 @@
|
|
|
749
749
|
var(--tw-ring-shadow),
|
|
750
750
|
var(--tw-shadow, 0 0 #0000);
|
|
751
751
|
}
|
|
752
|
-
.
|
|
752
|
+
.ring-2 {
|
|
753
753
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
754
754
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
755
755
|
box-shadow:
|
|
@@ -757,18 +757,18 @@
|
|
|
757
757
|
var(--tw-ring-shadow),
|
|
758
758
|
var(--tw-shadow, 0 0 #0000);
|
|
759
759
|
}
|
|
760
|
-
.
|
|
760
|
+
.ring-forms-border-default {
|
|
761
761
|
--tw-ring-color: var(--forms-border-default, #e2e8f0);
|
|
762
762
|
}
|
|
763
|
-
.
|
|
763
|
+
.filter {
|
|
764
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);
|
|
765
765
|
}
|
|
766
|
-
.
|
|
766
|
+
.transition-all {
|
|
767
767
|
transition-property: all;
|
|
768
768
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
769
769
|
transition-duration: 150ms;
|
|
770
770
|
}
|
|
771
|
-
.
|
|
771
|
+
.transition-colors {
|
|
772
772
|
transition-property:
|
|
773
773
|
color,
|
|
774
774
|
background-color,
|
|
@@ -779,124 +779,124 @@
|
|
|
779
779
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
780
780
|
transition-duration: 150ms;
|
|
781
781
|
}
|
|
782
|
-
.
|
|
782
|
+
.transition-opacity {
|
|
783
783
|
transition-property: opacity;
|
|
784
784
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
785
785
|
transition-duration: 150ms;
|
|
786
786
|
}
|
|
787
|
-
.
|
|
787
|
+
.duration-100 {
|
|
788
788
|
transition-duration: 100ms;
|
|
789
789
|
}
|
|
790
|
-
.
|
|
790
|
+
.ease-linear {
|
|
791
791
|
transition-timing-function: linear;
|
|
792
792
|
}
|
|
793
|
-
.
|
|
793
|
+
.hover\:border-button-identifier-border-hover:hover {
|
|
794
794
|
border-color: var(--button-identifier-border-hover, #e2e8f0);
|
|
795
795
|
}
|
|
796
|
-
.
|
|
796
|
+
.hover\:border-forms-border-hover:hover {
|
|
797
797
|
border-color: var(--forms-border-hover, #e2e8f0);
|
|
798
798
|
}
|
|
799
|
-
.
|
|
799
|
+
.hover\:bg-button-identifier-bg-hover:hover {
|
|
800
800
|
background-color: var(--button-identifier-bg-hover, #f8fafc);
|
|
801
801
|
}
|
|
802
|
-
.
|
|
802
|
+
.hover\:bg-button-primary-bg-hover:hover {
|
|
803
803
|
background-color: var(--button-primary-bg-hover, #0f172a);
|
|
804
804
|
}
|
|
805
|
-
.
|
|
805
|
+
.hover\:bg-button-secondary-bg-hover:hover {
|
|
806
806
|
background-color: var(--button-secondary-bg-hover, #f8fafc);
|
|
807
807
|
}
|
|
808
|
-
.
|
|
808
|
+
.hover\:bg-forms-bg-hover:hover {
|
|
809
809
|
background-color: var(--forms-bg-hover, #f8fafc);
|
|
810
810
|
}
|
|
811
|
-
.
|
|
811
|
+
.hover\:text-button-primary-fg-hover:hover {
|
|
812
812
|
color: var(--button-primary-fg-hover, #ffffff);
|
|
813
813
|
}
|
|
814
|
-
.
|
|
814
|
+
.hover\:text-button-secondary-fg-hover:hover {
|
|
815
815
|
color: var(--button-secondary-fg-hover, #334155);
|
|
816
816
|
}
|
|
817
|
-
.
|
|
817
|
+
.hover\:underline:hover {
|
|
818
818
|
text-decoration-line: underline;
|
|
819
819
|
}
|
|
820
|
-
.
|
|
820
|
+
.disabled\:cursor-not-allowed:disabled {
|
|
821
821
|
cursor: not-allowed;
|
|
822
822
|
}
|
|
823
|
-
.
|
|
823
|
+
.peer:checked ~ .peer-checked\:block {
|
|
824
824
|
display: block;
|
|
825
825
|
}
|
|
826
|
-
.
|
|
826
|
+
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
|
|
827
827
|
opacity: 0.5;
|
|
828
828
|
}
|
|
829
829
|
@media not all and (min-width: 768px) {
|
|
830
|
-
.
|
|
830
|
+
.max-md\:bottom-0 {
|
|
831
831
|
bottom: 0px;
|
|
832
832
|
}
|
|
833
|
-
.
|
|
833
|
+
.max-md\:left-8 {
|
|
834
834
|
left: 2rem;
|
|
835
835
|
}
|
|
836
|
-
.
|
|
836
|
+
.max-md\:hidden {
|
|
837
837
|
display: none;
|
|
838
838
|
}
|
|
839
|
-
.
|
|
839
|
+
.max-md\:translate-y-full {
|
|
840
840
|
--tw-translate-y: 100%;
|
|
841
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));
|
|
842
842
|
}
|
|
843
|
-
.
|
|
843
|
+
.max-md\:rounded-b-md {
|
|
844
844
|
border-bottom-right-radius: 0.375rem;
|
|
845
845
|
border-bottom-left-radius: 0.375rem;
|
|
846
846
|
}
|
|
847
847
|
}
|
|
848
848
|
@media (min-width: 768px) {
|
|
849
|
-
.
|
|
849
|
+
.md\:right-0 {
|
|
850
850
|
right: 0px;
|
|
851
851
|
}
|
|
852
|
-
.
|
|
852
|
+
.md\:top-8 {
|
|
853
853
|
top: 2rem;
|
|
854
854
|
}
|
|
855
|
-
.
|
|
855
|
+
.md\:hidden {
|
|
856
856
|
display: none;
|
|
857
857
|
}
|
|
858
|
-
.
|
|
858
|
+
.md\:h-12 {
|
|
859
859
|
height: 3rem;
|
|
860
860
|
}
|
|
861
|
-
.
|
|
861
|
+
.md\:w-14 {
|
|
862
862
|
width: 3.5rem;
|
|
863
863
|
}
|
|
864
|
-
.
|
|
864
|
+
.md\:w-\[480px\] {
|
|
865
865
|
width: 480px;
|
|
866
866
|
}
|
|
867
|
-
.
|
|
867
|
+
.md\:max-w-\[480px\] {
|
|
868
868
|
max-width: 480px;
|
|
869
869
|
}
|
|
870
|
-
.
|
|
870
|
+
.md\:translate-x-full {
|
|
871
871
|
--tw-translate-x: 100%;
|
|
872
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));
|
|
873
873
|
}
|
|
874
|
-
.
|
|
874
|
+
.md\:rounded-r-md {
|
|
875
875
|
border-top-right-radius: 0.375rem;
|
|
876
876
|
border-bottom-right-radius: 0.375rem;
|
|
877
877
|
}
|
|
878
|
-
.
|
|
878
|
+
.md\:px-12 {
|
|
879
879
|
padding-left: 3rem;
|
|
880
880
|
padding-right: 3rem;
|
|
881
881
|
}
|
|
882
|
-
.
|
|
882
|
+
.md\:px-4 {
|
|
883
883
|
padding-left: 1rem;
|
|
884
884
|
padding-right: 1rem;
|
|
885
885
|
}
|
|
886
|
-
.
|
|
886
|
+
.md\:py-14 {
|
|
887
887
|
padding-top: 3.5rem;
|
|
888
888
|
padding-bottom: 3.5rem;
|
|
889
889
|
}
|
|
890
|
-
.
|
|
890
|
+
.md\:py-4 {
|
|
891
891
|
padding-top: 1rem;
|
|
892
892
|
padding-bottom: 1rem;
|
|
893
893
|
}
|
|
894
|
-
.
|
|
894
|
+
.md\:py-4\.5 {
|
|
895
895
|
padding-top: 1.125rem;
|
|
896
896
|
padding-bottom: 1.125rem;
|
|
897
897
|
}
|
|
898
898
|
}
|
|
899
|
-
.
|
|
899
|
+
.rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
|
|
900
900
|
--tw-space-x-reverse: 1;
|
|
901
901
|
}
|
|
902
902
|
/*# sourceMappingURL=index.css.map */
|