jett.admin.npmpackage 2.0.35 → 2.0.37
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/README.md +23 -2
- package/dist/index.css +402 -267
- package/dist/index.js +908 -528
- package/dist/index.mjs +911 -539
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -4,13 +4,11 @@
|
|
|
4
4
|
:host {
|
|
5
5
|
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
6
6
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
7
|
-
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
8
7
|
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
9
8
|
--color-red-600: oklch(57.7% 0.245 27.325);
|
|
10
9
|
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
11
10
|
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
12
11
|
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
13
|
-
--color-red-950: oklch(25.8% 0.092 26.042);
|
|
14
12
|
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
15
13
|
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
16
14
|
--color-yellow-900: oklch(42.1% 0.095 57.708);
|
|
@@ -37,43 +35,51 @@
|
|
|
37
35
|
--text-xs--line-height: calc(1 / 0.75);
|
|
38
36
|
--text-sm: 0.875rem;
|
|
39
37
|
--text-sm--line-height: calc(1.25 / 0.875);
|
|
40
|
-
--text-base: 1rem;
|
|
41
|
-
--text-base--line-height: calc(1.5 / 1);
|
|
42
38
|
--text-lg: 1.125rem;
|
|
43
39
|
--text-lg--line-height: calc(1.75 / 1.125);
|
|
44
40
|
--font-weight-normal: 400;
|
|
45
41
|
--font-weight-medium: 500;
|
|
46
42
|
--font-weight-semibold: 600;
|
|
47
43
|
--font-weight-bold: 700;
|
|
48
|
-
--tracking-wide: 0.025em;
|
|
49
|
-
--tracking-wider: 0.05em;
|
|
50
44
|
--radius-sm: 0.25rem;
|
|
51
45
|
--radius-md: 0.375rem;
|
|
52
46
|
--radius-lg: 0.5rem;
|
|
53
|
-
--radius-xl: 0.75rem;
|
|
54
47
|
--radius-2xl: 1rem;
|
|
55
48
|
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
56
49
|
--default-transition-duration: 150ms;
|
|
57
50
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
58
51
|
--color-primary: rgb(63, 63, 70);
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
52
|
+
--font-jett:
|
|
53
|
+
ui-sans-serif,
|
|
54
|
+
system-ui,
|
|
55
|
+
"Segoe UI",
|
|
56
|
+
sans-serif;
|
|
57
|
+
--color-jett-surface: #ffffff;
|
|
58
|
+
--color-jett-canvas: #f9fafb;
|
|
59
|
+
--color-jett-line: #eceef1;
|
|
60
|
+
--color-jett-line-row: #f3f4f6;
|
|
61
|
+
--color-jett-line-control: #d1d5db;
|
|
62
|
+
--color-jett-line-soft: #e5e7eb;
|
|
63
|
+
--color-jett-fill: #f3f4f6;
|
|
64
|
+
--color-jett-ink: #111827;
|
|
65
|
+
--color-jett-ink-800: #1f2937;
|
|
66
|
+
--color-jett-ink-700: #374151;
|
|
67
|
+
--color-jett-ink-600: #4b5563;
|
|
68
|
+
--color-jett-ink-500: #6b7280;
|
|
69
|
+
--color-jett-ink-400: #9ca3af;
|
|
70
|
+
--color-jett-brand: #4f46e5;
|
|
71
|
+
--color-jett-brand-hover: #4338ca;
|
|
72
|
+
--color-jett-brand-soft: #eef2ff;
|
|
73
|
+
--color-jett-danger: #b91c1c;
|
|
74
|
+
--color-jett-danger-soft: #fef2f2;
|
|
75
|
+
--shadow-jett-drawer: 0 20px 40px rgba(0, 0, 0, 0.25);
|
|
76
|
+
}
|
|
77
|
+
.collapse {
|
|
78
|
+
visibility: collapse;
|
|
62
79
|
}
|
|
63
80
|
.visible {
|
|
64
81
|
visibility: visible;
|
|
65
82
|
}
|
|
66
|
-
.sr-only {
|
|
67
|
-
position: absolute;
|
|
68
|
-
width: 1px;
|
|
69
|
-
height: 1px;
|
|
70
|
-
padding: 0;
|
|
71
|
-
margin: -1px;
|
|
72
|
-
overflow: hidden;
|
|
73
|
-
clip-path: inset(50%);
|
|
74
|
-
white-space: nowrap;
|
|
75
|
-
border-width: 0;
|
|
76
|
-
}
|
|
77
83
|
.absolute {
|
|
78
84
|
position: absolute;
|
|
79
85
|
}
|
|
@@ -92,6 +98,12 @@
|
|
|
92
98
|
.top-0 {
|
|
93
99
|
top: calc(var(--spacing) * 0);
|
|
94
100
|
}
|
|
101
|
+
.top-1\/2 {
|
|
102
|
+
top: calc(1/2 * 100%);
|
|
103
|
+
}
|
|
104
|
+
.top-\[12vh\] {
|
|
105
|
+
top: 12vh;
|
|
106
|
+
}
|
|
95
107
|
.top-full {
|
|
96
108
|
top: 100%;
|
|
97
109
|
}
|
|
@@ -104,50 +116,74 @@
|
|
|
104
116
|
.left-0 {
|
|
105
117
|
left: calc(var(--spacing) * 0);
|
|
106
118
|
}
|
|
119
|
+
.left-1\/2 {
|
|
120
|
+
left: calc(1/2 * 100%);
|
|
121
|
+
}
|
|
107
122
|
.z-10 {
|
|
108
123
|
z-index: 10;
|
|
109
124
|
}
|
|
110
|
-
.z-40 {
|
|
111
|
-
z-index: 40;
|
|
112
|
-
}
|
|
113
125
|
.z-50 {
|
|
114
126
|
z-index: 50;
|
|
115
127
|
}
|
|
128
|
+
.z-\[69\] {
|
|
129
|
+
z-index: 69;
|
|
130
|
+
}
|
|
131
|
+
.z-\[70\] {
|
|
132
|
+
z-index: 70;
|
|
133
|
+
}
|
|
134
|
+
.z-\[79\] {
|
|
135
|
+
z-index: 79;
|
|
136
|
+
}
|
|
137
|
+
.z-\[80\] {
|
|
138
|
+
z-index: 80;
|
|
139
|
+
}
|
|
140
|
+
.z-\[95\] {
|
|
141
|
+
z-index: 95;
|
|
142
|
+
}
|
|
143
|
+
.z-\[96\] {
|
|
144
|
+
z-index: 96;
|
|
145
|
+
}
|
|
116
146
|
.z-\[9999\] {
|
|
117
147
|
z-index: 9999;
|
|
118
148
|
}
|
|
119
149
|
.z-\[10000\] {
|
|
120
150
|
z-index: 10000;
|
|
121
151
|
}
|
|
152
|
+
.\!m-0 {
|
|
153
|
+
margin: calc(var(--spacing) * 0) !important;
|
|
154
|
+
}
|
|
122
155
|
.mx-auto {
|
|
123
156
|
margin-inline: auto;
|
|
124
157
|
}
|
|
158
|
+
.mt-0\.5 {
|
|
159
|
+
margin-top: calc(var(--spacing) * 0.5);
|
|
160
|
+
}
|
|
125
161
|
.mt-1 {
|
|
126
162
|
margin-top: calc(var(--spacing) * 1);
|
|
127
163
|
}
|
|
164
|
+
.mt-1\.5 {
|
|
165
|
+
margin-top: calc(var(--spacing) * 1.5);
|
|
166
|
+
}
|
|
128
167
|
.mt-2 {
|
|
129
168
|
margin-top: calc(var(--spacing) * 2);
|
|
130
169
|
}
|
|
131
170
|
.mt-6 {
|
|
132
171
|
margin-top: calc(var(--spacing) * 6);
|
|
133
172
|
}
|
|
134
|
-
|
|
135
|
-
margin-
|
|
173
|
+
.-mr-3 {
|
|
174
|
+
margin-right: calc(var(--spacing) * -3);
|
|
136
175
|
}
|
|
137
176
|
.mr-2 {
|
|
138
177
|
margin-right: calc(var(--spacing) * 2);
|
|
139
178
|
}
|
|
140
|
-
.mr-\[8px\] {
|
|
141
|
-
margin-right: 8px;
|
|
142
|
-
}
|
|
143
179
|
.mb-1 {
|
|
144
180
|
margin-bottom: calc(var(--spacing) * 1);
|
|
145
181
|
}
|
|
146
182
|
.mb-2 {
|
|
147
183
|
margin-bottom: calc(var(--spacing) * 2);
|
|
148
184
|
}
|
|
149
|
-
.mb-
|
|
150
|
-
margin-bottom: calc(var(--spacing) *
|
|
185
|
+
.mb-2\.5 {
|
|
186
|
+
margin-bottom: calc(var(--spacing) * 2.5);
|
|
151
187
|
}
|
|
152
188
|
.mb-4 {
|
|
153
189
|
margin-bottom: calc(var(--spacing) * 4);
|
|
@@ -158,30 +194,24 @@
|
|
|
158
194
|
.ml-0\.5 {
|
|
159
195
|
margin-left: calc(var(--spacing) * 0.5);
|
|
160
196
|
}
|
|
161
|
-
.ml-
|
|
162
|
-
margin-left: calc(var(--spacing) *
|
|
163
|
-
}
|
|
164
|
-
.ml-4 {
|
|
165
|
-
margin-left: calc(var(--spacing) * 4);
|
|
166
|
-
}
|
|
167
|
-
.ml-8 {
|
|
168
|
-
margin-left: calc(var(--spacing) * 8);
|
|
197
|
+
.ml-3 {
|
|
198
|
+
margin-left: calc(var(--spacing) * 3);
|
|
169
199
|
}
|
|
170
|
-
.ml-\[
|
|
171
|
-
margin-left:
|
|
172
|
-
}
|
|
173
|
-
.ml-\[16px\] {
|
|
174
|
-
margin-left: 16px;
|
|
175
|
-
}
|
|
176
|
-
.ml-\[20px\] {
|
|
177
|
-
margin-left: 20px;
|
|
200
|
+
.ml-\[27px\] {
|
|
201
|
+
margin-left: 27px;
|
|
178
202
|
}
|
|
179
203
|
.ml-auto {
|
|
180
204
|
margin-left: auto;
|
|
181
205
|
}
|
|
206
|
+
.block {
|
|
207
|
+
display: block;
|
|
208
|
+
}
|
|
182
209
|
.flex {
|
|
183
210
|
display: flex;
|
|
184
211
|
}
|
|
212
|
+
.grid {
|
|
213
|
+
display: grid;
|
|
214
|
+
}
|
|
185
215
|
.hidden {
|
|
186
216
|
display: none;
|
|
187
217
|
}
|
|
@@ -203,9 +233,6 @@
|
|
|
203
233
|
.h-6 {
|
|
204
234
|
height: calc(var(--spacing) * 6);
|
|
205
235
|
}
|
|
206
|
-
.h-7 {
|
|
207
|
-
height: calc(var(--spacing) * 7);
|
|
208
|
-
}
|
|
209
236
|
.h-8 {
|
|
210
237
|
height: calc(var(--spacing) * 8);
|
|
211
238
|
}
|
|
@@ -215,11 +242,23 @@
|
|
|
215
242
|
.h-10 {
|
|
216
243
|
height: calc(var(--spacing) * 10);
|
|
217
244
|
}
|
|
245
|
+
.h-11 {
|
|
246
|
+
height: calc(var(--spacing) * 11);
|
|
247
|
+
}
|
|
248
|
+
.h-14 {
|
|
249
|
+
height: calc(var(--spacing) * 14);
|
|
250
|
+
}
|
|
218
251
|
.h-16 {
|
|
219
252
|
height: calc(var(--spacing) * 16);
|
|
220
253
|
}
|
|
221
|
-
.h-\[
|
|
222
|
-
height:
|
|
254
|
+
.h-\[26px\] {
|
|
255
|
+
height: 26px;
|
|
256
|
+
}
|
|
257
|
+
.h-\[34px\] {
|
|
258
|
+
height: 34px;
|
|
259
|
+
}
|
|
260
|
+
.h-\[52px\] {
|
|
261
|
+
height: 52px;
|
|
223
262
|
}
|
|
224
263
|
.h-\[90px\] {
|
|
225
264
|
height: 90px;
|
|
@@ -230,8 +269,8 @@
|
|
|
230
269
|
.h-full {
|
|
231
270
|
height: 100%;
|
|
232
271
|
}
|
|
233
|
-
.
|
|
234
|
-
|
|
272
|
+
.h-screen {
|
|
273
|
+
height: 100vh;
|
|
235
274
|
}
|
|
236
275
|
.max-h-60 {
|
|
237
276
|
max-height: calc(var(--spacing) * 60);
|
|
@@ -239,18 +278,18 @@
|
|
|
239
278
|
.max-h-\[75vh\] {
|
|
240
279
|
max-height: 75vh;
|
|
241
280
|
}
|
|
242
|
-
.max-h-\[
|
|
243
|
-
max-height:
|
|
281
|
+
.max-h-\[360px\] {
|
|
282
|
+
max-height: 360px;
|
|
244
283
|
}
|
|
245
|
-
.max-h-\[
|
|
246
|
-
max-height:
|
|
284
|
+
.max-h-\[calc\(100vh-64px\)\] {
|
|
285
|
+
max-height: calc(100vh - 64px);
|
|
286
|
+
}
|
|
287
|
+
.min-h-0 {
|
|
288
|
+
min-height: calc(var(--spacing) * 0);
|
|
247
289
|
}
|
|
248
290
|
.min-h-10 {
|
|
249
291
|
min-height: calc(var(--spacing) * 10);
|
|
250
292
|
}
|
|
251
|
-
.min-h-\[50px\] {
|
|
252
|
-
min-height: 50px;
|
|
253
|
-
}
|
|
254
293
|
.min-h-full {
|
|
255
294
|
min-height: 100%;
|
|
256
295
|
}
|
|
@@ -260,8 +299,8 @@
|
|
|
260
299
|
.w-6 {
|
|
261
300
|
width: calc(var(--spacing) * 6);
|
|
262
301
|
}
|
|
263
|
-
.w-
|
|
264
|
-
width: calc(var(--spacing) *
|
|
302
|
+
.w-8 {
|
|
303
|
+
width: calc(var(--spacing) * 8);
|
|
265
304
|
}
|
|
266
305
|
.w-9 {
|
|
267
306
|
width: calc(var(--spacing) * 9);
|
|
@@ -281,21 +320,54 @@
|
|
|
281
320
|
.w-\[50px\] {
|
|
282
321
|
width: 50px;
|
|
283
322
|
}
|
|
284
|
-
.w-\[
|
|
285
|
-
width:
|
|
323
|
+
.w-\[220px\] {
|
|
324
|
+
width: 220px;
|
|
325
|
+
}
|
|
326
|
+
.w-\[296px\] {
|
|
327
|
+
width: 296px;
|
|
286
328
|
}
|
|
287
329
|
.w-\[360px\] {
|
|
288
330
|
width: 360px;
|
|
289
331
|
}
|
|
332
|
+
.w-\[calc\(100\%-32px\)\] {
|
|
333
|
+
width: calc(100% - 32px);
|
|
334
|
+
}
|
|
290
335
|
.w-full {
|
|
291
336
|
width: 100%;
|
|
292
337
|
}
|
|
338
|
+
.max-w-\[86vw\] {
|
|
339
|
+
max-width: 86vw;
|
|
340
|
+
}
|
|
341
|
+
.max-w-\[96px\] {
|
|
342
|
+
max-width: 96px;
|
|
343
|
+
}
|
|
344
|
+
.max-w-\[168px\] {
|
|
345
|
+
max-width: 168px;
|
|
346
|
+
}
|
|
347
|
+
.max-w-\[560px\] {
|
|
348
|
+
max-width: 560px;
|
|
349
|
+
}
|
|
350
|
+
.max-w-\[640px\] {
|
|
351
|
+
max-width: 640px;
|
|
352
|
+
}
|
|
353
|
+
.max-w-\[calc\(100vw-16px\)\] {
|
|
354
|
+
max-width: calc(100vw - 16px);
|
|
355
|
+
}
|
|
293
356
|
.min-w-0 {
|
|
294
357
|
min-width: calc(var(--spacing) * 0);
|
|
295
358
|
}
|
|
296
359
|
.min-w-9 {
|
|
297
360
|
min-width: calc(var(--spacing) * 9);
|
|
298
361
|
}
|
|
362
|
+
.min-w-10 {
|
|
363
|
+
min-width: calc(var(--spacing) * 10);
|
|
364
|
+
}
|
|
365
|
+
.min-w-\[20px\] {
|
|
366
|
+
min-width: 20px;
|
|
367
|
+
}
|
|
368
|
+
.min-w-\[44px\] {
|
|
369
|
+
min-width: 44px;
|
|
370
|
+
}
|
|
299
371
|
.min-w-\[100\%\] {
|
|
300
372
|
min-width: 100%;
|
|
301
373
|
}
|
|
@@ -314,12 +386,8 @@
|
|
|
314
386
|
.border-collapse {
|
|
315
387
|
border-collapse: collapse;
|
|
316
388
|
}
|
|
317
|
-
.-translate-x-
|
|
318
|
-
--tw-translate-x: -
|
|
319
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
320
|
-
}
|
|
321
|
-
.translate-x-0 {
|
|
322
|
-
--tw-translate-x: calc(var(--spacing) * 0);
|
|
389
|
+
.-translate-x-1\/2 {
|
|
390
|
+
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
|
323
391
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
324
392
|
}
|
|
325
393
|
.translate-x-1 {
|
|
@@ -330,20 +398,23 @@
|
|
|
330
398
|
--tw-translate-x: calc(var(--spacing) * 6);
|
|
331
399
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
332
400
|
}
|
|
333
|
-
.translate-x-8 {
|
|
334
|
-
--tw-translate-x: calc(var(--spacing) * 8);
|
|
335
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
336
|
-
}
|
|
337
401
|
.translate-x-\[100\%\] {
|
|
338
402
|
--tw-translate-x: 100%;
|
|
339
403
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
340
404
|
}
|
|
405
|
+
.-translate-y-1\/2 {
|
|
406
|
+
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
|
407
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
408
|
+
}
|
|
341
409
|
.rotate-180 {
|
|
342
410
|
rotate: 180deg;
|
|
343
411
|
}
|
|
344
412
|
.transform {
|
|
345
413
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
346
414
|
}
|
|
415
|
+
.cursor-default {
|
|
416
|
+
cursor: default;
|
|
417
|
+
}
|
|
347
418
|
.cursor-not-allowed {
|
|
348
419
|
cursor: not-allowed;
|
|
349
420
|
}
|
|
@@ -356,6 +427,9 @@
|
|
|
356
427
|
.resize {
|
|
357
428
|
resize: both;
|
|
358
429
|
}
|
|
430
|
+
.grid-cols-\[repeat\(auto-fit\,minmax\(260px\,1fr\)\)\] {
|
|
431
|
+
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
|
432
|
+
}
|
|
359
433
|
.flex-col {
|
|
360
434
|
flex-direction: column;
|
|
361
435
|
}
|
|
@@ -377,18 +451,33 @@
|
|
|
377
451
|
.justify-end {
|
|
378
452
|
justify-content: flex-end;
|
|
379
453
|
}
|
|
454
|
+
.gap-0\.5 {
|
|
455
|
+
gap: calc(var(--spacing) * 0.5);
|
|
456
|
+
}
|
|
380
457
|
.gap-1 {
|
|
381
458
|
gap: calc(var(--spacing) * 1);
|
|
382
459
|
}
|
|
383
460
|
.gap-2 {
|
|
384
461
|
gap: calc(var(--spacing) * 2);
|
|
385
462
|
}
|
|
463
|
+
.gap-2\.5 {
|
|
464
|
+
gap: calc(var(--spacing) * 2.5);
|
|
465
|
+
}
|
|
386
466
|
.gap-3 {
|
|
387
467
|
gap: calc(var(--spacing) * 3);
|
|
388
468
|
}
|
|
389
469
|
.gap-4 {
|
|
390
470
|
gap: calc(var(--spacing) * 4);
|
|
391
471
|
}
|
|
472
|
+
.gap-\[3px\] {
|
|
473
|
+
gap: 3px;
|
|
474
|
+
}
|
|
475
|
+
.gap-x-8 {
|
|
476
|
+
column-gap: calc(var(--spacing) * 8);
|
|
477
|
+
}
|
|
478
|
+
.gap-y-2 {
|
|
479
|
+
row-gap: calc(var(--spacing) * 2);
|
|
480
|
+
}
|
|
392
481
|
.truncate {
|
|
393
482
|
overflow: hidden;
|
|
394
483
|
text-overflow: ellipsis;
|
|
@@ -415,9 +504,21 @@
|
|
|
415
504
|
.rounded-2xl {
|
|
416
505
|
border-radius: var(--radius-2xl);
|
|
417
506
|
}
|
|
507
|
+
.rounded-\[4px\] {
|
|
508
|
+
border-radius: 4px;
|
|
509
|
+
}
|
|
418
510
|
.rounded-\[6px\] {
|
|
419
511
|
border-radius: 6px;
|
|
420
512
|
}
|
|
513
|
+
.rounded-\[8px\] {
|
|
514
|
+
border-radius: 8px;
|
|
515
|
+
}
|
|
516
|
+
.rounded-\[10px\] {
|
|
517
|
+
border-radius: 10px;
|
|
518
|
+
}
|
|
519
|
+
.rounded-\[12px\] {
|
|
520
|
+
border-radius: 12px;
|
|
521
|
+
}
|
|
421
522
|
.rounded-full {
|
|
422
523
|
border-radius: calc(infinity * 1px);
|
|
423
524
|
}
|
|
@@ -430,13 +531,14 @@
|
|
|
430
531
|
.rounded-sm {
|
|
431
532
|
border-radius: var(--radius-sm);
|
|
432
533
|
}
|
|
433
|
-
.rounded-xl {
|
|
434
|
-
border-radius: var(--radius-xl);
|
|
435
|
-
}
|
|
436
534
|
.border {
|
|
437
535
|
border-style: var(--tw-border-style);
|
|
438
536
|
border-width: 1px;
|
|
439
537
|
}
|
|
538
|
+
.border-0 {
|
|
539
|
+
border-style: var(--tw-border-style);
|
|
540
|
+
border-width: 0px;
|
|
541
|
+
}
|
|
440
542
|
.border-2 {
|
|
441
543
|
border-style: var(--tw-border-style);
|
|
442
544
|
border-width: 2px;
|
|
@@ -453,6 +555,14 @@
|
|
|
453
555
|
border-bottom-style: var(--tw-border-style);
|
|
454
556
|
border-bottom-width: 1px;
|
|
455
557
|
}
|
|
558
|
+
.border-b-2 {
|
|
559
|
+
border-bottom-style: var(--tw-border-style);
|
|
560
|
+
border-bottom-width: 2px;
|
|
561
|
+
}
|
|
562
|
+
.border-l {
|
|
563
|
+
border-left-style: var(--tw-border-style);
|
|
564
|
+
border-left-width: 1px;
|
|
565
|
+
}
|
|
456
566
|
.border-dashed {
|
|
457
567
|
--tw-border-style: dashed;
|
|
458
568
|
border-style: dashed;
|
|
@@ -463,6 +573,9 @@
|
|
|
463
573
|
.border-\[\#e6e6e6\] {
|
|
464
574
|
border-color: #e6e6e6;
|
|
465
575
|
}
|
|
576
|
+
.border-\[\#fca5a5\] {
|
|
577
|
+
border-color: #fca5a5;
|
|
578
|
+
}
|
|
466
579
|
.border-\[hsl\(0_0\%_89\.8\%\)\] {
|
|
467
580
|
border-color: hsl(0 0% 89.8%);
|
|
468
581
|
}
|
|
@@ -478,39 +591,39 @@
|
|
|
478
591
|
.border-gray-400 {
|
|
479
592
|
border-color: var(--color-gray-400);
|
|
480
593
|
}
|
|
481
|
-
.border-
|
|
482
|
-
border-color: var(--color-
|
|
594
|
+
.border-jett-line {
|
|
595
|
+
border-color: var(--color-jett-line);
|
|
596
|
+
}
|
|
597
|
+
.border-jett-line-row {
|
|
598
|
+
border-color: var(--color-jett-line-row);
|
|
599
|
+
}
|
|
600
|
+
.border-jett-line-soft {
|
|
601
|
+
border-color: var(--color-jett-line-soft);
|
|
483
602
|
}
|
|
484
603
|
.border-primary {
|
|
485
604
|
border-color: var(--color-primary);
|
|
486
605
|
}
|
|
487
|
-
.border-red-200 {
|
|
488
|
-
border-color: var(--color-red-200);
|
|
489
|
-
}
|
|
490
606
|
.border-red-500 {
|
|
491
607
|
border-color: var(--color-red-500);
|
|
492
608
|
}
|
|
493
609
|
.border-transparent {
|
|
494
610
|
border-color: transparent;
|
|
495
611
|
}
|
|
496
|
-
.border-white {
|
|
497
|
-
border-color: var(--color-white);
|
|
498
|
-
}
|
|
499
612
|
.bg-\[\#F7FAFC\] {
|
|
500
613
|
background-color: #F7FAFC;
|
|
501
614
|
}
|
|
502
615
|
.bg-\[\#ef4444\] {
|
|
503
616
|
background-color: #ef4444;
|
|
504
617
|
}
|
|
505
|
-
.bg-\[\#f4f4f5\] {
|
|
506
|
-
background-color: #f4f4f5;
|
|
507
|
-
}
|
|
508
|
-
.bg-\[\#fafafa\] {
|
|
509
|
-
background-color: #fafafa;
|
|
510
|
-
}
|
|
511
618
|
.bg-\[\#fff\] {
|
|
512
619
|
background-color: #fff;
|
|
513
620
|
}
|
|
621
|
+
.bg-\[rgba\(17\,24\,39\,0\.4\)\] {
|
|
622
|
+
background-color: rgba(17, 24, 39, 0.4);
|
|
623
|
+
}
|
|
624
|
+
.bg-\[rgba\(17\,24\,39\,0\.5\)\] {
|
|
625
|
+
background-color: rgba(17, 24, 39, 0.5);
|
|
626
|
+
}
|
|
514
627
|
.bg-black {
|
|
515
628
|
background-color: var(--color-black);
|
|
516
629
|
}
|
|
@@ -547,6 +660,27 @@
|
|
|
547
660
|
.bg-green-100 {
|
|
548
661
|
background-color: var(--color-green-100);
|
|
549
662
|
}
|
|
663
|
+
.bg-jett-brand {
|
|
664
|
+
background-color: var(--color-jett-brand);
|
|
665
|
+
}
|
|
666
|
+
.bg-jett-brand-soft {
|
|
667
|
+
background-color: var(--color-jett-brand-soft);
|
|
668
|
+
}
|
|
669
|
+
.bg-jett-canvas {
|
|
670
|
+
background-color: var(--color-jett-canvas);
|
|
671
|
+
}
|
|
672
|
+
.bg-jett-danger-soft {
|
|
673
|
+
background-color: var(--color-jett-danger-soft);
|
|
674
|
+
}
|
|
675
|
+
.bg-jett-fill {
|
|
676
|
+
background-color: var(--color-jett-fill);
|
|
677
|
+
}
|
|
678
|
+
.bg-jett-ink-800 {
|
|
679
|
+
background-color: var(--color-jett-ink-800);
|
|
680
|
+
}
|
|
681
|
+
.bg-jett-surface {
|
|
682
|
+
background-color: var(--color-jett-surface);
|
|
683
|
+
}
|
|
550
684
|
.bg-primary {
|
|
551
685
|
background-color: var(--color-primary);
|
|
552
686
|
}
|
|
@@ -571,21 +705,30 @@
|
|
|
571
705
|
.object-contain {
|
|
572
706
|
object-fit: contain;
|
|
573
707
|
}
|
|
708
|
+
.p-0 {
|
|
709
|
+
padding: calc(var(--spacing) * 0);
|
|
710
|
+
}
|
|
711
|
+
.p-1\.5 {
|
|
712
|
+
padding: calc(var(--spacing) * 1.5);
|
|
713
|
+
}
|
|
574
714
|
.p-2 {
|
|
575
715
|
padding: calc(var(--spacing) * 2);
|
|
576
716
|
}
|
|
577
717
|
.p-2\.5 {
|
|
578
718
|
padding: calc(var(--spacing) * 2.5);
|
|
579
719
|
}
|
|
580
|
-
.p-3 {
|
|
581
|
-
padding: calc(var(--spacing) * 3);
|
|
582
|
-
}
|
|
583
720
|
.p-4 {
|
|
584
721
|
padding: calc(var(--spacing) * 4);
|
|
585
722
|
}
|
|
586
723
|
.p-6 {
|
|
587
724
|
padding: calc(var(--spacing) * 6);
|
|
588
725
|
}
|
|
726
|
+
.\!px-2\.5 {
|
|
727
|
+
padding-inline: calc(var(--spacing) * 2.5) !important;
|
|
728
|
+
}
|
|
729
|
+
.px-0 {
|
|
730
|
+
padding-inline: calc(var(--spacing) * 0);
|
|
731
|
+
}
|
|
589
732
|
.px-2 {
|
|
590
733
|
padding-inline: calc(var(--spacing) * 2);
|
|
591
734
|
}
|
|
@@ -598,32 +741,89 @@
|
|
|
598
741
|
.px-4 {
|
|
599
742
|
padding-inline: calc(var(--spacing) * 4);
|
|
600
743
|
}
|
|
744
|
+
.px-5 {
|
|
745
|
+
padding-inline: calc(var(--spacing) * 5);
|
|
746
|
+
}
|
|
747
|
+
.px-6 {
|
|
748
|
+
padding-inline: calc(var(--spacing) * 6);
|
|
749
|
+
}
|
|
750
|
+
.px-\[5px\] {
|
|
751
|
+
padding-inline: 5px;
|
|
752
|
+
}
|
|
753
|
+
.px-\[7px\] {
|
|
754
|
+
padding-inline: 7px;
|
|
755
|
+
}
|
|
756
|
+
.\!py-\[7px\] {
|
|
757
|
+
padding-block: 7px !important;
|
|
758
|
+
}
|
|
601
759
|
.py-0\.5 {
|
|
602
760
|
padding-block: calc(var(--spacing) * 0.5);
|
|
603
761
|
}
|
|
604
762
|
.py-1 {
|
|
605
763
|
padding-block: calc(var(--spacing) * 1);
|
|
606
764
|
}
|
|
607
|
-
.py-1\.5 {
|
|
608
|
-
padding-block: calc(var(--spacing) * 1.5);
|
|
609
|
-
}
|
|
610
765
|
.py-2 {
|
|
611
766
|
padding-block: calc(var(--spacing) * 2);
|
|
612
767
|
}
|
|
768
|
+
.py-2\.5 {
|
|
769
|
+
padding-block: calc(var(--spacing) * 2.5);
|
|
770
|
+
}
|
|
613
771
|
.py-3 {
|
|
614
772
|
padding-block: calc(var(--spacing) * 3);
|
|
615
773
|
}
|
|
616
|
-
.
|
|
617
|
-
padding-
|
|
774
|
+
.py-4 {
|
|
775
|
+
padding-block: calc(var(--spacing) * 4);
|
|
776
|
+
}
|
|
777
|
+
.py-6 {
|
|
778
|
+
padding-block: calc(var(--spacing) * 6);
|
|
779
|
+
}
|
|
780
|
+
.py-\[6px\] {
|
|
781
|
+
padding-block: 6px;
|
|
618
782
|
}
|
|
619
|
-
.
|
|
620
|
-
padding-
|
|
783
|
+
.py-\[7px\] {
|
|
784
|
+
padding-block: 7px;
|
|
621
785
|
}
|
|
622
|
-
.
|
|
623
|
-
padding-
|
|
786
|
+
.py-\[9px\] {
|
|
787
|
+
padding-block: 9px;
|
|
624
788
|
}
|
|
625
|
-
.
|
|
626
|
-
padding-
|
|
789
|
+
.py-\[11px\] {
|
|
790
|
+
padding-block: 11px;
|
|
791
|
+
}
|
|
792
|
+
.py-px {
|
|
793
|
+
padding-block: 1px;
|
|
794
|
+
}
|
|
795
|
+
.pt-1\.5 {
|
|
796
|
+
padding-top: calc(var(--spacing) * 1.5);
|
|
797
|
+
}
|
|
798
|
+
.pt-2 {
|
|
799
|
+
padding-top: calc(var(--spacing) * 2);
|
|
800
|
+
}
|
|
801
|
+
.pt-3 {
|
|
802
|
+
padding-top: calc(var(--spacing) * 3);
|
|
803
|
+
}
|
|
804
|
+
.pr-2 {
|
|
805
|
+
padding-right: calc(var(--spacing) * 2);
|
|
806
|
+
}
|
|
807
|
+
.pb-1\.5 {
|
|
808
|
+
padding-bottom: calc(var(--spacing) * 1.5);
|
|
809
|
+
}
|
|
810
|
+
.pb-2 {
|
|
811
|
+
padding-bottom: calc(var(--spacing) * 2);
|
|
812
|
+
}
|
|
813
|
+
.pb-5 {
|
|
814
|
+
padding-bottom: calc(var(--spacing) * 5);
|
|
815
|
+
}
|
|
816
|
+
.pl-1 {
|
|
817
|
+
padding-left: calc(var(--spacing) * 1);
|
|
818
|
+
}
|
|
819
|
+
.pl-2 {
|
|
820
|
+
padding-left: calc(var(--spacing) * 2);
|
|
821
|
+
}
|
|
822
|
+
.pl-3 {
|
|
823
|
+
padding-left: calc(var(--spacing) * 3);
|
|
824
|
+
}
|
|
825
|
+
.pl-\[13px\] {
|
|
826
|
+
padding-left: 13px;
|
|
627
827
|
}
|
|
628
828
|
.text-center {
|
|
629
829
|
text-align: center;
|
|
@@ -634,9 +834,8 @@
|
|
|
634
834
|
.text-right {
|
|
635
835
|
text-align: right;
|
|
636
836
|
}
|
|
637
|
-
.
|
|
638
|
-
font-
|
|
639
|
-
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
837
|
+
.font-jett {
|
|
838
|
+
font-family: var(--font-jett);
|
|
640
839
|
}
|
|
641
840
|
.text-lg {
|
|
642
841
|
font-size: var(--text-lg);
|
|
@@ -650,27 +849,18 @@
|
|
|
650
849
|
font-size: var(--text-xs);
|
|
651
850
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
652
851
|
}
|
|
653
|
-
.\!text-\[
|
|
654
|
-
font-size:
|
|
852
|
+
.\!text-\[12px\] {
|
|
853
|
+
font-size: 12px !important;
|
|
655
854
|
}
|
|
656
855
|
.\!text-\[14px\] {
|
|
657
856
|
font-size: 14px !important;
|
|
658
857
|
}
|
|
659
|
-
.\!text-\[15px\] {
|
|
660
|
-
font-size: 15px !important;
|
|
661
|
-
}
|
|
662
858
|
.\!text-\[16px\] {
|
|
663
859
|
font-size: 16px !important;
|
|
664
860
|
}
|
|
665
861
|
.\!text-\[22px\] {
|
|
666
862
|
font-size: 22px !important;
|
|
667
863
|
}
|
|
668
|
-
.text-\[9px\] {
|
|
669
|
-
font-size: 9px;
|
|
670
|
-
}
|
|
671
|
-
.text-\[10px\] {
|
|
672
|
-
font-size: 10px;
|
|
673
|
-
}
|
|
674
864
|
.text-\[11px\] {
|
|
675
865
|
font-size: 11px;
|
|
676
866
|
}
|
|
@@ -683,8 +873,8 @@
|
|
|
683
873
|
.text-\[14px\] {
|
|
684
874
|
font-size: 14px;
|
|
685
875
|
}
|
|
686
|
-
.text-\[
|
|
687
|
-
font-size:
|
|
876
|
+
.text-\[15px\] {
|
|
877
|
+
font-size: 15px;
|
|
688
878
|
}
|
|
689
879
|
.leading-5 {
|
|
690
880
|
--tw-leading: calc(var(--spacing) * 5);
|
|
@@ -694,18 +884,14 @@
|
|
|
694
884
|
--tw-leading: calc(var(--spacing) * 6);
|
|
695
885
|
line-height: calc(var(--spacing) * 6);
|
|
696
886
|
}
|
|
697
|
-
|
|
698
|
-
--tw-
|
|
699
|
-
|
|
887
|
+
.leading-\[18px\] {
|
|
888
|
+
--tw-leading: 18px;
|
|
889
|
+
line-height: 18px;
|
|
700
890
|
}
|
|
701
891
|
.\!font-medium {
|
|
702
892
|
--tw-font-weight: var(--font-weight-medium) !important;
|
|
703
893
|
font-weight: var(--font-weight-medium) !important;
|
|
704
894
|
}
|
|
705
|
-
.\!font-normal {
|
|
706
|
-
--tw-font-weight: var(--font-weight-normal) !important;
|
|
707
|
-
font-weight: var(--font-weight-normal) !important;
|
|
708
|
-
}
|
|
709
895
|
.\!font-semibold {
|
|
710
896
|
--tw-font-weight: var(--font-weight-semibold) !important;
|
|
711
897
|
font-weight: var(--font-weight-semibold) !important;
|
|
@@ -730,29 +916,17 @@
|
|
|
730
916
|
--tw-font-weight: var(--font-weight-semibold);
|
|
731
917
|
font-weight: var(--font-weight-semibold);
|
|
732
918
|
}
|
|
733
|
-
.tracking-
|
|
734
|
-
--tw-tracking:
|
|
735
|
-
letter-spacing:
|
|
919
|
+
.tracking-\[-0\.01em\] {
|
|
920
|
+
--tw-tracking: -0.01em;
|
|
921
|
+
letter-spacing: -0.01em;
|
|
736
922
|
}
|
|
737
|
-
.tracking
|
|
738
|
-
--tw-tracking:
|
|
739
|
-
letter-spacing:
|
|
923
|
+
.tracking-\[0\.06em\] {
|
|
924
|
+
--tw-tracking: 0.06em;
|
|
925
|
+
letter-spacing: 0.06em;
|
|
740
926
|
}
|
|
741
927
|
.whitespace-nowrap {
|
|
742
928
|
white-space: nowrap;
|
|
743
929
|
}
|
|
744
|
-
.\!text-\[\#000\] {
|
|
745
|
-
color: #000 !important;
|
|
746
|
-
}
|
|
747
|
-
.\!text-\[\#3f3f46cc\] {
|
|
748
|
-
color: #3f3f46cc !important;
|
|
749
|
-
}
|
|
750
|
-
.text-\[\#0A0A0A\] {
|
|
751
|
-
color: #0A0A0A;
|
|
752
|
-
}
|
|
753
|
-
.text-\[\#3f3f46cc\] {
|
|
754
|
-
color: #3f3f46cc;
|
|
755
|
-
}
|
|
756
930
|
.text-\[\#737373\] {
|
|
757
931
|
color: #737373;
|
|
758
932
|
}
|
|
@@ -780,15 +954,36 @@
|
|
|
780
954
|
.text-green-800 {
|
|
781
955
|
color: var(--color-green-800);
|
|
782
956
|
}
|
|
783
|
-
.text-
|
|
784
|
-
color: var(--color-
|
|
957
|
+
.text-jett-brand {
|
|
958
|
+
color: var(--color-jett-brand);
|
|
959
|
+
}
|
|
960
|
+
.text-jett-brand-hover {
|
|
961
|
+
color: var(--color-jett-brand-hover);
|
|
962
|
+
}
|
|
963
|
+
.text-jett-danger {
|
|
964
|
+
color: var(--color-jett-danger);
|
|
965
|
+
}
|
|
966
|
+
.text-jett-ink {
|
|
967
|
+
color: var(--color-jett-ink);
|
|
968
|
+
}
|
|
969
|
+
.text-jett-ink-400 {
|
|
970
|
+
color: var(--color-jett-ink-400);
|
|
971
|
+
}
|
|
972
|
+
.text-jett-ink-500 {
|
|
973
|
+
color: var(--color-jett-ink-500);
|
|
974
|
+
}
|
|
975
|
+
.text-jett-ink-600 {
|
|
976
|
+
color: var(--color-jett-ink-600);
|
|
977
|
+
}
|
|
978
|
+
.text-jett-ink-700 {
|
|
979
|
+
color: var(--color-jett-ink-700);
|
|
980
|
+
}
|
|
981
|
+
.text-jett-ink-800 {
|
|
982
|
+
color: var(--color-jett-ink-800);
|
|
785
983
|
}
|
|
786
984
|
.text-red-500 {
|
|
787
985
|
color: var(--color-red-500);
|
|
788
986
|
}
|
|
789
|
-
.text-red-600 {
|
|
790
|
-
color: var(--color-red-600);
|
|
791
|
-
}
|
|
792
987
|
.text-red-800 {
|
|
793
988
|
color: var(--color-red-800);
|
|
794
989
|
}
|
|
@@ -801,11 +996,8 @@
|
|
|
801
996
|
.uppercase {
|
|
802
997
|
text-transform: uppercase;
|
|
803
998
|
}
|
|
804
|
-
.opacity-
|
|
805
|
-
opacity:
|
|
806
|
-
}
|
|
807
|
-
.opacity-70 {
|
|
808
|
-
opacity: 70%;
|
|
999
|
+
.opacity-60 {
|
|
1000
|
+
opacity: 60%;
|
|
809
1001
|
}
|
|
810
1002
|
.shadow {
|
|
811
1003
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
@@ -825,8 +1017,8 @@
|
|
|
825
1017
|
var(--tw-ring-shadow),
|
|
826
1018
|
var(--tw-shadow);
|
|
827
1019
|
}
|
|
828
|
-
.shadow-
|
|
829
|
-
--tw-shadow:
|
|
1020
|
+
.shadow-jett-pop {
|
|
1021
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
|
|
830
1022
|
box-shadow:
|
|
831
1023
|
var(--tw-inset-shadow),
|
|
832
1024
|
var(--tw-inset-ring-shadow),
|
|
@@ -843,15 +1035,6 @@
|
|
|
843
1035
|
var(--tw-ring-shadow),
|
|
844
1036
|
var(--tw-shadow);
|
|
845
1037
|
}
|
|
846
|
-
.shadow-xl {
|
|
847
|
-
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
848
|
-
box-shadow:
|
|
849
|
-
var(--tw-inset-shadow),
|
|
850
|
-
var(--tw-inset-ring-shadow),
|
|
851
|
-
var(--tw-ring-offset-shadow),
|
|
852
|
-
var(--tw-ring-shadow),
|
|
853
|
-
var(--tw-shadow);
|
|
854
|
-
}
|
|
855
1038
|
.outline {
|
|
856
1039
|
outline-style: var(--tw-outline-style);
|
|
857
1040
|
outline-width: 1px;
|
|
@@ -890,6 +1073,11 @@
|
|
|
890
1073
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
891
1074
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
892
1075
|
}
|
|
1076
|
+
.transition-\[width\,transform\] {
|
|
1077
|
+
transition-property: width, transform;
|
|
1078
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1079
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1080
|
+
}
|
|
893
1081
|
.transition-all {
|
|
894
1082
|
transition-property: all;
|
|
895
1083
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -919,11 +1107,9 @@
|
|
|
919
1107
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
920
1108
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
921
1109
|
}
|
|
922
|
-
.
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
.delay-100 {
|
|
926
|
-
transition-delay: 100ms;
|
|
1110
|
+
.duration-150 {
|
|
1111
|
+
--tw-duration: 150ms;
|
|
1112
|
+
transition-duration: 150ms;
|
|
927
1113
|
}
|
|
928
1114
|
.duration-200 {
|
|
929
1115
|
--tw-duration: 200ms;
|
|
@@ -937,6 +1123,10 @@
|
|
|
937
1123
|
--tw-ease: var(--ease-in-out);
|
|
938
1124
|
transition-timing-function: var(--ease-in-out);
|
|
939
1125
|
}
|
|
1126
|
+
.outline-none {
|
|
1127
|
+
--tw-outline-style: none;
|
|
1128
|
+
outline-style: none;
|
|
1129
|
+
}
|
|
940
1130
|
.select-none {
|
|
941
1131
|
-webkit-user-select: none;
|
|
942
1132
|
user-select: none;
|
|
@@ -967,6 +1157,11 @@
|
|
|
967
1157
|
color: #6b7280;
|
|
968
1158
|
}
|
|
969
1159
|
}
|
|
1160
|
+
.placeholder\:text-jett-ink-400 {
|
|
1161
|
+
&::placeholder {
|
|
1162
|
+
color: var(--color-jett-ink-400);
|
|
1163
|
+
}
|
|
1164
|
+
}
|
|
970
1165
|
.focus-within\:outline-2 {
|
|
971
1166
|
&:focus-within {
|
|
972
1167
|
outline-style: var(--tw-outline-style);
|
|
@@ -990,17 +1185,17 @@
|
|
|
990
1185
|
}
|
|
991
1186
|
}
|
|
992
1187
|
}
|
|
993
|
-
.hover\:
|
|
1188
|
+
.hover\:border-jett-line-control {
|
|
994
1189
|
&:hover {
|
|
995
1190
|
@media (hover: hover) {
|
|
996
|
-
|
|
1191
|
+
border-color: var(--color-jett-line-control);
|
|
997
1192
|
}
|
|
998
1193
|
}
|
|
999
1194
|
}
|
|
1000
|
-
.hover\:bg-\[\#
|
|
1195
|
+
.hover\:bg-\[\#F7FAFC\] {
|
|
1001
1196
|
&:hover {
|
|
1002
1197
|
@media (hover: hover) {
|
|
1003
|
-
background-color: #
|
|
1198
|
+
background-color: #F7FAFC;
|
|
1004
1199
|
}
|
|
1005
1200
|
}
|
|
1006
1201
|
}
|
|
@@ -1018,10 +1213,24 @@
|
|
|
1018
1213
|
}
|
|
1019
1214
|
}
|
|
1020
1215
|
}
|
|
1021
|
-
.hover\:bg-
|
|
1216
|
+
.hover\:bg-jett-canvas {
|
|
1217
|
+
&:hover {
|
|
1218
|
+
@media (hover: hover) {
|
|
1219
|
+
background-color: var(--color-jett-canvas);
|
|
1220
|
+
}
|
|
1221
|
+
}
|
|
1222
|
+
}
|
|
1223
|
+
.hover\:bg-jett-danger-soft {
|
|
1022
1224
|
&:hover {
|
|
1023
1225
|
@media (hover: hover) {
|
|
1024
|
-
background-color: var(--color-
|
|
1226
|
+
background-color: var(--color-jett-danger-soft);
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1229
|
+
}
|
|
1230
|
+
.hover\:bg-jett-fill {
|
|
1231
|
+
&:hover {
|
|
1232
|
+
@media (hover: hover) {
|
|
1233
|
+
background-color: var(--color-jett-fill);
|
|
1025
1234
|
}
|
|
1026
1235
|
}
|
|
1027
1236
|
}
|
|
@@ -1039,6 +1248,20 @@
|
|
|
1039
1248
|
}
|
|
1040
1249
|
}
|
|
1041
1250
|
}
|
|
1251
|
+
.hover\:text-jett-ink {
|
|
1252
|
+
&:hover {
|
|
1253
|
+
@media (hover: hover) {
|
|
1254
|
+
color: var(--color-jett-ink);
|
|
1255
|
+
}
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1258
|
+
.hover\:text-jett-ink-700 {
|
|
1259
|
+
&:hover {
|
|
1260
|
+
@media (hover: hover) {
|
|
1261
|
+
color: var(--color-jett-ink-700);
|
|
1262
|
+
}
|
|
1263
|
+
}
|
|
1264
|
+
}
|
|
1042
1265
|
.focus\:border-black {
|
|
1043
1266
|
&:focus {
|
|
1044
1267
|
border-color: var(--color-black);
|
|
@@ -1098,13 +1321,6 @@
|
|
|
1098
1321
|
opacity: 50%;
|
|
1099
1322
|
}
|
|
1100
1323
|
}
|
|
1101
|
-
.xs\:max-md\:z-40 {
|
|
1102
|
-
@media (width >= 360px) {
|
|
1103
|
-
@media (width < 48rem) {
|
|
1104
|
-
z-index: 40;
|
|
1105
|
-
}
|
|
1106
|
-
}
|
|
1107
|
-
}
|
|
1108
1324
|
.sm\:flex-row {
|
|
1109
1325
|
@media (width >= 40rem) {
|
|
1110
1326
|
flex-direction: row;
|
|
@@ -1124,69 +1340,21 @@
|
|
|
1124
1340
|
}
|
|
1125
1341
|
}
|
|
1126
1342
|
}
|
|
1127
|
-
.md\:relative {
|
|
1128
|
-
@media (width >= 48rem) {
|
|
1129
|
-
position: relative;
|
|
1130
|
-
}
|
|
1131
|
-
}
|
|
1132
|
-
.md\:block {
|
|
1133
|
-
@media (width >= 48rem) {
|
|
1134
|
-
display: block;
|
|
1135
|
-
}
|
|
1136
|
-
}
|
|
1137
|
-
.md\:hidden {
|
|
1138
|
-
@media (width >= 48rem) {
|
|
1139
|
-
display: none;
|
|
1140
|
-
}
|
|
1141
|
-
}
|
|
1142
1343
|
.md\:min-w-\[576px\] {
|
|
1143
1344
|
@media (width >= 48rem) {
|
|
1144
1345
|
min-width: 576px;
|
|
1145
1346
|
}
|
|
1146
1347
|
}
|
|
1147
|
-
.md\:translate-x-0 {
|
|
1148
|
-
@media (width >= 48rem) {
|
|
1149
|
-
--tw-translate-x: calc(var(--spacing) * 0);
|
|
1150
|
-
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1151
|
-
}
|
|
1152
|
-
}
|
|
1153
|
-
.md\:pt-4 {
|
|
1154
|
-
@media (width >= 48rem) {
|
|
1155
|
-
padding-top: calc(var(--spacing) * 4);
|
|
1156
|
-
}
|
|
1157
|
-
}
|
|
1158
|
-
.md\:max-lg\:w-\[280px\] {
|
|
1159
|
-
@media (width >= 48rem) {
|
|
1160
|
-
@media (width < 64rem) {
|
|
1161
|
-
width: 280px;
|
|
1162
|
-
}
|
|
1163
|
-
}
|
|
1164
|
-
}
|
|
1165
1348
|
.dark\:border-\[\#303036\] {
|
|
1166
1349
|
&:where(.dark, .dark *) {
|
|
1167
1350
|
border-color: #303036;
|
|
1168
1351
|
}
|
|
1169
1352
|
}
|
|
1170
|
-
.dark\:border-red-900 {
|
|
1171
|
-
&:where(.dark, .dark *) {
|
|
1172
|
-
border-color: var(--color-red-900);
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
.dark\:border-white {
|
|
1176
|
-
&:where(.dark, .dark *) {
|
|
1177
|
-
border-color: var(--color-white);
|
|
1178
|
-
}
|
|
1179
|
-
}
|
|
1180
1353
|
.dark\:bg-\[\#1d1d20\] {
|
|
1181
1354
|
&:where(.dark, .dark *) {
|
|
1182
1355
|
background-color: #1d1d20;
|
|
1183
1356
|
}
|
|
1184
1357
|
}
|
|
1185
|
-
.dark\:bg-\[\#4B5563\] {
|
|
1186
|
-
&:where(.dark, .dark *) {
|
|
1187
|
-
background-color: #4B5563;
|
|
1188
|
-
}
|
|
1189
|
-
}
|
|
1190
1358
|
.dark\:bg-\[\#18181b\] {
|
|
1191
1359
|
&:where(.dark, .dark *) {
|
|
1192
1360
|
background-color: #18181b;
|
|
@@ -1230,14 +1398,6 @@
|
|
|
1230
1398
|
background-color: var(--color-red-900);
|
|
1231
1399
|
}
|
|
1232
1400
|
}
|
|
1233
|
-
.dark\:bg-red-950\/40 {
|
|
1234
|
-
&:where(.dark, .dark *) {
|
|
1235
|
-
background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
|
|
1236
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
1237
|
-
background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
|
|
1238
|
-
}
|
|
1239
|
-
}
|
|
1240
|
-
}
|
|
1241
1401
|
.dark\:bg-transparent {
|
|
1242
1402
|
&:where(.dark, .dark *) {
|
|
1243
1403
|
background-color: transparent;
|
|
@@ -1248,36 +1408,11 @@
|
|
|
1248
1408
|
background-color: var(--color-yellow-900);
|
|
1249
1409
|
}
|
|
1250
1410
|
}
|
|
1251
|
-
.dark\:\!text-\[\#a1a1aa\] {
|
|
1252
|
-
&:where(.dark, .dark *) {
|
|
1253
|
-
color: #a1a1aa !important;
|
|
1254
|
-
}
|
|
1255
|
-
}
|
|
1256
|
-
.dark\:text-\[\#71717a\] {
|
|
1257
|
-
&:where(.dark, .dark *) {
|
|
1258
|
-
color: #71717a;
|
|
1259
|
-
}
|
|
1260
|
-
}
|
|
1261
|
-
.dark\:text-\[\#a1a1aa\] {
|
|
1262
|
-
&:where(.dark, .dark *) {
|
|
1263
|
-
color: #a1a1aa;
|
|
1264
|
-
}
|
|
1265
|
-
}
|
|
1266
1411
|
.dark\:text-\[\#f4f4f5cc\] {
|
|
1267
1412
|
&:where(.dark, .dark *) {
|
|
1268
1413
|
color: #f4f4f5cc;
|
|
1269
1414
|
}
|
|
1270
1415
|
}
|
|
1271
|
-
.dark\:text-gray-400 {
|
|
1272
|
-
&:where(.dark, .dark *) {
|
|
1273
|
-
color: var(--color-gray-400);
|
|
1274
|
-
}
|
|
1275
|
-
}
|
|
1276
|
-
.dark\:text-gray-500 {
|
|
1277
|
-
&:where(.dark, .dark *) {
|
|
1278
|
-
color: var(--color-gray-500);
|
|
1279
|
-
}
|
|
1280
|
-
}
|
|
1281
1416
|
.dark\:text-gray-600 {
|
|
1282
1417
|
&:where(.dark, .dark *) {
|
|
1283
1418
|
color: var(--color-gray-600);
|