analytica-frontend-lib 1.0.3 → 1.0.5

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/dist/index.css CHANGED
@@ -1,61 +1,1046 @@
1
1
  /* src/styles.css */
2
2
  @layer properties;
3
- .flex {
4
- display: flex;
5
- }
6
- .transform {
7
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
8
- }
9
- .flex-wrap {
10
- flex-wrap: wrap;
11
- }
12
- .items-center {
13
- align-items: center;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root,
6
+ :host {
7
+ --font-sans:
8
+ ui-sans-serif,
9
+ system-ui,
10
+ sans-serif,
11
+ "Apple Color Emoji",
12
+ "Segoe UI Emoji",
13
+ "Segoe UI Symbol",
14
+ "Noto Color Emoji";
15
+ --font-mono:
16
+ ui-monospace,
17
+ SFMono-Regular,
18
+ Menlo,
19
+ Monaco,
20
+ Consolas,
21
+ "Liberation Mono",
22
+ "Courier New",
23
+ monospace;
24
+ --spacing: 0.25rem;
25
+ --text-xs: 0.75rem;
26
+ --text-xs--line-height: calc(1 / 0.75);
27
+ --text-sm: 0.875rem;
28
+ --text-sm--line-height: calc(1.25 / 0.875);
29
+ --text-lg: 1.125rem;
30
+ --text-lg--line-height: calc(1.75 / 1.125);
31
+ --text-xl: 1.25rem;
32
+ --text-xl--line-height: calc(1.75 / 1.25);
33
+ --text-2xl: 1.5rem;
34
+ --text-2xl--line-height: calc(2 / 1.5);
35
+ --text-3xl: 1.875rem;
36
+ --text-3xl--line-height: calc(2.25 / 1.875);
37
+ --text-4xl: 2.25rem;
38
+ --text-4xl--line-height: calc(2.5 / 2.25);
39
+ --text-5xl: 3rem;
40
+ --text-5xl--line-height: 1;
41
+ --text-6xl: 3.75rem;
42
+ --text-6xl--line-height: 1;
43
+ --font-weight-light: 300;
44
+ --font-weight-normal: 400;
45
+ --font-weight-medium: 500;
46
+ --font-weight-semibold: 600;
47
+ --font-weight-bold: 700;
48
+ --font-weight-extrabold: 800;
49
+ --font-weight-black: 900;
50
+ --default-font-family: var(--font-sans);
51
+ --default-mono-font-family: var(--font-mono);
52
+ --color-primary-400: #525252;
53
+ --color-primary-500: #333333;
54
+ --color-primary-600: #292929;
55
+ --color-primary-700: #1f1f1f;
56
+ --color-primary-800: #0d0d0d;
57
+ --color-primary-950: #080808;
58
+ --color-text: #fefeff;
59
+ --color-text-700: #525252;
60
+ --color-text-900: #262627;
61
+ --color-text-950: #171717;
62
+ --color-background: #ffffff;
63
+ --color-background-50: #f6f6f6;
64
+ --color-success-300: #66b584;
65
+ --color-success-400: #489766;
66
+ --color-success-500: #348352;
67
+ --color-success-600: #2a7948;
68
+ --color-success-700: #206f3e;
69
+ --color-error-300: #f87171;
70
+ --color-error-400: #ef4444;
71
+ --color-error-500: #e63535;
72
+ --color-error-600: #dc2626;
73
+ --color-error-700: #b91c1c;
74
+ --color-indicator-info: #5399ec;
75
+ --font-weight-hairline: 100;
76
+ --text-2xs: 0.625rem;
77
+ --text-2xs--line-height: calc(1 / 0.625);
78
+ --text-md: 1rem;
79
+ --text-md--line-height: calc(1.5 / 1);
80
+ }
14
81
  }
15
- .transition {
16
- transition-property:
17
- color,
18
- background-color,
19
- border-color,
20
- outline-color,
21
- text-decoration-color,
22
- fill,
23
- stroke,
24
- --tw-gradient-from,
25
- --tw-gradient-via,
26
- --tw-gradient-to,
27
- opacity,
28
- box-shadow,
29
- transform,
30
- translate,
31
- scale,
32
- rotate,
33
- filter,
34
- -webkit-backdrop-filter,
35
- backdrop-filter,
36
- display,
37
- visibility,
38
- content-visibility,
39
- overlay,
40
- pointer-events;
41
- transition-timing-function: var(--tw-ease, ease);
42
- transition-duration: var(--tw-duration, 0s);
82
+ @layer base {
83
+ *,
84
+ ::after,
85
+ ::before,
86
+ ::backdrop,
87
+ ::file-selector-button {
88
+ box-sizing: border-box;
89
+ margin: 0;
90
+ padding: 0;
91
+ border: 0 solid;
92
+ }
93
+ html,
94
+ :host {
95
+ line-height: 1.5;
96
+ -webkit-text-size-adjust: 100%;
97
+ -moz-tab-size: 4;
98
+ -o-tab-size: 4;
99
+ tab-size: 4;
100
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
101
+ font-feature-settings: var(--default-font-feature-settings, normal);
102
+ font-variation-settings: var(--default-font-variation-settings, normal);
103
+ -webkit-tap-highlight-color: transparent;
104
+ }
105
+ hr {
106
+ height: 0;
107
+ color: inherit;
108
+ border-top-width: 1px;
109
+ }
110
+ abbr:where([title]) {
111
+ -webkit-text-decoration: underline dotted;
112
+ text-decoration: underline dotted;
113
+ }
114
+ h1,
115
+ h2,
116
+ h3,
117
+ h4,
118
+ h5,
119
+ h6 {
120
+ font-size: inherit;
121
+ font-weight: inherit;
122
+ }
123
+ a {
124
+ color: inherit;
125
+ -webkit-text-decoration: inherit;
126
+ text-decoration: inherit;
127
+ }
128
+ b,
129
+ strong {
130
+ font-weight: bolder;
131
+ }
132
+ code,
133
+ kbd,
134
+ samp,
135
+ pre {
136
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
137
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
138
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
139
+ font-size: 1em;
140
+ }
141
+ small {
142
+ font-size: 80%;
143
+ }
144
+ sub,
145
+ sup {
146
+ font-size: 75%;
147
+ line-height: 0;
148
+ position: relative;
149
+ vertical-align: baseline;
150
+ }
151
+ sub {
152
+ bottom: -0.25em;
153
+ }
154
+ sup {
155
+ top: -0.5em;
156
+ }
157
+ table {
158
+ text-indent: 0;
159
+ border-color: inherit;
160
+ border-collapse: collapse;
161
+ }
162
+ :-moz-focusring {
163
+ outline: auto;
164
+ }
165
+ progress {
166
+ vertical-align: baseline;
167
+ }
168
+ summary {
169
+ display: list-item;
170
+ }
171
+ ol,
172
+ ul,
173
+ menu {
174
+ list-style: none;
175
+ }
176
+ img,
177
+ svg,
178
+ video,
179
+ canvas,
180
+ audio,
181
+ iframe,
182
+ embed,
183
+ object {
184
+ display: block;
185
+ vertical-align: middle;
186
+ }
187
+ img,
188
+ video {
189
+ max-width: 100%;
190
+ height: auto;
191
+ }
192
+ button,
193
+ input,
194
+ select,
195
+ optgroup,
196
+ textarea,
197
+ ::file-selector-button {
198
+ font: inherit;
199
+ font-feature-settings: inherit;
200
+ font-variation-settings: inherit;
201
+ letter-spacing: inherit;
202
+ color: inherit;
203
+ border-radius: 0;
204
+ background-color: transparent;
205
+ opacity: 1;
206
+ }
207
+ :where(select:is([multiple], [size])) optgroup {
208
+ font-weight: bolder;
209
+ }
210
+ :where(select:is([multiple], [size])) optgroup option {
211
+ padding-inline-start: 20px;
212
+ }
213
+ ::file-selector-button {
214
+ margin-inline-end: 4px;
215
+ }
216
+ ::-moz-placeholder {
217
+ opacity: 1;
218
+ }
219
+ ::placeholder {
220
+ opacity: 1;
221
+ }
222
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
223
+ ::-moz-placeholder {
224
+ color: currentcolor;
225
+ @supports (color: color-mix(in lab, red, red)) {
226
+ color: color-mix(in oklab, currentcolor 50%, transparent);
227
+ }
228
+ }
229
+ ::placeholder {
230
+ color: currentcolor;
231
+ @supports (color: color-mix(in lab, red, red)) {
232
+ color: color-mix(in oklab, currentcolor 50%, transparent);
233
+ }
234
+ }
235
+ }
236
+ textarea {
237
+ resize: vertical;
238
+ }
239
+ ::-webkit-search-decoration {
240
+ -webkit-appearance: none;
241
+ }
242
+ ::-webkit-date-and-time-value {
243
+ min-height: 1lh;
244
+ text-align: inherit;
245
+ }
246
+ ::-webkit-datetime-edit {
247
+ display: inline-flex;
248
+ }
249
+ ::-webkit-datetime-edit-fields-wrapper {
250
+ padding: 0;
251
+ }
252
+ ::-webkit-datetime-edit,
253
+ ::-webkit-datetime-edit-year-field,
254
+ ::-webkit-datetime-edit-month-field,
255
+ ::-webkit-datetime-edit-day-field,
256
+ ::-webkit-datetime-edit-hour-field,
257
+ ::-webkit-datetime-edit-minute-field,
258
+ ::-webkit-datetime-edit-second-field,
259
+ ::-webkit-datetime-edit-millisecond-field,
260
+ ::-webkit-datetime-edit-meridiem-field {
261
+ padding-block: 0;
262
+ }
263
+ :-moz-ui-invalid {
264
+ box-shadow: none;
265
+ }
266
+ button,
267
+ input:where([type=button], [type=reset], [type=submit]),
268
+ ::file-selector-button {
269
+ -webkit-appearance: button;
270
+ -moz-appearance: button;
271
+ appearance: button;
272
+ }
273
+ ::-webkit-inner-spin-button,
274
+ ::-webkit-outer-spin-button {
275
+ height: auto;
276
+ }
277
+ [hidden]:where(:not([hidden=until-found])) {
278
+ display: none !important;
279
+ }
43
280
  }
44
- .focus\:ring {
45
- &:focus {
46
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
47
- box-shadow:
48
- var(--tw-inset-shadow),
49
- var(--tw-inset-ring-shadow),
50
- var(--tw-ring-offset-shadow),
51
- var(--tw-ring-shadow),
52
- var(--tw-shadow);
281
+ @layer utilities {
282
+ .my-4 {
283
+ margin-block: calc(var(--spacing) * 4);
284
+ }
285
+ .mr-2 {
286
+ margin-right: calc(var(--spacing) * 2);
287
+ }
288
+ .mb-2 {
289
+ margin-bottom: calc(var(--spacing) * 2);
290
+ }
291
+ .ml-2 {
292
+ margin-left: calc(var(--spacing) * 2);
293
+ }
294
+ .flex {
295
+ display: flex;
296
+ }
297
+ .inline-flex {
298
+ display: inline-flex;
299
+ }
300
+ .table {
301
+ display: table;
302
+ }
303
+ .transform {
304
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
305
+ }
306
+ .cursor-pointer {
307
+ cursor: pointer;
308
+ }
309
+ .flex-col {
310
+ flex-direction: column;
311
+ }
312
+ .flex-row {
313
+ flex-direction: row;
314
+ }
315
+ .flex-wrap {
316
+ flex-wrap: wrap;
317
+ }
318
+ .items-center {
319
+ align-items: center;
320
+ }
321
+ .justify-center {
322
+ justify-content: center;
323
+ }
324
+ .gap-2 {
325
+ gap: calc(var(--spacing) * 2);
326
+ }
327
+ .gap-4 {
328
+ gap: calc(var(--spacing) * 4);
329
+ }
330
+ .gap-6 {
331
+ gap: calc(var(--spacing) * 6);
332
+ }
333
+ .rounded-full {
334
+ border-radius: calc(infinity * 1px);
335
+ }
336
+ .border {
337
+ border-style: var(--tw-border-style);
338
+ border-width: 1px;
339
+ }
340
+ .border-2 {
341
+ border-style: var(--tw-border-style);
342
+ border-width: 2px;
343
+ }
344
+ .border-error-300 {
345
+ border-color: var(--color-error-300);
346
+ }
347
+ .border-error-500 {
348
+ border-color: var(--color-error-500);
349
+ }
350
+ .border-primary-950 {
351
+ border-color: var(--color-primary-950);
352
+ }
353
+ .border-success-300 {
354
+ border-color: var(--color-success-300);
355
+ }
356
+ .border-success-500 {
357
+ border-color: var(--color-success-500);
358
+ }
359
+ .bg-background {
360
+ background-color: var(--color-background);
361
+ }
362
+ .bg-error-500 {
363
+ background-color: var(--color-error-500);
364
+ }
365
+ .bg-primary-950 {
366
+ background-color: var(--color-primary-950);
367
+ }
368
+ .bg-success-500 {
369
+ background-color: var(--color-success-500);
370
+ }
371
+ .bg-transparent {
372
+ background-color: transparent;
373
+ }
374
+ .p-4 {
375
+ padding: calc(var(--spacing) * 4);
376
+ }
377
+ .p-8 {
378
+ padding: calc(var(--spacing) * 8);
379
+ }
380
+ .px-3\.5 {
381
+ padding-inline: calc(var(--spacing) * 3.5);
382
+ }
383
+ .px-4 {
384
+ padding-inline: calc(var(--spacing) * 4);
385
+ }
386
+ .px-5 {
387
+ padding-inline: calc(var(--spacing) * 5);
388
+ }
389
+ .px-6 {
390
+ padding-inline: calc(var(--spacing) * 6);
391
+ }
392
+ .px-7 {
393
+ padding-inline: calc(var(--spacing) * 7);
394
+ }
395
+ .py-2 {
396
+ padding-block: calc(var(--spacing) * 2);
397
+ }
398
+ .py-2\.5 {
399
+ padding-block: calc(var(--spacing) * 2.5);
400
+ }
401
+ .py-3 {
402
+ padding-block: calc(var(--spacing) * 3);
403
+ }
404
+ .py-3\.5 {
405
+ padding-block: calc(var(--spacing) * 3.5);
406
+ }
407
+ .text-2xl {
408
+ font-size: var(--text-2xl);
409
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
410
+ }
411
+ .text-2xs {
412
+ font-size: var(--text-2xs);
413
+ line-height: var(--tw-leading, var(--text-2xs--line-height));
414
+ }
415
+ .text-3xl {
416
+ font-size: var(--text-3xl);
417
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
418
+ }
419
+ .text-4xl {
420
+ font-size: var(--text-4xl);
421
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
422
+ }
423
+ .text-5xl {
424
+ font-size: var(--text-5xl);
425
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
426
+ }
427
+ .text-6xl {
428
+ font-size: var(--text-6xl);
429
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
430
+ }
431
+ .text-lg {
432
+ font-size: var(--text-lg);
433
+ line-height: var(--tw-leading, var(--text-lg--line-height));
434
+ }
435
+ .text-md {
436
+ font-size: var(--text-md);
437
+ line-height: var(--tw-leading, var(--text-md--line-height));
438
+ }
439
+ .text-sm {
440
+ font-size: var(--text-sm);
441
+ line-height: var(--tw-leading, var(--text-sm--line-height));
442
+ }
443
+ .text-xl {
444
+ font-size: var(--text-xl);
445
+ line-height: var(--tw-leading, var(--text-xl--line-height));
446
+ }
447
+ .text-xs {
448
+ font-size: var(--text-xs);
449
+ line-height: var(--tw-leading, var(--text-xs--line-height));
450
+ }
451
+ .font-black {
452
+ --tw-font-weight: var(--font-weight-black);
453
+ font-weight: var(--font-weight-black);
454
+ }
455
+ .font-bold {
456
+ --tw-font-weight: var(--font-weight-bold);
457
+ font-weight: var(--font-weight-bold);
458
+ }
459
+ .font-extrabold {
460
+ --tw-font-weight: var(--font-weight-extrabold);
461
+ font-weight: var(--font-weight-extrabold);
462
+ }
463
+ .font-hairline {
464
+ --tw-font-weight: var(--font-weight-hairline);
465
+ font-weight: var(--font-weight-hairline);
466
+ }
467
+ .font-light {
468
+ --tw-font-weight: var(--font-weight-light);
469
+ font-weight: var(--font-weight-light);
470
+ }
471
+ .font-medium {
472
+ --tw-font-weight: var(--font-weight-medium);
473
+ font-weight: var(--font-weight-medium);
474
+ }
475
+ .font-normal {
476
+ --tw-font-weight: var(--font-weight-normal);
477
+ font-weight: var(--font-weight-normal);
478
+ }
479
+ .font-semibold {
480
+ --tw-font-weight: var(--font-weight-semibold);
481
+ font-weight: var(--font-weight-semibold);
482
+ }
483
+ .text-error-500 {
484
+ color: var(--color-error-500);
485
+ }
486
+ .text-primary-950 {
487
+ color: var(--color-primary-950);
488
+ }
489
+ .text-success-500 {
490
+ color: var(--color-success-500);
491
+ }
492
+ .text-text {
493
+ color: var(--color-text);
494
+ }
495
+ .text-text-700 {
496
+ color: var(--color-text-700);
497
+ }
498
+ .text-text-900 {
499
+ color: var(--color-text-900);
500
+ }
501
+ .text-text-950 {
502
+ color: var(--color-text-950);
503
+ }
504
+ .outline {
505
+ outline-style: var(--tw-outline-style);
506
+ outline-width: 1px;
507
+ }
508
+ .hover\:border-error-400 {
509
+ &:hover {
510
+ @media (hover: hover) {
511
+ border-color: var(--color-error-400);
512
+ }
513
+ }
514
+ }
515
+ .hover\:border-error-600 {
516
+ &:hover {
517
+ @media (hover: hover) {
518
+ border-color: var(--color-error-600);
519
+ }
520
+ }
521
+ }
522
+ .hover\:border-primary-400 {
523
+ &:hover {
524
+ @media (hover: hover) {
525
+ border-color: var(--color-primary-400);
526
+ }
527
+ }
528
+ }
529
+ .hover\:border-primary-800 {
530
+ &:hover {
531
+ @media (hover: hover) {
532
+ border-color: var(--color-primary-800);
533
+ }
534
+ }
535
+ }
536
+ .hover\:border-success-400 {
537
+ &:hover {
538
+ @media (hover: hover) {
539
+ border-color: var(--color-success-400);
540
+ }
541
+ }
542
+ }
543
+ .hover\:border-success-600 {
544
+ &:hover {
545
+ @media (hover: hover) {
546
+ border-color: var(--color-success-600);
547
+ }
548
+ }
549
+ }
550
+ .hover\:bg-background-50 {
551
+ &:hover {
552
+ @media (hover: hover) {
553
+ background-color: var(--color-background-50);
554
+ }
555
+ }
556
+ }
557
+ .hover\:bg-error-600 {
558
+ &:hover {
559
+ @media (hover: hover) {
560
+ background-color: var(--color-error-600);
561
+ }
562
+ }
563
+ }
564
+ .hover\:bg-primary-800 {
565
+ &:hover {
566
+ @media (hover: hover) {
567
+ background-color: var(--color-primary-800);
568
+ }
569
+ }
570
+ }
571
+ .hover\:bg-success-600 {
572
+ &:hover {
573
+ @media (hover: hover) {
574
+ background-color: var(--color-success-600);
575
+ }
576
+ }
577
+ }
578
+ .hover\:text-error-400 {
579
+ &:hover {
580
+ @media (hover: hover) {
581
+ color: var(--color-error-400);
582
+ }
583
+ }
584
+ }
585
+ .hover\:text-primary-400 {
586
+ &:hover {
587
+ @media (hover: hover) {
588
+ color: var(--color-primary-400);
589
+ }
590
+ }
591
+ }
592
+ .hover\:text-success-400 {
593
+ &:hover {
594
+ @media (hover: hover) {
595
+ color: var(--color-success-400);
596
+ }
597
+ }
598
+ }
599
+ .focus\:border-2 {
600
+ &:focus {
601
+ border-style: var(--tw-border-style);
602
+ border-width: 2px;
603
+ }
604
+ }
605
+ .focus\:border-indicator-info {
606
+ &:focus {
607
+ border-color: var(--color-indicator-info);
608
+ }
609
+ }
610
+ .focus\:bg-error-500 {
611
+ &:focus {
612
+ background-color: var(--color-error-500);
613
+ }
614
+ }
615
+ .focus\:bg-primary-950 {
616
+ &:focus {
617
+ background-color: var(--color-primary-950);
618
+ }
619
+ }
620
+ .focus\:bg-success-500 {
621
+ &:focus {
622
+ background-color: var(--color-success-500);
623
+ }
624
+ }
625
+ .focus\:text-error-600 {
626
+ &:focus {
627
+ color: var(--color-error-600);
628
+ }
629
+ }
630
+ .focus\:text-primary-600 {
631
+ &:focus {
632
+ color: var(--color-primary-600);
633
+ }
634
+ }
635
+ .focus\:text-success-600 {
636
+ &:focus {
637
+ color: var(--color-success-600);
638
+ }
639
+ }
640
+ .active\:border-error-700 {
641
+ &:active {
642
+ border-color: var(--color-error-700);
643
+ }
644
+ }
645
+ .active\:border-primary-700 {
646
+ &:active {
647
+ border-color: var(--color-primary-700);
648
+ }
649
+ }
650
+ .active\:border-success-700 {
651
+ &:active {
652
+ border-color: var(--color-success-700);
653
+ }
654
+ }
655
+ .active\:bg-error-700 {
656
+ &:active {
657
+ background-color: var(--color-error-700);
658
+ }
659
+ }
660
+ .active\:bg-primary-700 {
661
+ &:active {
662
+ background-color: var(--color-primary-700);
663
+ }
664
+ }
665
+ .active\:bg-success-700 {
666
+ &:active {
667
+ background-color: var(--color-success-700);
668
+ }
669
+ }
670
+ .active\:text-error-700 {
671
+ &:active {
672
+ color: var(--color-error-700);
673
+ }
674
+ }
675
+ .active\:text-primary-700 {
676
+ &:active {
677
+ color: var(--color-primary-700);
678
+ }
679
+ }
680
+ .active\:text-success-700 {
681
+ &:active {
682
+ color: var(--color-success-700);
683
+ }
684
+ }
685
+ .disabled\:cursor-not-allowed {
686
+ &:disabled {
687
+ cursor: not-allowed;
688
+ }
689
+ }
690
+ .disabled\:border-error-500 {
691
+ &:disabled {
692
+ border-color: var(--color-error-500);
693
+ }
694
+ }
695
+ .disabled\:border-primary-500 {
696
+ &:disabled {
697
+ border-color: var(--color-primary-500);
698
+ }
699
+ }
700
+ .disabled\:border-success-500 {
701
+ &:disabled {
702
+ border-color: var(--color-success-500);
703
+ }
704
+ }
705
+ .disabled\:bg-error-500 {
706
+ &:disabled {
707
+ background-color: var(--color-error-500);
708
+ }
709
+ }
710
+ .disabled\:bg-primary-500 {
711
+ &:disabled {
712
+ background-color: var(--color-primary-500);
713
+ }
714
+ }
715
+ .disabled\:bg-success-500 {
716
+ &:disabled {
717
+ background-color: var(--color-success-500);
718
+ }
719
+ }
720
+ .disabled\:opacity-40 {
721
+ &:disabled {
722
+ opacity: 40%;
723
+ }
53
724
  }
54
725
  }
55
- .focus\:outline-none {
56
- &:focus {
57
- --tw-outline-style: none;
58
- outline-style: none;
726
+ @layer base {
727
+ [data-theme=dark] {
728
+ --color-primary: #a6a6a6;
729
+ --color-primary-50: #afafaf;
730
+ --color-primary-100: #bababa;
731
+ --color-primary-200: #c5c5c5;
732
+ --color-primary-300: #d4d4d4;
733
+ --color-primary-400: #dddddd;
734
+ --color-primary-500: #e6e6e6;
735
+ --color-primary-600: #f0f0f0;
736
+ --color-primary-700: #fafafa;
737
+ --color-primary-800: #fdfdfd;
738
+ --color-primary-900: #fef9f9;
739
+ --color-primary-950: #fdfcfc;
740
+ --color-secondary: #141414;
741
+ --color-secondary-50: #171717;
742
+ --color-secondary-100: #1f1f1f;
743
+ --color-secondary-200: #272727;
744
+ --color-secondary-300: #2c2c2c;
745
+ --color-secondary-400: #383939;
746
+ --color-secondary-500: #3f4040;
747
+ --color-secondary-600: #565656;
748
+ --color-secondary-700: #656565;
749
+ --color-secondary-800: #878787;
750
+ --color-secondary-900: #969696;
751
+ --color-secondary-950: #a4a4a4;
752
+ --color-tertiary: #543112;
753
+ --color-tertiary-50: #6c3d13;
754
+ --color-tertiary-100: #824917;
755
+ --color-tertiary-200: #b4621a;
756
+ --color-tertiary-300: #d7751f;
757
+ --color-tertiary-400: #e78128;
758
+ --color-tertiary-500: #fb9d4b;
759
+ --color-tertiary-600: #fdb474;
760
+ --color-tertiary-700: #fed1aa;
761
+ --color-tertiary-800: #ffe9d5;
762
+ --color-tertiary-900: #fff2e5;
763
+ --color-tertiary-950: #fffaf5;
764
+ --color-text: #171717;
765
+ --color-text-50: #262627;
766
+ --color-text-100: #404040;
767
+ --color-text-200: #525252;
768
+ --color-text-300: #737373;
769
+ --color-text-400: #8c8c8c;
770
+ --color-text-500: #a3a3a3;
771
+ --color-text-600: #d4d4d4;
772
+ --color-text-700: #dbdbdc;
773
+ --color-text-800: #e5e5e5;
774
+ --color-text-900: #f5f5f5;
775
+ --color-text-950: #fefeff;
776
+ --color-background: #121212;
777
+ --color-background-50: #272625;
778
+ --color-background-100: #414040;
779
+ --color-background-200: #535252;
780
+ --color-background-300: #747474;
781
+ --color-background-400: #8e8e8e;
782
+ --color-background-500: #a2a3a3;
783
+ --color-background-600: #d5d4d4;
784
+ --color-background-700: #e5e4e4;
785
+ --color-background-800: #f2f1f1;
786
+ --color-background-900: #f6f6f6;
787
+ --color-background-950: #ffffff;
788
+ --color-background-muted: #333333;
789
+ --color-border: #1a1717;
790
+ --color-border-50: #272624;
791
+ --color-border-100: #414141;
792
+ --color-border-200: #535252;
793
+ --color-border-300: #737474;
794
+ --color-border-400: #8c8d8d;
795
+ --color-border-500: #a5a3a3;
796
+ --color-border-600: #d3d3d3;
797
+ --color-border-700: #dddcdb;
798
+ --color-border-800: #e6e6e6;
799
+ --color-border-900: #f3f3f3;
800
+ --color-border-950: #fdfefe;
801
+ --color-success: #1b3224;
802
+ --color-success-50: #14532d;
803
+ --color-success-100: #166534;
804
+ --color-success-200: #206f3e;
805
+ --color-success-300: #2a7948;
806
+ --color-success-400: #348352;
807
+ --color-success-500: #489766;
808
+ --color-success-600: #66b584;
809
+ --color-success-700: #84d3a2;
810
+ --color-success-800: #a2f1c0;
811
+ --color-success-900: #caffe8;
812
+ --color-success-950: #e4fff4;
813
+ --color-success-background: #1c2b21;
814
+ --color-error: #531313;
815
+ --color-error-50: #7f1d1d;
816
+ --color-error-100: #991b1b;
817
+ --color-error-200: #b91c1c;
818
+ --color-error-300: #dc2626;
819
+ --color-error-400: #e63535;
820
+ --color-error-500: #ef4444;
821
+ --color-error-600: #f96160;
822
+ --color-error-700: #e55b5a;
823
+ --color-error-800: #fecaca;
824
+ --color-error-900: #fee2e2;
825
+ --color-error-950: #fee9e9;
826
+ --color-error-background: #422b2b;
827
+ --color-warning: #542d12;
828
+ --color-warning-50: #6c3813;
829
+ --color-warning-100: #824417;
830
+ --color-warning-200: #b45a1a;
831
+ --color-warning-300: #d76c1f;
832
+ --color-warning-400: #e77828;
833
+ --color-warning-500: #fb954b;
834
+ --color-warning-600: #fdad74;
835
+ --color-warning-700: #fecdaa;
836
+ --color-warning-800: #ffe7d5;
837
+ --color-warning-900: #fff4ed;
838
+ --color-warning-950: #fff9f5;
839
+ --color-warning-background: #412f23;
840
+ --color-info: #032638;
841
+ --color-info-50: #05405d;
842
+ --color-info-100: #075a83;
843
+ --color-info-200: #0973a8;
844
+ --color-info-300: #0b8dcd;
845
+ --color-info-400: #0da6f2;
846
+ --color-info-500: #32b4f4;
847
+ --color-info-600: #57c2f6;
848
+ --color-info-700: #7ccff8;
849
+ --color-info-800: #a2ddfa;
850
+ --color-info-900: #c7ebfc;
851
+ --color-info-950: #ecf8fe;
852
+ --color-info-background: #1a282e;
853
+ --color-indicator-primary: #f7f7f7;
854
+ --color-indicator-info: #a1c7f5;
855
+ --color-indicator-error: #e84645;
856
+ --color-exame-1: #e3f1fb;
857
+ --color-exame-2: #fde5fa;
858
+ --color-exame-3: #fff4d1;
859
+ --color-exame-4: #ddf5e5;
860
+ --color-subject-1: #b7dfff;
861
+ --color-subject-2: #fbd1a5;
862
+ --color-subject-3: #b2e7e8;
863
+ --color-subject-4: #a3d9b1;
864
+ --color-subject-5: #d4f1a8;
865
+ --color-subject-6: #cee5f1;
866
+ --color-subject-7: #b7cce9;
867
+ --color-subject-8: #f3b3c2;
868
+ --color-subject-9: #e9d4fa;
869
+ --color-subject-10: #fbd1e0;
870
+ --color-subject-11: #feec9c;
871
+ --color-subject-12: #e7bff1;
872
+ --color-subject-13: #f4d2c8;
873
+ --color-subject-14: #e7ec85;
874
+ --color-subject-15: #a2d7e2;
875
+ --color-subject-16: #badfc8;
876
+ --shadow-hard-shadow-1: -2px 2px 8px rgba(255, 255, 255, 0.1);
877
+ --shadow-hard-shadow-2: 0px 3px 10px rgba(255, 255, 255, 0.1);
878
+ --shadow-hard-shadow-3: 2px 2px 8px rgba(255, 255, 255, 0.1);
879
+ --shadow-hard-shadow-4: 0px -3px 10px rgba(255, 255, 255, 0.1);
880
+ --shadow-hard-shadow-5: 0px 2px 10px rgba(255, 255, 255, 0.05);
881
+ --shadow-soft-shadow-1: 0px 0px 10px rgba(255, 255, 255, 0.05);
882
+ --shadow-soft-shadow-2: 0px 0px 20px rgba(255, 255, 255, 0.05);
883
+ --shadow-soft-shadow-3: 0px 0px 30px rgba(255, 255, 255, 0.05);
884
+ --shadow-soft-shadow-4: 0px 0px 40px rgba(255, 255, 255, 0.1);
885
+ }
886
+ [data-theme=enem-parana-light] {
887
+ --color-primary: #f4faff;
888
+ --color-primary-50: #e3f1fb;
889
+ --color-primary-100: #bbdcf7;
890
+ --color-primary-200: #91c7f1;
891
+ --color-primary-300: #67b0eb;
892
+ --color-primary-400: #48a0e8;
893
+ --color-primary-500: #2d91e4;
894
+ --color-primary-600: #2883d7;
895
+ --color-primary-700: #2271c4;
896
+ --color-primary-800: #1c61b2;
897
+ --color-primary-900: #144ba4;
898
+ --color-primary-950: #124393;
899
+ --color-secondary: #fdfdfd;
900
+ --color-secondary-50: #fbfbfb;
901
+ --color-secondary-100: #f6f6f6;
902
+ --color-secondary-200: #f2f2f2;
903
+ --color-secondary-300: #ededed;
904
+ --color-secondary-400: #e6e6e7;
905
+ --color-secondary-500: #d9d9db;
906
+ --color-secondary-600: #c6c7c7;
907
+ --color-secondary-700: #bdbdbd;
908
+ --color-secondary-800: #b1b1b1;
909
+ --color-secondary-900: #a5a4a4;
910
+ --color-secondary-950: #9d9d9d;
911
+ --color-tertiary: #fffaf5;
912
+ --color-tertiary-50: #fff2e5;
913
+ --color-tertiary-100: #ffe9d5;
914
+ --color-tertiary-200: #fed1aa;
915
+ --color-tertiary-300: #fdb474;
916
+ --color-tertiary-400: #fb9d4b;
917
+ --color-tertiary-500: #e78128;
918
+ --color-tertiary-600: #d7751f;
919
+ --color-tertiary-700: #b4621a;
920
+ --color-tertiary-800: #824917;
921
+ --color-tertiary-900: #6c3d13;
922
+ --color-tertiary-950: #543112;
923
+ --color-text: #fefeff;
924
+ --color-text-50: #f5f5f5;
925
+ --color-text-100: #e5e5e5;
926
+ --color-text-200: #dbdbdc;
927
+ --color-text-300: #d4d4d4;
928
+ --color-text-400: #a3a3a3;
929
+ --color-text-500: #8c8c8c;
930
+ --color-text-600: #737373;
931
+ --color-text-700: #525252;
932
+ --color-text-800: #404040;
933
+ --color-text-900: #262627;
934
+ --color-text-950: #171717;
935
+ --color-background: #ffffff;
936
+ --color-background-50: #f6f6f6;
937
+ --color-background-100: #f2f1f1;
938
+ --color-background-200: #dcdbdb;
939
+ --color-background-300: #d5d4d4;
940
+ --color-background-400: #a2a3a3;
941
+ --color-background-500: #8e8e8e;
942
+ --color-background-600: #747474;
943
+ --color-background-700: #535252;
944
+ --color-background-800: #414040;
945
+ --color-background-900: #272625;
946
+ --color-background-950: #121212;
947
+ --color-background-muted: #f7f8f7;
948
+ --color-border: #fdfefe;
949
+ --color-border-50: #f3f3f3;
950
+ --color-border-100: #e6e6e6;
951
+ --color-border-200: #dddcdb;
952
+ --color-border-300: #d3d3d3;
953
+ --color-border-400: #a5a3a3;
954
+ --color-border-500: #8c8d8d;
955
+ --color-border-600: #737474;
956
+ --color-border-700: #535252;
957
+ --color-border-800: #414141;
958
+ --color-border-900: #272624;
959
+ --color-border-950: #1a1717;
960
+ --color-success: #e4fff4;
961
+ --color-success-50: #caffe8;
962
+ --color-success-100: #a2f1c0;
963
+ --color-success-200: #84d3a2;
964
+ --color-success-300: #66b584;
965
+ --color-success-400: #489766;
966
+ --color-success-500: #348352;
967
+ --color-success-600: #2a7948;
968
+ --color-success-700: #206f3e;
969
+ --color-success-800: #166534;
970
+ --color-success-900: #14532d;
971
+ --color-success-950: #1b3224;
972
+ --color-success-background: #edfcf2;
973
+ --color-error: #fee9e9;
974
+ --color-error-50: #fee2e2;
975
+ --color-error-100: #fecaca;
976
+ --color-error-200: #fca5a5;
977
+ --color-error-300: #f87171;
978
+ --color-error-400: #ef4444;
979
+ --color-error-500: #e63535;
980
+ --color-error-600: #dc2626;
981
+ --color-error-700: #b91c1c;
982
+ --color-error-800: #991b1b;
983
+ --color-error-900: #7f1d1d;
984
+ --color-error-950: #531313;
985
+ --color-error-background: #fef1f1;
986
+ --color-warning: #fff9f5;
987
+ --color-warning-50: #fff4ec;
988
+ --color-warning-100: #ffe7d5;
989
+ --color-warning-200: #fecdaa;
990
+ --color-warning-300: #fdad74;
991
+ --color-warning-400: #fb954b;
992
+ --color-warning-500: #e77828;
993
+ --color-warning-600: #d76c1f;
994
+ --color-warning-700: #b45a1a;
995
+ --color-warning-800: #824417;
996
+ --color-warning-900: #6c3813;
997
+ --color-warning-950: #542d12;
998
+ --color-warning-background: #fff3ea;
999
+ --color-info: #ecf8fe;
1000
+ --color-info-50: #c7ebfc;
1001
+ --color-info-100: #a2ddfa;
1002
+ --color-info-200: #7ccff8;
1003
+ --color-info-300: #57c2f6;
1004
+ --color-info-400: #32b4f4;
1005
+ --color-info-500: #0da6f2;
1006
+ --color-info-600: #0b8dcd;
1007
+ --color-info-700: #0973a8;
1008
+ --color-info-800: #075a83;
1009
+ --color-info-900: #05405d;
1010
+ --color-info-950: #032638;
1011
+ --color-info-background: #ebf8fe;
1012
+ --color-indicator-primary: #373737;
1013
+ --color-indicator-info: #5399ec;
1014
+ --color-indicator-error: #b91c1c;
1015
+ --color-exame-1: #e3f1fb;
1016
+ --color-exame-2: #fde5fa;
1017
+ --color-exame-3: #fff4d1;
1018
+ --color-exame-4: #ddf5e5;
1019
+ --color-subject-1: #b7dfff;
1020
+ --color-subject-2: #fbd1a5;
1021
+ --color-subject-3: #b2e7e8;
1022
+ --color-subject-4: #a3d9b1;
1023
+ --color-subject-5: #d4f1a8;
1024
+ --color-subject-6: #cee5f1;
1025
+ --color-subject-7: #b7cce9;
1026
+ --color-subject-8: #f3b3c2;
1027
+ --color-subject-9: #e9d4fa;
1028
+ --color-subject-10: #fbd1e0;
1029
+ --color-subject-11: #feec9c;
1030
+ --color-subject-12: #e7bff1;
1031
+ --color-subject-13: #f4d2c8;
1032
+ --color-subject-14: #e7ec85;
1033
+ --color-subject-15: #a2d7e2;
1034
+ --color-subject-16: #badfc8;
1035
+ --shadow-hard-shadow-1: -2px 2px 8px rgba(38, 38, 38, 0.2);
1036
+ --shadow-hard-shadow-2: 0px 3px 10px rgba(38, 38, 38, 0.2);
1037
+ --shadow-hard-shadow-3: 2px 2px 8px rgba(38, 38, 38, 0.2);
1038
+ --shadow-hard-shadow-4: 0px -3px 10px rgba(38, 38, 38, 0.2);
1039
+ --shadow-hard-shadow-5: 0px 2px 10px rgba(38, 38, 38, 0.1);
1040
+ --shadow-soft-shadow-1: 0px 0px 10px rgba(38, 38, 38, 0.1);
1041
+ --shadow-soft-shadow-2: 0px 0px 20px rgba(38, 38, 38, 0.1);
1042
+ --shadow-soft-shadow-3: 0px 0px 30px rgba(38, 38, 38, 0.1);
1043
+ --shadow-soft-shadow-4: 0px 0px 40px rgba(38, 38, 38, 0.2);
59
1044
  }
60
1045
  }
61
1046
  @property --tw-rotate-x { syntax: "*"; inherits: false; }
@@ -63,20 +1048,9 @@
63
1048
  @property --tw-rotate-z { syntax: "*"; inherits: false; }
64
1049
  @property --tw-skew-x { syntax: "*"; inherits: false; }
65
1050
  @property --tw-skew-y { syntax: "*"; inherits: false; }
66
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
67
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
68
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
69
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
70
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
71
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
72
- @property --tw-ring-color { syntax: "*"; inherits: false; }
73
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
74
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
75
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
76
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
77
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
78
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
79
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
1051
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
1052
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
1053
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
80
1054
  @layer properties {
81
1055
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
82
1056
  *,
@@ -88,20 +1062,9 @@
88
1062
  --tw-rotate-z: initial;
89
1063
  --tw-skew-x: initial;
90
1064
  --tw-skew-y: initial;
91
- --tw-shadow: 0 0 #0000;
92
- --tw-shadow-color: initial;
93
- --tw-shadow-alpha: 100%;
94
- --tw-inset-shadow: 0 0 #0000;
95
- --tw-inset-shadow-color: initial;
96
- --tw-inset-shadow-alpha: 100%;
97
- --tw-ring-color: initial;
98
- --tw-ring-shadow: 0 0 #0000;
99
- --tw-inset-ring-color: initial;
100
- --tw-inset-ring-shadow: 0 0 #0000;
101
- --tw-ring-inset: initial;
102
- --tw-ring-offset-width: 0px;
103
- --tw-ring-offset-color: #fff;
104
- --tw-ring-offset-shadow: 0 0 #0000;
1065
+ --tw-border-style: solid;
1066
+ --tw-font-weight: initial;
1067
+ --tw-outline-style: solid;
105
1068
  }
106
1069
  }
107
1070
  }